Nabble - jQuery General Discussion

Comparing or checking for a specific "sub" class?

2009-11-26T14:39:13Z

I have a menu looking like this:

<li class="page_item current_page_item">...</li>
<li class="page_item">...</li>
<li class="page_item">...</li>

and so on...

I then have a mouseenter function that highlights/"de"-highlights the
various menu items, but I would like to not having it affect the item
with the extra class "current_page_item". How do I solve this?

my current code:

<script type="text/javascript">
$(document).ready(function() {
$('.page_item').mouseenter(function(e) {

$(this).children('a').children('div').fadeIn(0);

}).mouseleave(function(e) {

$(this).children('a').children('div').fadeOut(200);

});
});
</script>

Re: add element after page has loaded

2009-11-26T14:10:32Z

Hi.

Thanks.
That was what I needed.

Kr.
Luke.

On Nov 26, 6:04 pm, Rick van Hoeij <rickvho...@...> wrote:

> Hey,
>
> Best way to make sure that the form has been loaded is to use the load
> callback function:
>
> $('#formGen1').load('formGen1.jsp', function(){
> //Callback function: Form has been loaded
> //Code implementation
>
> });
>
> I usualy hide the form that I'm editing until it is ready to be shown.
> Simple hide() and show().
> Hope this helps.
>
> Greetz,
>
> Rick
>
> On 26 nov, 01:25, edencane <edenc...@...> wrote:
>
> > Hi.
>
> > I have the following document.ready:
>
> > $(document).ready(function(){
> > $('#formGen1').load('formGen1.jsp');
> > if(${membership eq 'propertyContractor'}) {
> > $('#formGen2').load('formGen2.jsp');
> > $('#formGen3a').load('formGen3a.jsp');
> > } else if (${membership eq 'cleaningContractor'}) {
> > $('#formGen2').load('formGen2.jsp');
> > $('#formGen3a').load('formGen3b.jsp');
> > $('#formGen3b').load('formGen4.jsp');
> > $('#formGen4').load('formGen3a.jsp');
> > } else if (${membership eq 'staff'}) {
> > $('#formGen2').load('formGen3a.jsp');
> > }
> > $(window).load(function () {
> > alert($('#dob').prev().html());
> > //run code
> > });
>
> > });
>
> > the html loaded in 'formGen1' is:
> > <fieldset>
> > <legend>Personal details</legend>
> > <p><label for="name">Name</label>
> > <input class="required" type="text" id="name" name="name"/>
> > <span></span></p>
> > <p><label for="dob">Date of birth</label>
> > <input type="text" class="expanddate" id="dob" name="dob" value=""
> > format="date">
> > <span></span></p>
> > </fieldset>
>
> > What I want to do is add an element after the #dob element.
> > In the 's$(window).load' statement I am showing the html of the
> > previous element as some feedback...
> > As I understand it, $(window).load should kick in after all the pages
> > have loaded, but clearly in my case something else is going on... i.e.
> > the pages havent loaded yet...
>
> > How can I do this?
>
> > Thanks.
>
> > Kind regards.
> > Luke.

Is there a plugin similar to this Flash effect in Yahoo.com for media images?

2009-11-26T14:09:18Z

Hi guys,

I'm looking to develop this plugin in jQuery, or is there already an
available version in jQuery for this effect?
http://movies.yahoo.com/feature/hmg-weekend-roundup-11-25-09.html

I really want the fading effect of the plugin.

Please tell me. Thanks

Remove appended element

2009-11-26T12:50:26Z

Hi,

I'm trying to append an div element around the element that triggers the on hover event, then remove the div on mouse out (blur). I normally would use addClass / removeClass but this leaves class="" when the class is removed and not the original state of the html. Here's my code, I can't work out how to remove the appended div correctly... :

jQuery("p,h1,h2,h3,span,li, dd, dt,b,em,strong").hover(function() {
jQuery('<div class="selected"></div>').append(jQuery(this).clone()).html();
active = true;

}, function() {
jQuery(".insense-selected").remove();
active = false;
});

This doesn't work as expected, can anyone help out? A solution to either problem described would suffice!

Thanks,
Colin.

Re: function in ready not run in IE

2009-11-26T11:50:47Z

may want to try the correct syntax for "each"

$.each($items, function() {
totalit(this);
});

also, just to point out, usually "best practice" points out to use "$"
at the beginning of variable names for jQuery objects.... surely works
otherwise, but your style is slightly confusing

On Nov 26, 4:32 am, Neena <ever...@...> wrote:

> Hello,
>
> I have below code that run the function when document is ready. It
> works fine in Firefox but not IE. What did I do wrong? Looks like the
> code doesn't get run at all. I tried jQuery(function() ... but it
> didn't work too
>
> $(document).ready(
> function() {
> var $items = ['regular', 'outsource', 'total_headcount', 'internal',
> 'external', 'resigned', 'eligible', 'member', 'valoptec_percent'];
>
> $($items).each(function() {
> totalIt(this);
> });
> }
> );
>
> Thanks!

Re: Debuging AJAX

2009-11-26T10:46:02Z

Here's a link to a screenshot of my console. When I click the form
this displays for a moment before the page reloads and the console is
refreshed. To view this I have to hit the stop bottom before it
reloads the page. It reloads because there isn't a value in the action
attribute of the form. http://picasaweb.google.com/lh/photo/soYaBaQlN-u-kyhLpQHToA?feat=directlink

As you can see from the console, there isn't a response from the page
I'm trying to send the POST. I have verified the path and i know it's
correct. Clicking on the response tab shows a button labeled 'Load
Response'. When clicked nothing happens. How do I interpret this. Here
is the java script and below the form.

$(document).ready(function() {
$('#193').live('submit',function(){
var formData = $(this).serialize();
console.log(formData);
$.post('setTechGoal.php', formData, function(data){ console.log
(data)});
});
});

<form id="193" accept-charset="utf-8">
<input type="hidden" name="tech" value="193">
<input type="hidden" name="location" value="Redding">
<input type="hidden" name="week" value="48">
<input type="submit" value="Set Goal →">
$<input type="text" name="techGoal" value="" size="10">
</form>

On Nov 25, 2:36 pm, Peter Edwards <p...@...> wrote:

> Hey,
>
> don't use document.write() or alert() to debug - either use
> console.log() or have a div in the document which can display debugging
> information and append any data to it.
>
> $('#testform').live('submit',function(){
> var formData = $(this).serialize();
> console.log(formData);
> $.post('ajax/setvalue.php', formData, function(data){ console.log(data) });
>
> });
>
> Firebug should log the POST as well as any response from it as well.
>
> HTH
>
> on 25/11/2009 21:10 Rockinelle said::
>
>
>
> > Any new eyes out there? Not sure why this got changed to accessibility
> > discussion.
>
> > On Nov 24, 4:46 pm, Rockinelle <ericbles...@...> wrote:
>
> >> Hey everyone,
>
> >> I've been trying to make a .post work for me and I'm using firebug to
> >> attempt to debug my problems. I am trying to use ajax to process a
> >> form and from what I can tell in Firebug, I am not getting a response.
> >> Now I have removed the action in the form itself so it's just reloads
> >> the page after the .post fails.
>
> >> $('#testform').live('submit',function(){
> >> var formData = $(this).serialize();
> >> alert(formData); //to verify the data is formatted properly and it
> >> is.
> >> $.post('ajax/setvalue.php', formData, function(data)
> >> { document.write(data) });
>
> >> });
>
> >> The path to the remote script is correct. formData is formatted
> >> properly. The php doc only echo the string 'pass' to let me know it
> >> got the request. I'm using .live rather than .submit because the form
> >> is loaded via an ajax call so it waits for the form to load before it
> >> binds this ajax request to the form.
>
> >> So if you have some tips on my code great, but I'd really like a good
> >> tool to debug this myself. Maybe there is something in firebug I'm
> >> missing.

Re: Superfish jQuery menu plugin RTL support

2009-11-26T10:40:06Z

change the LI's to float right instead of left

Vlad Shapiro wrote:

Ahoy!

I'm trying to adjust Superfish nav-bar style menu for RTL'ed Hebrew
website,

Example:
http://users.tpg.com.au/j_birch/plugins/superfish/#sample4

but no success so far, maybe someone already have this solved?
Any help will be most appreciated!

Best regards,
Vlad.

Re: Issue with simplemodal plugin and absolute positioned content

2009-11-26T10:15:36Z

Hey Eric,

Thanks for checking into this. I've done some more digging and I've
narrowed the issue down to the container/wrapping div that is injected
into the DOM. If I remove the following from the container
(s.d.container) when it is created:
display: 'none',
position: 'fixed',
..the divs on the page do not collapse (of course the modal does not
correctly render, but that is to be expected).

If I remove the following three items from the wrapping div (s.d.wrap)
when it is created:
.attr('tabIndex', -1)
.addClass('simplemodal-wrap')
.css({height: '100%', outline: 0, width: '100%'})
... it renders correctly in IE 6,7 and Firefox. The odd thing is that
I have to remove all three, any combination of the three items will
cause the divs to collapse. If found the fact that all three needed
to be removed surprising as I would have expected the tab index
modification to have no impact to the page layout.

I'm still looking, but if anything above seems to point to the cause,
let me know!

Eric

Re: Animate background

2009-11-26T10:08:24Z

not sure why using background image change, in my mind much easier to use a well developed slideshow plugin like cycle and absolute position your tabs over top of the slides

by using cycle's API can easily mesh the tabs and slides together to work as timed show or manual click or hover

Leonardo Aidar wrote:

hello guys, I wanted to do an animation with the background of my div element, but my div is below one, i need to change the background of 5 in 5 seconds, I would like to place an animation in the transition of the background pictures, finally I put the code and the image is perhaps easier to understand.

CSS

div#content {
width:717px;
height:373px;
float:left;
background:#FFFFFF url("../images/homeImg.jpg") top right no-repeat;
}

div#content ul li {
width:120px;
height:71px;
float:left;
margin-top:9px;
padding:11px 0px 0px 11px;
font-size:14px;
}

HTML

            <div id="content">
                <ul>
                    <li class="boxOne">BOX 1</li>
                    <li class="boxTwo">BOX 2</li>
                    <li class="boxThree">BOX 3</li>
                    <li class="boxFour">BOX 4</li>
                </ul>
            </div>

JQUERY

    $(document).ready(function(){

        var $imgBoxHome = new Array("../../components/
images/animebox1.jpg","../../components/images/animebox2.jpg","../../components/images/animebox3.jpg");
        var $indice = 0;
        setInterval(function(){ $("#content").css({background: "#ffffff url(" + $imgBoxHome[$indice] + ") top right no-repeat"}); if($indice == ($imgBoxHome.length - 1)){    $indice = 0; }else{    $indice = $indice + 1;}    },5000);

    });

someone help me?

jquery uploadify question

2009-11-26T09:57:57Z

Hi,

This function:

var c_folder = $('input[name="client_folder"]').val();
$("#uploadify").uploadify({
'uploader' : 'inc/fileupload/uploadify.swf',
'script' : 'inc/fileupload/uploadify.php',
'scriptData' : {'c_folder': c_folder},
'cancelImg' : 'inc/fileupload/cancel.png',
'folder' : 'images/uploads',
'queueID' : 'fileQueue',
'auto' : true,
'multi' : true,
'queueSizeLimit' : 3,
'buttonText' : 'Auswahl',
'sizeLimit' : 10000000,
'fileDesc' : '*.jpg;*.jpeg;*.png',
'fileExt' : '*.jpg;*.jpeg;*.png',
'onComplete': function(event, queueID, fileObj, reposnse, data) {
$('#filesUploaded').append('<img src="inc/fileupload/
cancel.png" alt="" id="'+c_folder+'/'+fileObj.name+'" class="img_del"
border="0" style="padding-right:5px; cursor: pointer;"><a
target="_blank" href="images/uploads/'+c_folder+'/'+fileObj.name
+'">'+fileObj.name+'</a><br><br>');
$('#fileQueue').css({'display' : 'none'});
$('#cancel').css({'display' : 'none'});
}
});

$(".img_del").click(function () {
var image_name = this.id;
$.ajax({
type: "get",
url: "inc/ajax_del_pic.php?img="+image_name,
success: function(msg){
alert(msg);
}
});
});

The Script is uploading the pics great and shows me the delete image.
But on click, the function to delete the picture is not getting called
and I don't get why?
Any ideas why it seams that the element img_del seem not available?

Re: jQuery Slider - disable keyboard control

2009-11-26T09:19:23Z

I don't recommend it, as it's there for accessibility. However, if you must, add your own handle manually with no href:

</div>

If you have any more questions about it, please ask on the jQuery UI list:

http://groups.google.com/group/jquery-ui

- Richard

On Thu, Nov 26, 2009 at 10:51 AM, akitainu27 <akita_inu_dog@...> wrote:

Can slider keyboard control be disabled for good without disabling the
slider?
Thanks.
--
View this message in context: http://old.nabble.com/jQuery-Slider---disable-keyboard-control-tp26531343s27240p26531343.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

disable links in a class set dynamically

2009-11-26T09:09:45Z

Hi!

I have a problem.

I want to disable links in a specified class. Like this:

$(".disabled").click( function() {
return false;
});

It works fine if the class exists before, but if I add the class to an
element, not works!!

$(document).ready(function() {
$(".disabled").click( function() {
return false;
});
$(".noClick").click( function() {
$(this).addClass("disabled");
});
});

The HTML:
<a href="#" class="noClick">Click!</a>

(This is an example, I know that isn't logic)

Re: Re: simple jquery form plugin question

2009-11-26T08:57:40Z

Thank you very much Kelly!
You solved my problem.

On Thu, Nov 26, 2009 at 12:59 AM, Kelly <kks6@...> wrote:

Hi David,
I was able to recreate the same problem and fixed it. Try this:

<html>
<head>
<title>jQuery Form Plugin</title>
<style type="text/css">
form { background: #DFEFFC; border: 5px solid #c5dbec; margin: 10px 0;
padding: 20px }
</style>
<script type="text/javascript" src="../jquery-latest.js"></script>
<script type="text/javascript" src="../jquery.form.js"></script>
<script type="text/javascript">

// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});

</script>

</head>
<body>
<form method="post" action="dummy.php" id="myForm">

Name:<input type="text" value="MyName1" name="Name"/>
<input type="submit" value="Submit1" name="submitButton"/>

</form>
</body>
</html>

- replace action="http://jquery.malsup.com/form/dummy.php" with:
action="dummy.php" [just create a text file with dummy text in it,
name it 'dummy.php' and put in same directory as your test HTML file]
- remove the extra pair of script tags <script type="text/
javascript"> </script> - you nested your script inside two pairs of
tags - just remove one pair.

Other than that, just make sure the path to your .js files is correct,
as Brian suggested.

Animate background

2009-11-26T08:24:01Z

hello guys, I wanted to do an animation with the background of my div element, but my div is below one, i need to change the background of 5 in 5 seconds, I would like to place an animation in the transition of the background pictures, finally I put the code and the image is perhaps easier to understand.

CSS

div#content {
width:717px;
height:373px;
float:left;
background:#FFFFFF url("../images/homeImg.jpg") top right no-repeat;
}

div#content ul li {
width:120px;
height:71px;
float:left;
margin-top:9px;
padding:11px 0px 0px 11px;
font-size:14px;
}

HTML

            <div id="content">
                <ul>
                    <li class="boxOne">BOX 1</li>
                    <li class="boxTwo">BOX 2</li>
                    <li class="boxThree">BOX 3</li>
                    <li class="boxFour">BOX 4</li>
                </ul>
            </div>

JQUERY

    $(document).ready(function(){

        var $imgBoxHome = new Array("../../components/

images/animebox1.jpg","../../components/images/animebox2.jpg","../../components/images/animebox3.jpg");
        var $indice = 0;
        setInterval(function(){ $("#content").css({background: "#ffffff url(" + $imgBoxHome[$indice] + ") top right no-repeat"}); if($indice == ($imgBoxHome.length - 1)){    $indice = 0; }else{    $indice = $indice + 1;}    },5000);

    });

someone help me?

areacontent.jpg (74K) Download Attachment

Re: Validate / Remote

2009-11-26T08:02:36Z

That script will get a single GET paremter with the name of the field as the key and the value of the field as the value, here you'd get verifica_user.php?cusuario=username

Jörn

On Thu, Nov 26, 2009 at 1:30 PM, RCLumbriga <ronanlumb@...> wrote:

Hi.. Sory the really bad english

I have one problem with remote in Jquery.validate

I do this

cusuario:{
required: true, minlength: 5,
remote: "verifica_user.php"
},

Now i whant know how the script verifica_user.php will recive the
information..

----
I still trying make one script when any user go create on account,,
first will verify if this account exist. If exist will appear on
message.. This accound still in use. Please choice another..

But i don't know how get the user still typing and pass from php
script, where will do this comparation..

Thanks

Re: Re: form always goes to index.php

2009-11-26T07:56:04Z

its kinda common,

but yeah it is a quick work around through jquery if you don't wanna use forms..

a little less html. and a few lines of js :)

On Thu, Nov 26, 2009 at 4:30 PM, Henjo <henjohoeksma@...> wrote:

That would be like a workable trick. Is this something common?

On Nov 26, 2:40 pm, waseem sabjee <waseemsab...@...> wrote:
> you dont need to you a form.
>
> set up the following html
>
> <input type="text" class="name" />
> <a href="#" class='submitform">Submit</a>
>
> have the follwoing jQUery
>
> $(function() {
>
> var btn_submit = $(".submitform");
> var txt_name = $(".name");
>
> btn_submit.click(function(e) {
> e.preventDefault();
> top.location = index.php?name="+txt_name.val();
>
> });
> });
>
> it kinda works just like a form :)
>
> you can access the values via phph $_GET[] as well.
>
>
>

> On Thu, Nov 26, 2009 at 3:35 PM, Henjo <henjohoek...@...> wrote:
> > Hi,
>
> > a form that has an action to an index.php?id=value is submitted
> > through jquery with $('form').submit() .
> > Somehow it always goes to the plain index.php adding the values behind
> > it like: index.php?myFormValue=value .
>
> > I don't get any errors in the debug console (FF) or the Error Console.
> > How can I get this to work properly?
>
> > When I mod_rewrite in index.php?id=value to - for example - 'results/'
> > it does work.
>
> > Thanks in advance.
>
> > Henjo

jQuery Slider - disable keyboard control

2009-11-26T07:51:41Z

Can slider keyboard control be disabled for good without disabling the slider?
Thanks.

Re: Issue with simplemodal plugin and absolute positioned content

2009-11-26T07:28:01Z

Eric,

I don't have IE6 installed (just got a new laptop with windows 7), but
I wasn't able to reproduce the issue in IE8 compatibility mode.
SimpleModal only styles the dialog element, so I'm not sure why that
would be affecting other divs on your page...

-Eric

On Nov 26, 4:50 am, Eric Getchell <eric.getch...@...> wrote:

> Hello,
>
> I am having an issue with the simplemodal plugin that I’m hoping
> someone will have a solution for – or at least tell me what is
> happening. I have a layout which uses absolute divs to provide a
> three-column liquid layout.
>
> In IE 6 and 7, when simplemodal fires, any div that has both a left
> and right style defined (providing the liquid portion of the layout)
> collapses to a width of 1 pixel. Any div that only has a left/right
> element and a width defined behaves correctly.
>
> Adding a conditional width to the liquid portion of the layout makes
> IE behave correctly, but the content is no longer liquid.
>
> Below is the simplest piece of sample code I could produce that shows
> the behavior.
>
> Any help would be appreciated – I’ve spent several days trying to
> solve this issue with no luck so far.
>
> Eric Getchell
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
> <title></title>
> <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
> <script type="text/javascript" src="jquery.simplemodal-1.3.3.js"></
> script>
> <style type="text/css">
> * {
> padding: 0;
> margin: 0;
> }
> body {
> overflow: auto;
> height: 100%;
> width: 100%;
> }
> #header-left
> {
> border: 1px solid blue;
> position: absolute;
> top: 0px;
> left: 0px;
> width: 300px;
> height: 83px;
> overflow: hidden;
>
> }
>
> #header-right
> {
> border: 1px solid red;
> position: absolute;
> top: 0px;
> /* Defining oth left and right in IE will collapse content when
> simplemodal fires.*/
> left: 302px;
> right: 0px;
> height: 83px;
> overflow: hidden;}
>
> #main
> {
> position: absolute;
> top: 205px;
> left: 151px;
> right: 15px;
> bottom: 35px;
> overflow: auto;
> </style>
>
> <script type="text/javascript">
> function showModal()
> {
> $("#dialogContent").modal({
> overlay:80,
> overlayCss: {backgroundColor:"#000"},
> containerCss: {'background-color':'#fff', 'padding':'5px',
> 'border':'2px solid black'}
> });}
>
> </script>
> </head>
> <body>
> <div>
> <div id="header-left">This is a fixed region</div>
> <div id="header-right">This is a liquid region. This collapses in IE</
> div>
> </div>
> <div id="main"><a href="#" onclick="javascript:showModal();">Launch</
> a></div>
> <div id="dialogContent" style="display:none">This is the modal
> content</div>
> </body>
> </html>

[Superfish 1.4.8] changing position of folded out menus

2009-11-26T06:55:44Z

Hi,

I got it to work, following is the solution:
Simply put

========================================
.sf-menu {
line-height: 2.5em;
}
========================================

to change the line-height of the menubar and additionally to control
the
distance of the submenus to the menu bar just add the top:

========================================
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em;
z-index: 99;
}
========================================

Michael

Re: form always goes to index.php

2009-11-26T06:30:45Z

That would be like a workable trick. Is this something common?

On Nov 26, 2:40 pm, waseem sabjee <waseemsab...@...> wrote:

> you dont need to you a form.
>
> set up the following html
>
> <input type="text" class="name" />
> <a href="#" class='submitform">Submit</a>
>
> have the follwoing jQUery
>
> $(function() {
>
> var btn_submit = $(".submitform");
> var txt_name = $(".name");
>
> btn_submit.click(function(e) {
> e.preventDefault();
> top.location = index.php?name="+txt_name.val();
>
> });
> });
>
> it kinda works just like a form :)
>
> you can access the values via phph $_GET[] as well.
>
>
>
> On Thu, Nov 26, 2009 at 3:35 PM, Henjo <henjohoek...@...> wrote:
> > Hi,
>
> > a form that has an action to an index.php?id=value is submitted
> > through jquery with $('form').submit() .
> > Somehow it always goes to the plain index.php adding the values behind
> > it like: index.php?myFormValue=value .
>
> > I don't get any errors in the debug console (FF) or the Error Console.
> > How can I get this to work properly?
>
> > When I mod_rewrite in index.php?id=value to - for example - 'results/'
> > it does work.
>
> > Thanks in advance.
>
> > Henjo

Re: Re: Cancel Selected An Item of Selectable

2009-11-26T06:24:46Z

This is not currently supported. You can track progress here:

http://dev.jqueryui.com/ticket/4205

- Richard

On Wed, Nov 25, 2009 at 9:59 PM, He Jun-Jie <junjie.he@...> wrote:

Thank you for replying my question. My situation is very easy I just
want to ask whether the jQuery ui selectable provides a way to
unselected one item by doing ctrl+click.
Here is the sample: http://jsbin.com/ujile

On 11月25日, 上午11时59分, "Richard D. Worth" <rdwo...@...> wrote:
> We'd be happy to help you over here:
>
> http://groups.google.com/group/jquery-ui
>
> <http://groups.google.com/group/jquery-ui>Please post a live sample page
> showing the problem. If you don't have a way to host one, please create one
> on jsbin.com:
>
> http://jsbin.com/
>
> - Richard
>
>
>

> On Tue, Nov 24, 2009 at 12:56 AM, I'm Jack <junjie...@...> wrote:
> > I used jQuery ui selectable function on my web page. So long it works
> > fine, but I find a problem that if we’ve already selected some items,
> > and I want to cancel selected one item of them, how could we do? I try
> > to bind a click function to the elements to remove the style of ui-
> > selected, but it doesn’t work at all. It’s so strange. Guys, could you

> > help me in some way?- 隐藏被引用文字 -
>
> - 显示引用的文字 -

Superfish jQuery menu plugin RTL support

2009-11-26T05:59:48Z

Ahoy!

I'm trying to adjust Superfish nav-bar style menu for RTL'ed Hebrew
website,

Example:
http://users.tpg.com.au/j_birch/plugins/superfish/#sample4

but no success so far, maybe someone already have this solved?
Any help will be most appreciated!

Best regards,
Vlad.

Re: Re: superfish navbar issue in Afterburner or JA-Purity Templates

2009-11-26T05:58:46Z

what you are discovering is the root of most problems installing one menu in any template with an existing menu will run into css conflicts. The majority of the issues that pop up in this group regarding superfish stem from Joomla installs and the exact situation you are running into

Without using DOM inspectors like Firebug it is almost completely trial and error trying to figure out which rules take precedence for each element or pseudo class ( like hover).

if you haven't already done so install Firebug and you will be able to quickly see the inherited rules for each part of the menu

xantof wrote:

This is a progress report on finding a solution :

If all CSS pertaining to the NAV position in the Template's style
sheet are commented out, then it works.

This is a dirty solution and I would like to find the root of the
problem.  I think it has to do, at least in part with the WIDTH
parameter.

I am progressing with learning CSS, understanding JQuery and overall
trying to figure out how all those files interact to give out the web
page I want.

I still find it hard to follow CSS priorities across the different
stylesheet and identifying the proper Class to modify.

This is where I was hoping to get help.

Keep you all posted.

Re: form always goes to index.php

2009-11-26T05:40:29Z

you dont need to you a form.

set up the following html

<input type="text" class="name" />
<a href="#" class='submitform">Submit</a>

have the follwoing jQUery

$(function() {

var btn_submit = $(".submitform");
var txt_name = $(".name");

btn_submit.click(function(e) {
e.preventDefault();
top.location = index.php?name="+txt_name.val();
});

});

it kinda works just like a form :)

you can access the values via phph $_GET[] as well.

On Thu, Nov 26, 2009 at 3:35 PM, Henjo <henjohoeksma@...> wrote:

Hi,

a form that has an action to an index.php?id=value is submitted
through jquery with $('form').submit() .
Somehow it always goes to the plain index.php adding the values behind
it like: index.php?myFormValue=value .

I don't get any errors in the debug console (FF) or the Error Console.
How can I get this to work properly?

When I mod_rewrite in index.php?id=value to - for example - 'results/'
it does work.

Thanks in advance.

Henjo

form always goes to index.php

2009-11-26T05:35:51Z

Hi,

a form that has an action to an index.php?id=value is submitted
through jquery with $('form').submit() .
Somehow it always goes to the plain index.php adding the values behind
it like: index.php?myFormValue=value .

I don't get any errors in the debug console (FF) or the Error Console.
How can I get this to work properly?

When I mod_rewrite in index.php?id=value to - for example - 'results/'
it does work.

Thanks in advance.

Henjo

Please help to check the form...

2009-11-26T05:20:36Z

'Tarding' was such an appropriate change to the subject, for that
post. But let's change it back now.

On Nov 25, 10:58 pm, forextradingevo <forextradingev...@...>
wrote:
> u should google it and may be u can find some from there or u can visit here
> to get some help
>
> -----http://www.forextradingevo.comforex trading
> --
> View this message in context:http://old.nabble.com/Please-help-to-check-the-form...-tp26511455s272...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Best JQuery plugin for gantt and other charts/graphs?

2009-11-26T05:10:37Z

Just wondering which jquery plugin you prefer for generating gantt
charts and other graphs. I'm busy scanning through the plugins,
checking out the demos but I was hoping for a few pointers so I could
hone in on the best ones. Thanks

Re: jquery toggle Ie7 problem

2009-11-26T05:07:09Z

The images are there, they're just for some reason moved to the left.
If you assign a margin-left of 50px to your first image, you'll see
that they are actually visible.

Seems to be a style issue (maybe IE-related), rather than a jquery
issue.

Additionally, your page throws a handful of validation errrors. While
I doubt that the errors on your page are responsible for this effect,
there's still a slight possibility that they are. Especially the one
missing closing </p> tag could be a problem.

They're all easy to fix, so that should be your first approach.

On Nov 25, 1:16 pm, Gkrusemann <i...@...> wrote:
> someone?
>
> --
> View this message in context:http://old.nabble.com/jquery-toggle-Ie7-problem-tp26481964s27240p2651...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Issue with simplemodal plugin and absolute positioned content

2009-11-26T04:50:38Z

Hello,

I am having an issue with the simplemodal plugin that I’m hoping
someone will have a solution for – or at least tell me what is
happening. I have a layout which uses absolute divs to provide a
three-column liquid layout.

In IE 6 and 7, when simplemodal fires, any div that has both a left
and right style defined (providing the liquid portion of the layout)
collapses to a width of 1 pixel. Any div that only has a left/right
element and a width defined behaves correctly.

Adding a conditional width to the liquid portion of the layout makes
IE behave correctly, but the content is no longer liquid.

Below is the simplest piece of sample code I could produce that shows
the behavior.

Any help would be appreciated – I’ve spent several days trying to
solve this issue with no luck so far.

Eric Getchell

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.simplemodal-1.3.3.js"></
script>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
body {
overflow: auto;
height: 100%;
width: 100%;
}
#header-left
{
border: 1px solid blue;
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 83px;
overflow: hidden;

}

#header-right
{
border: 1px solid red;
position: absolute;
top: 0px;
/* Defining oth left and right in IE will collapse content when
simplemodal fires.*/
left: 302px;
right: 0px;
height: 83px;
overflow: hidden;
}
#main
{
position: absolute;
top: 205px;
left: 151px;
right: 15px;
bottom: 35px;
overflow: auto;
</style>

<script type="text/javascript">
function showModal()
{
$("#dialogContent").modal({
overlay:80,
overlayCss: {backgroundColor:"#000"},
containerCss: {'background-color':'#fff', 'padding':'5px',
'border':'2px solid black'}
});
}
</script>
</head>
<body>
<div>
<div id="header-left">This is a fixed region</div>
<div id="header-right">This is a liquid region. This collapses in IE</
div>
</div>
<div id="main"><a href="#" onclick="javascript:showModal();">Launch</
a></div>
<div id="dialogContent" style="display:none">This is the modal
content</div>
</body>
</html>

Validate / Remote

2009-11-26T04:30:53Z

Hi.. Sory the really bad english

I have one problem with remote in Jquery.validate

I do this

cusuario:{
required: true, minlength: 5,
remote: "verifica_user.php"
},

Now i whant know how the script verifica_user.php will recive the
information..

----
I still trying make one script when any user go create on account,,
first will verify if this account exist. If exist will appear on
message.. This accound still in use. Please choice another..

But i don't know how get the user still typing and pass from php
script, where will do this comparation..

Thanks

Re: Read CSV files with jQUery

2009-11-26T03:23:32Z

pedramphp wrote:

hi did u got syntax for url in csv2html ??????

How Can I read CSV files with jQUery
http://download.finance.yahoo.com/d/quotes.csv?s=USDIRR=X&f=sl1d1t1ba&e=.csv
for Example above code ...
I want to COnvert Iraninan RIal to American Dollar online in my
Website ....
has anybody any idea for this ...

Re: Read CSV files with jQUery

2009-11-26T03:20:37Z

csv2table('./data/Book12.csv');

can i use yahoo http://download.finance.yahoo.com/d/quotes.csv?s=USDIRR=X&f=sl1d1t1ba to get csv
instead of './data/Book12.csv'

i tried like this
$('#view0').csv2table('http://download.finance.yahoo.com/d/quotes.csv?s=%5EIXIC&f=sl1d1t1c1ohgv&e=.csv');

but no use

can u send me syntax for url ....

Accordion, fieldset and selectors question

2009-11-26T02:41:00Z

Hello folks,

I have an operational accordion based on a series of fieldset tags
(the content) and h6 tags (the triggers).

It is initiated by:

$('.accord > h6').click(function() {
$(this).next('fieldset').slideToggle('fast').siblings
('fieldset:visible').slideUp('fast');
});

The trigger tags are set up as
h6 - span - Trigger title - /span - /h6

I want to add a class to the current h6 tag that will result in an
"open folder" image to appear next to tag when its associated fieldset
is open, and have that class removed when it or another h6 tag is
clicked.

I can add the class easily enough - but I can't work out the code/
selectors to remove the class when the clicked current trigger title
is re-clicked (to close the fieldset) or another trigger title is
clicked (to open its associated fieldset.

$('.accord > h6').click(function() {
$(this).addClass('expand_group');
$(this).next('fieldset').slideToggle('fast').siblings
('fieldset:visible').slideUp('fast');
});

I'd really appreciate some direction to a solution if possible.

Thanks, Bruce

csv2table

2009-11-26T02:21:19Z

I am new to jquery.... Its nice
in csv2table i need to get values dynamically from a particular url
everyminute ...
i dont know how to get from particular url ( www.websitename.com?asdfasdf.csv
) and generate table for that value.

$(function(){
$('#view1').csv2table('book12.csv');
});

any help will be appreciated ..

Re: custom event firing

2009-11-26T02:07:43Z

The function of your plugin is to trigger the event 'myEvent'.

The first time you invoke the hilight() method but now the 'myEvent' event not bind to '#myDiv',so you cannot get the alert information.
The second time you click, the '#myDiv' has bind 'myEvent' one time, so you get the alert information one time.
The third time you click, the '#myDiv' has bind 'myEvent' two time, so you get two alert information.

To solve the problem, you should bind the 'myEvent' only once.

$('#myDiv').bind('myEvent',function(e){
alert('event fired');
});
$('#myButton').click(function(){
$('#myDiv').hilight();
})

Allen123 wrote:

Hi all,

I am learning how to author jquery plug in and trying to fire a custom event using trigger and bind. However, for some reason, when I click the button first time, the custom event is not called. If I click again, the event will execute once. If I click the third time, the event will execute twice. Can you guys tell me what's wrong with my code? Really appreciate your help.

my plug in

(function($) {
$.fn.hilight = function() {

return this.each(function() {

var $this = $(this);
//hightlight

//call trigger
$this.trigger('myEvent');
})
};

})(jQuery);

my html page

$(document).ready(function() {
$('#myButton').click(function(){

$('#myDiv').hilight().bind('myEvent', function(e) {
alert('event fired');

});
})
});