[jQuery] Re: corner plugin on Safari

[Derek Allard]

I appears that its only 3.1, and yes, it happens on both windows and
mac.  I can confirm it does not happen in 3.0.  Odd indeed.  I'm
working on a reduction test here to try to figure out exactly what's
going on, and what the most minimal code is possible to re-create it.
At the moment I can say it happens much more frequently if I use back
and forward buttons, rather then just hitting refresh constantly
(although that does it also).

I'll continue to poke at this.  It may be related to an external CSS
file, at least that seems to be a link at the moment.  I hope to
isolate it down further.

[jQuery] Re: Taconite with IE

[Mike Alsup]

>  > The problem is probably with this line:
>  >
>  >  Nettoyant pour revêtement avec tampon applicateur 90ml
>  >
>  > specifically the ê character.  Try using a character reference
>  > (ê) instead.  You must use valid XML with Taconite.
>  >
>  > Mike
>
>  thanks for your response but I have delete this line and I have always
>  the problem !
>

Hmm, works for me as long as I take out the ê.  Maybe your xml file is cached?

[jQuery] Re: Select Tab Programatically

[Mic]

Thanks Klaus,

I had seen this documentation but I just dont understand where the
code goes.
I was hoping to pass a parameter from the calling program like
marr.adam
suggested. EG: myprogram.php?tabSelected=2  However, this doesn't
work.
Where would I put the code you suggested and how does the parameter
for
the tab I want to select get passed?

Thanks again,
Mic


On Apr 8, 7:22 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> On Apr 8, 11:04 am, Mic <[EMAIL PROTECTED]> wrote:
>
> > Yes, I am using UI Tabs.
>
> Then you can use the tabs('select') method. Attach a handler to the
> link that'll activate the corresponding tab. Something like:
>
> var $tabs = $('#tabs').tabs();
>
> $('#link').click(function() {
>     $tabs.tabs('select', 3);
>     return false;
>
> });
>
> You can find this method it in the documentation as well:
>  http://docs.jquery.com/UI/Tabs
>
> --Klaus

[jQuery] Pseudo drop down/select box

[cj5]

How can I mimmick the events of a select box, like the ones you find
in forms? I want to create a quick link menu just like Google Groups
has the My Groups menu (see above). Here is my attempt:

$(document).ready(function() {
$('#quicklinksmenu').css({left: $('#quicklinks').offset().left +
'px', top: ($('#quicklinks').offset().top + 22) + 'px'});
$('#quicklinksmenu').hide();

$('#quicklinks').click(function() {
if($('#quicklinksmenu').css('display') == 'none') {
$('#quicklinksmenu').show();
} else if($('#quicklinksmenu').css('display') == 'block') {
$('#quicklinksmenu').hide();
}
});

$(document).click(function() {
if(!$(this).is('#quicklinksmenu')) {
$('#quicklinksmenu').hide();
}
});
});

[jQuery] Re: Taconite with IE

[alaiz007]

On 9 avr, 00:48, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> >  I have a problem with a taconite script, he doesn't work in internet
> >  explorer but works well in Firefox.
>
> The problem is probably with this line:
>
>  Nettoyant pour revêtement avec tampon applicateur 90ml
>
> specifically the ê character.  Try using a character reference
> (ê) instead.  You must use valid XML with Taconite.
>
> Mike

thanks for your response but I have delete this line and I have always
the problem !

[jQuery] Re: Select Tab Programatically

[Klaus Hartl]

On Apr 8, 11:04 am, Mic <[EMAIL PROTECTED]> wrote:
> Yes, I am using UI Tabs.

Then you can use the tabs('select') method. Attach a handler to the
link that'll activate the corresponding tab. Something like:

var $tabs = $('#tabs').tabs();

$('#link').click(function() {
$tabs.tabs('select', 3);
return false;
});

You can find this method it in the documentation as well:
 http://docs.jquery.com/UI/Tabs


--Klaus

[jQuery] Re: flashing/blinking effect

[Fontzter]

Have a look at .animate, which can queue these effects.  You could
likely use opacity.

http://docs.jquery.com/Effects/animate#paramsdurationeasingcallback

Dave

[jQuery] Re: flashing/blinking effect

[bcherry]

If I'm not mistaken, you need setTimeoutInterval().

so, just make a timeout like this:
setTimeoutInterval(2000,function(){$
(".element").css({backgroundColor:"none"});});

this will wait 2 seconds (2000 ms), and then apply background color
"none" to each ".element".  Feel free to place this where appropriate
in your code.

On Apr 8, 3:09 pm, rayfidelity <[EMAIL PROTECTED]> wrote:
> Hi,
>
> i want to create flashing/blinking effect but i'm having trouble with
> it. I know that the core effects are very limited...but still...
>
> i managed to create something to my liking with $
> (".element").css({backgroundColor:"#ff"}).fadeOut("slow")
>
> but if i want it to just flash and not disappear so i have to
> add .fadeIn("slow")
>
> but i want to hide the background color which i've set...after about
> 2-3 seconds...can i do that? how?
>
> Thanks,
> BR

[jQuery] Excel-like table functions

[Fontzter]

Hi,

I am trying to implement Excel-like functions on an html table.  Some
of the cells are static and contain calculations and some have input
boxes in them.  The change event of the input boxes fires a
recalculation function.  This function does some Excel-like
calculations on the table data.  I am using Dan Switzer's calculation
plug-in that works wonderfully.  However, the calculations are fairly
complex and the process is too slow.  I have tried putting the jQuery
elements into variables for reuse; using slice on these variables and
many other things to speed it up without success.

I know Google's spreadsheet docs offer this type of functionality
(although I have not thoroughly tested its performance), so I assume
it is something I am doing wrong.  Any pointers, examples, links, etc.
to help with this would be greatly appreciated.

Thanks,

Dave

[jQuery] Re: cycle plugin with image Array

[[EMAIL PROTECTED]]

You're right, it needed the newer Cycle. Thank you :)

On Apr 8, 11:15 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> >  I'm probably being really stupid - can't get this working! I keep
> >  getting error "addSlideFn is not a function". Your page has no errors,
> >  so it's certainly my mistake :/
>
> I just added the addSlide function the other day.  Did you get the
> latest version?
>
> http://www.malsup.com/jquery/cycle/jquery.cycle.all.js?v2.12
>
> >  so I think I must be chaining it all wrong  I know it's a cheeky
> >  ask, but how should I get extra slides loaded AND made visible using
> >  Cycle?
>
> That's what the addSlide function is for.  It appends slides to the
> slideshow and then Cycle will show them when it's their turn.
>
> Mike

[jQuery] Re: Taconite with IE

[Mike Alsup]

>  I have a problem with a taconite script, he doesn't work in internet
>  explorer but works well in Firefox.

The problem is probably with this line:

 Nettoyant pour revêtement avec tampon applicateur 90ml

specifically the ê character.  Try using a character reference
(ê) instead.  You must use valid XML with Taconite.

Mike

[jQuery] Taconite with IE

[alaiz007]

Hello,

Sorry for my english,
I have a problem with a taconite script, he doesn't work in internet
explorer but works well in Firefox.

the taconite code :

- 
- 
  
- 
  Nettoyant pour revêtement avec tampon applicateur 90ml
  3.5
  
  
  

the javascript code :
$('#nouveau a').hover(function(){
  var t1=$("#nouveau a").html() ;
  $.get("zoom_photo.php?mail="+t1);
  $('#zoom').show();

},function(){$('#zoom').hide();
})
$('#promotion a').hover(function(){
  var t1=$("#promotion a").html() ;
  $.get("zoom_photo.php?mail="+t1);
  $('#zoom').show();

the css code :
#zoom{
position:absolute;
top:350px;
left:375px;
height:260px;
width:380px;
background-color: white;
border: 1px ridge #fea305;
z-index:100;
display:none;
}
#zoom img{
height:200px;
width:360px;
padding:10px;
}
#zoom p{
padding-left:10px;
color:black;
font-size:10px;
font-weight:bold;
}
#zoom span{
font-size:24px;
font-weight:bold;
color:yellow;
padding-left:5px;
}

Could you help me tio find my error please ?
Thanks

J-Marc

[jQuery] Re: two level tabs + drop-down for 3-rd level

[sagannotcarl]

Check out http://users.tpg.com.au/j_birch/plugins/superfish/ (and more
specifically 
http://users.tpg.com.au/j_birch/plugins/superfish/richard-willis-example/).

Is that sort of what you had in mind?
Colin

On Apr 7, 7:40 am, [EMAIL PROTECTED] wrote:
> hi... my client wants to have a two level tabs with 3-rd level as drop-
> down. Is there any plygin available for that? I know about tabs
> plugin, but it don't looks like its possible to make even two level
> tabs with it.
>
> Let me know. Thanks.

[jQuery] UI Tabs - signal content change

[Webarchitect]

For each tab I have a script that checks to see if the content has
been updated for a given tab.  I am looking for a way to show in the
UI that there is new content and the tab needs to be clicked on.  The
best way I could think of is to have the tab blink somewhat like
programs do on the taskbar.  Is there any way that I can do that?

[jQuery] Re: Drag and Drop question

[ripple]

If you review the css and ready() function you will see something that looks 
like:
   
  helperclass: 'sortHelper',
   

.sortHelper  {   border: 3px dashed #666;   width: auto !important;  }
  That should help.
   
   
  

Andy Matthews <[EMAIL PROTECTED]> wrote:
  
I'd think you'd just apply a class to the object during the drag process. If
there's an onStart method, that would probably be your best bet. 

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of vneal
Sent: Tuesday, April 08, 2008 3:15 PM
To: jQuery (English)
Subject: [jQuery] Re: Drag and Drop question


Hi, that demo is pretty much the same as i've used - but thanks for letting
me know re the updated version, i shall look there in future.

As i've said before, i'm relatively new at this so really have no idea on
how i would add the 'border effect' on the drag state. I'm thinking i might
need to apply it with the onStart function - though this is just a stab in
the dark. Any ideas?

On Apr 8, 8:19 pm, "Andy Matthews" 
wrote:
> There's a much newer version of the drag and drop found in the jQuery 
> UI. I don't believe that the Interface plugins are being supported any
more:
>
> http://ui.jquery.com
> andhttp://dev.jquery.com/view/trunk/ui/demos/ui.draggable.html
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] 
> On
>
> Behalf Of vneal
> Sent: Tuesday, April 08, 2008 1:03 PM
> To: jQuery (English)
> Subject: [jQuery] Drag and Drop question
>
> Hi, can anyone help?
>
> A client has asked me to replicate the new BBC.co.uk homepage, with 
> the drag and drop boxes. I've found a demo which pretty much does 
> everything -http://interface.eyecon.ro/demos/sort.html- , but the only
thing that is missing are the borders that appear when you pick up a box.
>
> Does anyone have any idea on how to do this? Apologies if it's a 
> really obvious thing but i am relatively new to JQuery so any help you 
> can give would be greatly appreciated.
>
> Thanks




   
-
You rock. That's why Blockbuster's offering you one month of Blockbuster Total 
Access, No Cost.

[jQuery] JQuery developers available for Denver project?

[KellyTech]

Hi All,

I am looking for a front end developer with experience developing in
Javascript, Jquery, JSON, and Ajax.  PHP and MySQL are preferred.
This is a start up company located in Denver working on a government
contract so no telecommuting, sorry.  If you are available, send me an
email with your resume and lets discuss the details.

Thanks,

John Mayton
Kelly IT Resources
303-755-7764
[EMAIL PROTECTED]

[jQuery] Re: is not a function

[Ariel Flesler]

The problem is that your 'this' changed.

See:
  $j.getJSON( ..., function(){
  //the this in here, is not the same as in the code before the
getJSON.
  });

You need to do:
  var self = this;

before calling getJSON, and then, inside this function, use self
instead of this.
You can name 'self' the way you like.

Cheers

--
Ariel Flesler
http://flesler.blogspot.com

On 8 abr, 17:34, hl <[EMAIL PROTECTED]> wrote:
> Hello. I'm somewhat new to javascript, primarily used to PHP, and I
> have been attempting to revamp my javascript code base using jQuery
> and some class structure.
>
> However, I'm getting the error "this.checkRequired is not a function".
>
> From what I can find the documentation on classes in javascript online
> is very sparse and there seem to be multiple ways of doing it, it is
> somewhat confusing. I am not sure if I am even properly declaring
> things.
>
> I am wondering if anyone can point out a basic mistake that I am
> making or something, it's driving me crazy and is roadblocking my
> progress.
>
> I call the class as follows:
> _
> //element validation
>         jQuery.listen( "blur", ".validated", function(){
>                 //if the field has a value
>                 if( $j( this ).fieldValue() != "" ) {
>                         //validate it
>                         var validator = new Validator();
>                         validator.validateElement( this )
>                 }
>         });
> _
>
> The code for the class is below:
> 
> function Validator(){
>
>                 this.target;
>
>         }
>
>         Validator.prototype.checkRequired = function( target ){
>                 if( $j(target).fieldValue() != "" ){
>
> $j(target).siblings( ".inputrequirement" ).removeClass( "inputrequired" );
>                 }
>                 else{
>                         var thisClass = $j( this ).attr("class");
>                         //check if it is required
>                         if( thisClass.match( /required/ ) ){
>                                 //if so, change the background to say so and 
> update the text
>                                 $j(target).siblings( ".inputrequirement" 
> ).addClass("class",
> "inputrequired").html( "This is a required field" );
>                         }
>                 }
>         }
>
>         Validator.prototype.validateElement = function( target ){
>                         //show the verifying icon
>                         $j(target).siblings( ".inputstatus" ).attr("class", 
> "inputstatus
> inputverifying");
>                         //check the input with the server
>                         $j.getJSON( REQUEST_PREFIX + "ValidateRequest", { 
> name:
> $j(target).attr("name"), id : $j(target).attr("id") , value :
> $j(target).fieldValue() }, function( json ){
>                                 //valid input, change to confirmed and wipe 
> out any error text,
> remove required indicator
>                                 if( json.validated == "true" ){
>                                         $j(target).siblings( ".inputstatus" 
> ).attr("class", "inputstatus
> inputconfirmed" ).html( "" );
>                                 }
>                                 //error, update with error text and change 
> the icon
>                                 else{
>                                         $j(target).siblings( ".inputstatus" 
> ).attr( "class", "inputstatus
> inputerror").html( json.error );
>                                 }
>                                 this.checkRequired( target );
>
>                         });
>         }
> 
>
> It fails on the line about four lines above,
> "this.checkRequired(target);", producing "this.checkRequired is not a
> function" error in the firebug console.
> When the error is clicked it says:
>
> this.checkRequired is not a function
> (no name)(Object validated=true)eventdelegation.j... (line 109)
> success()jquery.js (line 2780)
> onreadystatechange(7)jquery.js (line 2735)
> [Break on this error] this.checkRequired( target );
>
> Anyway I'm hoping this is an elementary mistake or something in my
> class structure and hopefully someone can point it out and save me a
> ton of time and headache.
> Also I apologize if this is not a proper subject for this discussion
> group, if so feel free to delete it.
>
> Thanks for any assistance!
> Hugh

[jQuery] Re: Event delegation: jQuery ready solution for submit/reset in IE/Safari 2? jQuery.Listen?

[Ariel Flesler]

Excellent, let me know if you get something done.
I'd like to support those events, but won't add tons of code just for
that...

Thanks
--
Ariel Flesler
http://flesler.blogspot.com/

On 8 abr, 07:14, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> Scratch Safari, my Multi-safari version seems to not being able to
> alert/confirm, which I mistakenly took for it not bubbling...
>
> 1 down :-)
>
> --Klaus
>
> On Apr 7, 6:12 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
>
>
>
> > Hi all,
>
> > I was wondering if there's something ready for jQuery that fixes event
> > bubbling for submit/reset events in IE? Also in Safari 2 these events
> > don't seem to bubble.
>
> > Does the Listen plugin provide a fix for this?
>
> > --Klaus- Ocultar texto de la cita -
>
> - Mostrar texto de la cita -

[jQuery] Re: cycle plugin with image Array

[Mike Alsup]

>  I'm probably being really stupid - can't get this working! I keep
>  getting error "addSlideFn is not a function". Your page has no errors,
>  so it's certainly my mistake :/

I just added the addSlide function the other day.  Did you get the
latest version?

http://www.malsup.com/jquery/cycle/jquery.cycle.all.js?v2.12


>  so I think I must be chaining it all wrong  I know it's a cheeky
>  ask, but how should I get extra slides loaded AND made visible using
>  Cycle?

That's what the addSlide function is for.  It appends slides to the
slideshow and then Cycle will show them when it's their turn.

Mike

[jQuery] flashing/blinking effect

[rayfidelity]

Hi,

i want to create flashing/blinking effect but i'm having trouble with
it. I know that the core effects are very limited...but still...

i managed to create something to my liking with $
(".element").css({backgroundColor:"#ff"}).fadeOut("slow")

but if i want it to just flash and not disappear so i have to
add .fadeIn("slow")

but i want to hide the background color which i've set...after about
2-3 seconds...can i do that? how?

Thanks,
BR

[jQuery] Re: jQModal reload..how?

[rayfidelity]

Anyone? is it possible at all?

On Apr 8, 11:08 am, rayfidelity <[EMAIL PROTECTED]> wrote:
> Hi,
>
> Is it possible to reload the contents of a modal (jQModal) window
> without closing and opening it again? The content is loaded via get
> (default) i want the modal window to reload the same url...
>
> Thanks,
> BR

[jQuery] Re: question about compatibility with IE v6

[[EMAIL PROTECTED]]

jQuery itself doesn't have any issues with ie6. What does drive me
insane is that its css-based functions make several assumptions, which
you then have to go back & correct for ie6.

I've started creating 'iespecial.css' for jQuery sites. Last time I
did anything like that, it was to accommodate v4 browsers!

All aargh aside, each new jQuery release reduces the hassle. The
javascript runs fine, and it's worth dredging up your old ie6
compliance rules for potentially stunning results :)

Cheers,
Cherry.

On Apr 8, 5:43 pm, Willis <[EMAIL PROTECTED]> wrote:
> I am investigating using jQuery for site I am developing. Most of my
> users will be coming to the site with IE.  I went to this 
> pagehttp://docs.jquery.com/Tutorials:Live_Examples_of_jQuery
>
> but it did not display correctly. In my FF browser it worked find.
> Could some one let me know if there is a problem with IE
> compatibility?
>
> I am using IE v6.0.2900.2180.xpsp_sp2_gdr.050301-1519

[jQuery] Re: cycle plugin with image Array

[[EMAIL PROTECTED]]

I'm probably being really stupid - can't get this working! I keep
getting error "addSlideFn is not a function". Your page has no errors,
so it's certainly my mistake :/

I was using onBefore to make the 'extra' slides visible just in time:
function onBefore() {
$( this ).children( '.thumbjs' ).css( 'display', 'block');
};

so I think I must be chaining it all wrong  I know it's a cheeky
ask, but how should I get extra slides loaded AND made visible using
Cycle?

It's a good solution for non-js browsers - they'll only load one extra
set of slides, and the extras will be hidden -so I'd like to get it
working :)

Thanks,
Cherry


> On Apr 6, 1:49 am, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
>
> > > >  I had the same issues, and am experimenting with various ways to delay
> > >  >  and/or prevent un-needed image loading. I'll post back with any
> > >  >  promising results and will be pleased if you'd do the same, tetris :)
>
> > >  I'm looking into a way to make this more manageable too.
>
> > Just added a feature to make Cycle a bit more flexible.  This page
> > shows how you can add slides to a running slideshow:
>
> >http://www.malsup.com/jquery/cycle/add.html
>
> > Mike

[jQuery] Re: Drag and Drop question

[Andy Matthews]

I'd think you'd just apply a class to the object during the drag process. If
there's an onStart method, that would probably be your best bet. 

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of vneal
Sent: Tuesday, April 08, 2008 3:15 PM
To: jQuery (English)
Subject: [jQuery] Re: Drag and Drop question


Hi, that demo is pretty much the same as i've used - but thanks for letting
me know re the updated version, i shall look there in future.

As i've said before, i'm relatively new at this so really have no idea on
how i would add the 'border effect' on the drag state. I'm thinking i might
need to apply it with the onStart function - though this is just a stab in
the dark. Any ideas?

On Apr 8, 8:19 pm, "Andy Matthews" <[EMAIL PROTECTED]> wrote:
> There's a much newer version of the drag and drop found in the jQuery 
> UI. I don't believe that the Interface plugins are being supported any
more:
>
> http://ui.jquery.com
> andhttp://dev.jquery.com/view/trunk/ui/demos/ui.draggable.html
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] 
> On
>
> Behalf Of vneal
> Sent: Tuesday, April 08, 2008 1:03 PM
> To: jQuery (English)
> Subject: [jQuery] Drag and Drop question
>
> Hi, can anyone help?
>
> A client has asked me to replicate the new BBC.co.uk homepage, with 
> the drag and drop boxes. I've found a demo which pretty much does 
> everything -http://interface.eyecon.ro/demos/sort.html- , but the only
thing that is missing are the borders that appear when you pick up a box.
>
> Does anyone have any idea on how to do this? Apologies if it's a 
> really obvious thing but i am relatively new to JQuery so any help you 
> can give would be greatly appreciated.
>
> Thanks

[jQuery] Re: Drag and Drop question

[vneal]

Hi, that demo is pretty much the same as i've used - but thanks for
letting me know re the updated version, i shall look there in future.

As i've said before, i'm relatively new at this so really have no idea
on how i would add the 'border effect' on the drag state. I'm thinking
i might need to apply it with the onStart function - though this is
just a stab in the dark. Any ideas?

On Apr 8, 8:19 pm, "Andy Matthews" <[EMAIL PROTECTED]> wrote:
> There's a much newer version of the drag and drop found in the jQuery UI. I
> don't believe that the Interface plugins are being supported any more:
>
> http://ui.jquery.com
> andhttp://dev.jquery.com/view/trunk/ui/demos/ui.draggable.html
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
>
> Behalf Of vneal
> Sent: Tuesday, April 08, 2008 1:03 PM
> To: jQuery (English)
> Subject: [jQuery] Drag and Drop question
>
> Hi, can anyone help?
>
> A client has asked me to replicate the new BBC.co.uk homepage, with the drag
> and drop boxes. I've found a demo which pretty much does everything 
> -http://interface.eyecon.ro/demos/sort.html- , but the only thing that is
> missing are the borders that appear when you pick up a box.
>
> Does anyone have any idea on how to do this? Apologies if it's a really
> obvious thing but i am relatively new to JQuery so any help you can give
> would be greatly appreciated.
>
> Thanks

[jQuery] is not a function

[hl]

Hello. I'm somewhat new to javascript, primarily used to PHP, and I
have been attempting to revamp my javascript code base using jQuery
and some class structure.

However, I'm getting the error "this.checkRequired is not a function".

>From what I can find the documentation on classes in javascript online
is very sparse and there seem to be multiple ways of doing it, it is
somewhat confusing. I am not sure if I am even properly declaring
things.

I am wondering if anyone can point out a basic mistake that I am
making or something, it's driving me crazy and is roadblocking my
progress.

I call the class as follows:
_
//element validation
jQuery.listen( "blur", ".validated", function(){
//if the field has a value
if( $j( this ).fieldValue() != "" ) {
//validate it
var validator = new Validator();
validator.validateElement( this )
}
});
_

The code for the class is below:

function Validator(){

this.target;

}

Validator.prototype.checkRequired = function( target ){
if( $j(target).fieldValue() != "" ){

$j(target).siblings( ".inputrequirement" ).removeClass( "inputrequired" );
}
else{
var thisClass = $j( this ).attr("class");
//check if it is required
if( thisClass.match( /required/ ) ){
//if so, change the background to say so and 
update the text
$j(target).siblings( ".inputrequirement" 
).addClass("class",
"inputrequired").html( "This is a required field" );
}
}
}

Validator.prototype.validateElement = function( target ){
//show the verifying icon
$j(target).siblings( ".inputstatus" ).attr("class", 
"inputstatus
inputverifying");
//check the input with the server
$j.getJSON( REQUEST_PREFIX + "ValidateRequest", { name:
$j(target).attr("name"), id : $j(target).attr("id") , value :
$j(target).fieldValue() }, function( json ){
//valid input, change to confirmed and wipe out 
any error text,
remove required indicator
if( json.validated == "true" ){
$j(target).siblings( ".inputstatus" 
).attr("class", "inputstatus
inputconfirmed" ).html( "" );
}
//error, update with error text and change the 
icon
else{
$j(target).siblings( ".inputstatus" 
).attr( "class", "inputstatus
inputerror").html( json.error );
}
this.checkRequired( target );

});
}



It fails on the line about four lines above,
"this.checkRequired(target);", producing "this.checkRequired is not a
function" error in the firebug console.
When the error is clicked it says:

this.checkRequired is not a function
(no name)(Object validated=true)eventdelegation.j... (line 109)
success()jquery.js (line 2780)
onreadystatechange(7)jquery.js (line 2735)
[Break on this error] this.checkRequired( target );



Anyway I'm hoping this is an elementary mistake or something in my
class structure and hopefully someone can point it out and save me a
ton of time and headache.
Also I apologize if this is not a proper subject for this discussion
group, if so feel free to delete it.

Thanks for any assistance!
Hugh

[jQuery] what wrong in code?

[R.O.M.]

This code doesn't work in all browsers exept firefox. Why and what i
must to do?
Trouble: when button with id="newsitesubmit" was pressed there is no
reaction, but in firefox all is ok.

code:

function getready() {
  $('#newsitesubmit').click(sendsite);
 };

function sendsite() { /* отправляем данные из формы */
   getready();
   var sitename = $("#siteinfo #sitename").val();
   var siteurl =  $("#siteinfo #siteurl").val();
   var uname = $("#siteinfo #username").val();
   var uemail =  $("#siteinfo #uemail").val();
   $.get('savesite.cgi', {sname: sitename, surl: siteurl, uname:
uname, uemail:
   $.get('static/msg_site_added.txt',function(data){
 var oldcontent = $('#siteinfo').html();
 $('#siteinfo').html(data+'Добавить еще сайт');
 getready();
}
   );

html:

 

Добавление сайта


 Название:
 
 Адрес:
 

 Ваше имя:
 
 Ваш e-mail:
 
 


 

[jQuery] Re: jQuery Form Plugin target confusion

[Mike Alsup]

>  Thanks Mike that did the trick. I want to ask a noob question about
>  the significance of the $ in front of the form variable that you
>  suggest. What is the difference besides using just form or set as that
>  variable name without a $ preceding it?

No difference.  It just helps me remember that the var is a jQuery
object and not a DOM object.

[jQuery] Re: jEditable issue in Firefox 2.0.0.13

[Mika Tuupola]

On Apr 8, 2008, at 8:55 PM, [EMAIL PROTECTED] wrote:


Thanks, but I think you missed the problem. 'Editable item' does work,
but 'Editable tab 3' doesn't. The reason I included both a standard ul
and tabs one controlled by UI in example was to prove there's nothing
wrong with the editable() command (as they both have the
class .tabEdit).



Sorry I misunderstood. Now I can see the problem. Editing "Editable  
tab 3" never submits anything. Confirmed.


I am looking through UI Tabs code now to see if I can figure out the  
problem.


--
Mika Tuupola
http://www.appelsiini.net/

[jQuery] Sortable Serialization for nested lists

[Scott Sauyet]

No response over on the UI list.  Perhaps someone here knows...

Hi Folks,

I think there's a problem with the serialization of nested lists inside
Sortables.  I have an altered version of the demo here:

 http://scott.sauyet.com/issues/2008-04-08a/

The Serialize button logs to the console if you have Firebug, otherwise
it just does an alert.

The original layout looks like this:

 * Drag us
 * around
 * and change
   o Lorem
   o Ipsum
 * our
 * positions
   o Something else
   o Foo bar

and it serializes as

item[]=0&item[]=1&item[]=2&item-2[]=0&item-2[]=1&item[]=3&item[]=4&item-4[]=0&item-4[]=1

If you move "our" after "Ipsum" in the nested list, you get

 * Drag us
 * around
 * and change
   o Lorem
   o Ipsum
   o our
 * positions
   o Something else
   o Foo bar

which serializes as

item[]=0&item[]=1&item[]=2&item-2[]=0&item-2[]=1&item[]=3&item[]=4&item-4[]=0&item-4[]=1

exactly the same as above.  Clearly these two different structures
should serialize differently.

I can see that there is an extension point for the attribute, the key
value, and the regex used in serialization, but I don't think there's a
straightforward way to replace the actual serialization function without
hacking into the source code.

Can anyone suggest a way that I could get different behavior here?

Thanks,

   -- Scott

[jQuery] Re: Is unbind() necessary if you use remove()?

[tlphipps]

doh.  Now I feel really bad for not looking at the docs.

Thank you very much for kindly pointing that out to me!


On Apr 8, 12:17 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> On Apr 8, 2008, at 9:11 AM, tlphipps wrote:
>
>
>
> > I have some pages where I'm adding elements, then attaching click
> > event handlers to them.  Later on (based on user interaction), those
> > elements are being removed from the page.
>
> > Is there any benefit to calling unbind('click') on those elements
> > before I remove() them?  Or does remove() effectively remove that
> > click handler from memory as well?
>
>  From the docs:
>
> "Note that this function starting with 1.2.2 will also remove all
> event handlers and internally cached data."
>
> http://docs.jquery.com/Manipulation/remove#expr
>
> --Karl
> _
> Karl Swedbergwww.englishrules.comwww.learningjquery.com

[jQuery] Re: Drag and Drop question

[Andy Matthews]

There's a much newer version of the drag and drop found in the jQuery UI. I
don't believe that the Interface plugins are being supported any more:

http://ui.jquery.com 
and
http://dev.jquery.com/view/trunk/ui/demos/ui.draggable.html

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of vneal
Sent: Tuesday, April 08, 2008 1:03 PM
To: jQuery (English)
Subject: [jQuery] Drag and Drop question


Hi, can anyone help?

A client has asked me to replicate the new BBC.co.uk homepage, with the drag
and drop boxes. I've found a demo which pretty much does everything -
http://interface.eyecon.ro/demos/sort.html - , but the only thing that is
missing are the borders that appear when you pick up a box.

Does anyone have any idea on how to do this? Apologies if it's a really
obvious thing but i am relatively new to JQuery so any help you can give
would be greatly appreciated.

Thanks

[jQuery] Drag and Drop question

[vneal]

Hi, can anyone help?

A client has asked me to replicate the new BBC.co.uk homepage, with
the drag and drop boxes. I've found a demo which pretty much does
everything - http://interface.eyecon.ro/demos/sort.html - , but the
only thing that is missing are the borders that appear when you pick
up a box.

Does anyone have any idea on how to do this? Apologies if it's a
really obvious thing but i am relatively new to JQuery so any help you
can give would be greatly appreciated.

Thanks

[jQuery] Re: jQuery Form Plugin target confusion

[Iasthaai]

Thanks Mike that did the trick. I want to ask a noob question about
the significance of the $ in front of the form variable that you
suggest. What is the difference besides using just form or set as that
variable name without a $ preceding it?

On Apr 8, 10:55 am, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> >  $(function() {
> > var _options = {
> > target: $( this ),
> > beforeSubmit: function(data, set, options) {
> >   alert( $(set).attr( 'action' ) );
> > }
> > }
> > $( '.form' ).ajaxForm( _options );
> >  });
>
> >  I've also tried using just the 'this' keyword. Anyway, when I use this
> >  it freezes the browser... My goal is to make the response target
> >  wrapper the same form that I'm submitting (basically a refresh of the
> >  newly updated form). I can't just leave the form as is due to some
> >  extra bits of JS that aren't form elements that will be reset when the
> >  response is loaded.
>
> >  Am I specifying my target incorrectly for what I want to achieve?
>
> >  PS: I've changed my target to the specificy form using an id and also
> >  I set the target to $( '.form' ) which posts the response in ALL of my
> >  forms, so I know that it is working, just not with the 'this' keyword
> >  for some reason.
>
> 'this' does not equal the form where you are using it.  Most likely
> 'this' is the document at that point.   Try this instead:
>
> $(function() {
>var _options = {
>beforeSubmit: function(data, $form, options) {
>  options.target = $form;
>}
>};
>$( '.form' ).ajaxForm( _options );
>
> });

[jQuery] Re: Autocomplete and JSON

[Ashley Pond V]

On Apr 8, 2008, at 10:53 AM, dineshv wrote:
> Okay, I sorted out the previous problem and can get data from the
> Python backend to the browser via the Autocomplete plugin.  But, the
> test data:
>
> data = ["string 1", "string 2", "string 3", "string 4", "string 5"]
>
> ... displays as one string item ie.:
>
> ["string 1", "string 2", "string 3", "string 4", "string 5"]
>
> ... including the square brackets!  ... instead of one string per line
> ie.:

I explained how to do this in my previous message. You have to do the  
overrides if you want to do anything but 1/line plain text.

-Ashley

[jQuery] Re: jEditable issue in Firefox 2.0.0.13

[[EMAIL PROTECTED]]

Thanks, but I think you missed the problem. 'Editable item' does work,
but 'Editable tab 3' doesn't. The reason I included both a standard ul
and tabs one controlled by UI in example was to prove there's nothing
wrong with the editable() command (as they both have the
class .tabEdit).

Can you confirm whether you get success with the tabs example?

In Firebug's console I don't see a POST request to 
http://www.rymix.co.uk/jquery/d15/ok.php
when editing the tab, but I do for the standard list.

Cheers,
Steve

[jQuery] hovering over a table based map

[Brian Ronk]

I have a table based map (each square of the table is a different map
area) and would like to use a hover as a sort of legend.  So, when I
hover over an area, I get a popup, or something, that says "this is a
rock and a chicken".  My map is based on an array of 10x10 numbers
(for the base) and then (probably, haven't fully decided yet) names to
indicate special areas on the map.  So, 2 10x10 maps, one filled with
numbers, the other has mostly null, with some names that will link to
an image, specified by an id.  (Sorry if that's a little confusing).

Because of the way it is set up, and the fact that the map could
change, I wanted the hover to be dynamic.  The map is stored as a
variable, so all I would (theoretically) have to do is get the
description from legend[map.[y][x]].desc (where legend is an array 0 -
whatever number) that has a description of each map tile).

I wasn't sure how I would link a specific td in the page, so I thought
a for loop with eq would work.  So, I have a 10x10 map, 100 td
elements in it.  Go from 0 - 99, and on each one, create a hover event
that (right now) shows the number in the div with id=test.  I tried it
with slice as well (the commented out part is my test with eq) to see
if that made a difference.  What happens is that everything displays
100.

Obviously, I'm going about this the wrong way.  Any ideas?

for(var i = 0; i < 100; ++i) {
//$('#map td:eq(' + i + ')').hover(
$('#map td').slice(i, i + 1).hover(
function() {
var y = i / 10;
var x = i % 10;
$('#test').html(y + ', ' + x);
},

function() {
$('#test').html("");
});
}

[jQuery] Re: $(window).bind("load",function(){ vs onready

[Jeffrey Kretz]

I find putting the script files at the end to be invaluable from a
performance standpoint.  This also ties in with making the site degrade
gracefully for those who still have javascript disabled.

The site looks and works fine with no javascript at all.  Once the page has
been rendered, the script files are downloaded and activated to improve the
user experience.

Because I've stayed away from having the javascript redraw elements on first
load, there are no unnatural jumps or flickers when the javascript does
load.

I've done some testing on a 56k modem with putting the scripts in the head,
and there is a significant performance hit on the page being available to
the user.

Personally I've become a convert and not try to put all scripts at the
bottom whenever possible.

JK

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jake McGraw
Sent: Tuesday, April 08, 2008 9:20 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: $(window).bind("load",function(){ vs onready


>From the comments on Yahoo Performance Rule # 5
http://developer.yahoo.net/blog/archives/2007/07/high_performanc_5.html:

:: snip ::

There are some cases where you wouldn't want your JS at the bottom.
For example, if you were using an "ondomready" event that many of the
js libraries supply, you would want the code to execute towards the
top. If you were to move all your JS to the bottom of the page, the
event would be rendered useless.

However, it's nice to know that having it at the top is a performance
hit so that I can weigh the positives with the negatives before moving
forward.

:: snip ::

So there is an instance where, using jQuery $(document).ready() or any
JavaScript library DOM ready functionality, it makes more sense to
keep your script tags in the document head.

In the end, it's up to the developer which method to use, as both can
be utilized successfully. I said in my original post that this is
mostly the territory of debate for "standardistas", therefore its
worth inside of real-world web application development is
questionable. Considerations of end user experience often override
whatever the W3C or ECMA specificies. I'm just providing an alternate
opinion so developers can make an informed consideration. Thankfully,
jquery-en provides a professional environment where we can have this
discussion.

- jake

On Tue, Apr 8, 2008 at 11:40 AM, Mika Tuupola <[EMAIL PROTECTED]>
wrote:
>
>
>  On Apr 8, 2008, at 6:23 PM, Jake McGraw wrote:
>
>
> > Regardless of whether it validates, it's considered best practices to
> > keep all 

[jQuery] Re: [validate] URL validation failing on a valid URL.

[Jörn Zaefferer]

js schrieb:

You are right.  Further tests show that it's only an issue in Safari
2.0.4.  It works fine in Safari 3+, Firefox 2+, IE6+.  Is Safari 2 in
the list of supported browsers for jquery.validate?
  
I never tested anything on Safari 2 and don't plan to change that. 
Assuming that Safari 2's regex engine isn't broken, its quite likely 
that something else is wrong there. But maybe it just is.


Jörn

[jQuery] Re: Cycle plugin: TypeError: Null value?

[Andy Matthews]

Okay...an update. I had two click events assigned to each nav button, oen
from Cycle, and another custom. I explicitly unbound both buttons, then
reassigned them and it works just fine. I don't feel that I should have to
do that, but meh...it works, so I'm not complaining.

The weird thing is that my custom click handler code was still running just
fine. It was only the Cycle code that was busted.

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Mike Alsup
Sent: Tuesday, April 08, 2008 12:45 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Cycle plugin: TypeError: Null value?


>
>  Ah...no I'm not. That might be it. Is it just .stop()?
>

$('#slideshow').cycle('stop');

I'll change Cycle to do this automatically in the next version.

[jQuery] Re: jQuery Form Plugin target confusion

[Mike Alsup]

>  $(function() {
> var _options = {
> target: $( this ),
> beforeSubmit: function(data, set, options) {
>   alert( $(set).attr( 'action' ) );
> }
> }
> $( '.form' ).ajaxForm( _options );
>  });
>
>
>  I've also tried using just the 'this' keyword. Anyway, when I use this
>  it freezes the browser... My goal is to make the response target
>  wrapper the same form that I'm submitting (basically a refresh of the
>  newly updated form). I can't just leave the form as is due to some
>  extra bits of JS that aren't form elements that will be reset when the
>  response is loaded.
>
>  Am I specifying my target incorrectly for what I want to achieve?
>
>  PS: I've changed my target to the specificy form using an id and also
>  I set the target to $( '.form' ) which posts the response in ALL of my
>  forms, so I know that it is working, just not with the 'this' keyword
>  for some reason.


'this' does not equal the form where you are using it.  Most likely
'this' is the document at that point.   Try this instead:

$(function() {
   var _options = {
   beforeSubmit: function(data, $form, options) {
 options.target = $form;
   }
   };
   $( '.form' ).ajaxForm( _options );
});

[jQuery] Slow tabs

[Glen Lipka]

We are using tabs on this page:
http://success.marketo.com/index.php

There is a long delay (FF2) between click and the transition.  Are we doing
something wrong?

Also, what is the best practice to make the tabs detail hidden until it
finishes tabbifying the block?

Thanks much,

Glen

[jQuery] Re: Autocomplete and JSON

[dineshv]

Okay, I sorted out the previous problem and can get data from the
Python backend to the browser via the Autocomplete plugin.  But, the
test data:

data = ["string 1", "string 2", "string 3", "string 4", "string 5"]

... displays as one string item ie.:

["string 1", "string 2", "string 3", "string 4", "string 5"]

... including the square brackets!  ... instead of one string per line
ie.:

"string 1"
"string 2"
...
"string 5"

I'm using Python's simplejson to get data to Autocomplete ie.:

def GET(self):
result = simplejson.dumps(data)
print result

The js file is:

$().ready(function() {

function findValueCallback(event, data, formatted) {
$("").html( !data ? "No match!" : "Selected: " +
formatted).appendTo("#results");
}

function formatItem(row) {
return row[0] + " (id: " + row[1] + ")";
}
function formatResult(row) {
return row[0].replace(/(<.+?>)/gi, '');
}


$("#suggest").autocomplete("/act");

});

Any ideas?  Cheers!

Dinesh


On Apr 7, 12:31 pm, dineshv <[EMAIL PROTECTED]> wrote:
> Sorry, that first error should have said:
>
> > 404 -http://127.0.0.1:8080/act?q=a&limit=150
>
> Jorn / Shawn
>
> In my act.js, I have:
>
> > $("#suggest").autocomplete("/act");
>
> The act.html file displays with the input box.  When I enter, for
> example 'a', the following error appears:
>
> >http://127.0.0.1:8080/act?q=a&limit=150
>
> and
>
> > line 2723 
> > inhttp://127.0.0.1:8080/static/js/jquery-autocomplete/lib/jquery.js
>
> Any idea what's going on?
>
> Dinesh
>
> On Apr 7, 12:27 pm, dineshv <[EMAIL PROTECTED]> wrote:
>
> > Jorn / Shawn
>
> > In my act.js, I have:
>
> > > $("#suggest").autocomplete("/act");
>
> > The act.html file displays with the input box.  When I enter, for
> > example 'a', the following error appears:
>
> > >http://127.0.0.1:8080/act?q=a&limit=150
>
> > and
>
> > > line 2723 
> > > inhttp://127.0.0.1:8080/static/js/jquery-autocomplete/lib/jquery.js
>
> > Any idea what's going on?
>
> > Dinesh
>
> > On Apr 6, 11:09 am, Ashley <[EMAIL PROTECTED]> wrote:
>
> > > This is possible but a bit difficult with the plugin. I wish it were
> > > easier as I don't think there is yet a jQuery autocomplete that
> > > competes with those from other packages like YUI.
>
> > > You have to override the 'parse' and 'formatItem' functions. Here is
> > > an example of it that I'm using.
>
> > >   var autocompleteJSON = function(raw) {
> > >  varjson= typeof(raw) === "array" ? raw : raw.resultSet;
> > >  var parsed = [];
> > >  for (var i=0; i  > > var row =json[i];
> > > parsed.push({
> > > data: row,
> > >value: row["title"] + ' [' + row["id"] + ']',
> > >   result: row["title"]
> > > });
> > >  }
> > >  return parsed;
> > >   };
>
> > >   $("input[name='parent_autocomplete']").result(function(event, data,
> > > formatted){
> > >   $("input[name='parent']").val(data["id"]);
> > >   });
>
> > >   $("input[name='parent_autocomplete']")
> > > .autocomplete("/cat/admin/page/search",
> > >   { width: "inherit"
> > >,minChars:3
> > >,extraParams: {"id":6 }
> > >,max: 25
> > >,delay: 900
> > >,dataType: "json"
> > >,parse: autocompleteJSON
> > >,formatItem: function(row) { return row["title"] }
> > >,mustMatch: true
> > >,selectFirst: false
> > >  });
>
> > > Where theJSONcoming back from the server looks like:
>
> > > {"resultSet":[{"id":"3","title":"Green Services"},
> > > {"id":"5","title":"Green Living Guides"}]}
>
> > > You can match up the format against the autocompleteJSON parsing
> > > function to see what's going on.
>
> > > It's always best to wrap yourJSONin an object {} and not just an
> > > array []. In an array the data can be visible to hacking on certain
> > > browsers (just FF, I think).
>
> > > J-Ashley

[jQuery] jQuery Treeview Plugin FireFox Problems [treeview]

[Barry]

Hi all,

First a caveat:  I'm new to jQuery and JavaScript.  I'm having trouble
with the jQuery Treeview plugin.  In my hands it doesn't work properly
on Firefox.  On either Jorn's demo page (http://jquery.bassistance.de/
treeview/demo/) or my own local implementations; when a parent node is
collapsed it's next sibling node moves up correctly, but gets indented
to the right incorrectly as if it were a child of it's previous
sibling.  Have a look at a screen shot of the incorrectly formatted
version on FireFox (http://malachite.genetics.utah.edu/img/
treeview_ff.jpg) and the correctly formatted version on Safari (http://
malachite.genetics.utah.edu/img/treeview_ff.jpg).  Notice how in
'Sample 0' item 2 is indented as if it were a child.

I just downloaded the jQuery (1.2.3) and the Treeview plugin (1.4)
fresh yesterday.  I'm working on a Mac PowerBook G4.  I'm viewing with
FireFox 2.0.0.13 and Safari 3.1

Any suggestions would be most welcome.

Barry

[jQuery] jQuery Form Plugin target confusion

[Iasthaai]

I'm using the jQuery form plugin and specifying my target as so:

$(function() {
var _options = {
target: $( this ),
beforeSubmit: function(data, set, options) {
  alert( $(set).attr( 'action' ) );
}
}
$( '.form' ).ajaxForm( _options );
});


I've also tried using just the 'this' keyword. Anyway, when I use this
it freezes the browser... My goal is to make the response target
wrapper the same form that I'm submitting (basically a refresh of the
newly updated form). I can't just leave the form as is due to some
extra bits of JS that aren't form elements that will be reset when the
response is loaded.

Am I specifying my target incorrectly for what I want to achieve?

PS: I've changed my target to the specificy form using an id and also
I set the target to $( '.form' ) which posts the response in ALL of my
forms, so I know that it is working, just not with the 'this' keyword
for some reason.

[jQuery] Re: Cycle plugin: TypeError: Null value?

[Mike Alsup]

>
>  Ah...no I'm not. That might be it. Is it just .stop()?
>

$('#slideshow').cycle('stop');

I'll change Cycle to do this automatically in the next version.

[jQuery] Re: Cycle plugin: TypeError: Null value?

[Andy Matthews]

Okay...

That didn't seem to do anything. I'm explicitly stopping the slideshow, then
starting it up again. It's still doing the same thing. 

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Mike Alsup
Sent: Tuesday, April 08, 2008 12:19 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Cycle plugin: TypeError: Null value?


> I'm writing an AIR application, and using the excellent Cycle plugin 
> as the primary means by which to display data. It's been working 
> perfectly until right now. I'm basically getting new data into the app 
> via a method which takes a set of data, loops over it (creating a 
> string of HTML). That string is then inserted into the content div, and
Cycle is then reinitialized.
>
> When the app first loads, Cycle works properly, allowing me to scroll 
> through messages. However, when new data comes into the app, it stops 
> working and throws a "TypeError: Null value" error.
>
> Does anyone have any idea what's happening?

How are you reinitializing?  Are you stopping the current slideshow before
starting another on the same container?

[jQuery] Re: Cycle plugin: TypeError: Null value?

[Andy Matthews]

Ah...no I'm not. That might be it. Is it just .stop()?

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Mike Alsup
Sent: Tuesday, April 08, 2008 12:19 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Cycle plugin: TypeError: Null value?


> I'm writing an AIR application, and using the excellent Cycle plugin 
> as the primary means by which to display data. It's been working 
> perfectly until right now. I'm basically getting new data into the app 
> via a method which takes a set of data, loops over it (creating a 
> string of HTML). That string is then inserted into the content div, and
Cycle is then reinitialized.
>
> When the app first loads, Cycle works properly, allowing me to scroll 
> through messages. However, when new data comes into the app, it stops 
> working and throws a "TypeError: Null value" error.
>
> Does anyone have any idea what's happening?

How are you reinitializing?  Are you stopping the current slideshow before
starting another on the same container?

[jQuery] Re: jquery tooltips

[Karl Swedberg]

You could look at Jörn Zaefferer's Tooltip plugin:
http://plugins.jquery.com/project/tooltip

Or, my clueTip plugin:

http://plugins.jquery.com/project/cluetip


--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Apr 8, 2008, at 10:07 AM, Vlad Mazek wrote:

Does anyone have a favorite tooltip plugin for jquery? I am  
currently using jTip for some AJAX popups but I have a need to just  
add some better documentation in the current UI and jTip is mainly  
meant for AJAX.


Does anyone have a recommendation? I only found one other plugin and  
it was 120Kb in size :(


-Vlad

[jQuery] Re: $(window).bind("load",function(){ vs onready

[Nicolas R]

This is quite a nice topic for discussion as it touches on various
important theoretical and practical issues.

"All my sites validate perfectly with 

[jQuery] question about compatibility with IE v6

[Willis]

I am investigating using jQuery for site I am developing. Most of my
users will be coming to the site with IE.  I went to this page
http://docs.jquery.com/Tutorials:Live_Examples_of_jQuery

but it did not display correctly. In my FF browser it worked find.
Could some one let me know if there is a problem with IE
compatibility?

I am using IE v6.0.2900.2180.xpsp_sp2_gdr.050301-1519

[jQuery] Re: Help

[Jonny Polite]

Clearly.

On Apr 8, 8:32 am, "Jake McGraw" <[EMAIL PROTECTED]> wrote:
> Spam?
>
> On Tue, Apr 8, 2008 at 4:46 AM, Sarah Johns <[EMAIL PROTECTED]> wrote:
>
> >  Hello guys, i need some serious help here. My dad made a site, this
> >  http://www.videoriporter.hu. And he cant make it work. Can any of you
> >  help me? Thank you Sarah

[jQuery] Re: Nested Ajax callbacks not working in IE7

[Dannster]

Hi Jonny

Yeah I tried that mate, it was still the same issue. It is definitely
the JSON string in the data block that is causing the error. I just
need to know how to get IE7 to like it

Cheers

Dannster

[jQuery] Toggle an Image Button using jQuery - Help Pls.

[tfat]

Can someone pls assist me with a means of performing the following
using jQuery:

Currently, I have an image src file with is like a button with an
onClick event, which basically toggles two images. When this image
button is clicked, i.e, starts with "Menu+" and when a user clicks on
it, it toggles to "Menu-"

I would like to somehow implement this same feature using the same
image in jQuery, by where when the user clicks on the "Menu+" image
button, it toggles to "Menu-" but at the same time, an accordion menu
I have within a div called "container" actually appears on the screen,
perhaps using fadeIn() or show() effects. And again, when the user
clicks the "Menu-" image button, the image button then toggles back to
"Menu+" and at the same time, the accordion menu dissapears from the
screen using perhaps fadeOut() or hide().

Any help/direction would be much appreciated.

Thanks.

[jQuery] Re: Cycle plugin: TypeError: Null value?

[Mike Alsup]

> I'm writing an AIR application, and using the excellent Cycle plugin as the
> primary means by which to display data. It's been working perfectly until
> right now. I'm basically getting new data into the app via a method which
> takes a set of data, loops over it (creating a string of HTML). That string
> is then inserted into the content div, and Cycle is then reinitialized.
>
> When the app first loads, Cycle works properly, allowing me to scroll
> through messages. However, when new data comes into the app, it stops
> working and throws a "TypeError: Null value" error.
>
> Does anyone have any idea what's happening?

How are you reinitializing?  Are you stopping the current slideshow
before starting another on the same container?

[jQuery] Re: Is unbind() necessary if you use remove()?

[Karl Swedberg]

On Apr 8, 2008, at 9:11 AM, tlphipps wrote:


I have some pages where I'm adding elements, then attaching click
event handlers to them.  Later on (based on user interaction), those
elements are being removed from the page.

Is there any benefit to calling unbind('click') on those elements
before I remove() them?  Or does remove() effectively remove that
click handler from memory as well?



From the docs:

"Note that this function starting with 1.2.2 will also remove all  
event handlers and internally cached data."


http://docs.jquery.com/Manipulation/remove#expr


--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com

[jQuery] $.each on HTML string returned from AJAX?

[OhNoMrBill]

I am trying to run an .each on form subelements of some html returned
in an AJAX request. Like so:

var myReturnedText = "some text returned from server that contains one
or more forms...";

$("form").each(
  function() {
   $(this).removeAttr("onsubmit");
 }
);

What I am having trouble getting my head around is where to put the
reference to the original text (myReturnedText), since it is a
variable and not a DOM element.

[jQuery] Cycle plugin: TypeError: Null value?

[Andy Matthews]

I'm writing an AIR application, and using the excellent Cycle plugin as the
primary means by which to display data. It's been working perfectly until
right now. I'm basically getting new data into the app via a method which
takes a set of data, loops over it (creating a string of HTML). That string
is then inserted into the content div, and Cycle is then reinitialized.
 
When the app first loads, Cycle works properly, allowing me to scroll
through messages. However, when new data comes into the app, it stops
working and throws a "TypeError: Null value" error.
 
Does anyone have any idea what's happening?
 
I could show code, but I don't have any way to show the app in action as
it's internal only.
 

 
Andy Matthews
Senior ColdFusion Developer

Office:  615.627.9747
Fax:  615.467.6249
www.dealerskins.com  
 
Total customer satisfaction is my number 1 priority! If you are not
completely satisfied with the service I have provided, please let me know
right away so I can correct the problem, or notify my manager Aaron West at
[EMAIL PROTECTED]
 
<<2008 Email NADA.jpg>>

[jQuery] Re: $(window).bind("load",function(){ vs onready

[Jake McGraw]

>From the comments on Yahoo Performance Rule # 5
http://developer.yahoo.net/blog/archives/2007/07/high_performanc_5.html:

:: snip ::

There are some cases where you wouldn't want your JS at the bottom.
For example, if you were using an "ondomready" event that many of the
js libraries supply, you would want the code to execute towards the
top. If you were to move all your JS to the bottom of the page, the
event would be rendered useless.

However, it's nice to know that having it at the top is a performance
hit so that I can weigh the positives with the negatives before moving
forward.

:: snip ::

So there is an instance where, using jQuery $(document).ready() or any
JavaScript library DOM ready functionality, it makes more sense to
keep your script tags in the document head.

In the end, it's up to the developer which method to use, as both can
be utilized successfully. I said in my original post that this is
mostly the territory of debate for "standardistas", therefore its
worth inside of real-world web application development is
questionable. Considerations of end user experience often override
whatever the W3C or ECMA specificies. I'm just providing an alternate
opinion so developers can make an informed consideration. Thankfully,
jquery-en provides a professional environment where we can have this
discussion.

- jake

On Tue, Apr 8, 2008 at 11:40 AM, Mika Tuupola <[EMAIL PROTECTED]> wrote:
>
>
>  On Apr 8, 2008, at 6:23 PM, Jake McGraw wrote:
>
>
> > Regardless of whether it validates, it's considered best practices to
> > keep all 

[jQuery] .load with getjson

[tshafer]

is it possible to use .load with .getjson?

tom

[jQuery] Re: jEditable issue in Firefox 2.0.0.13

[Mika Tuupola]

On Apr 8, 2008, at 6:47 PM, Mika Tuupola wrote:



On Apr 8, 2008, at 6:05 PM, [EMAIL PROTECTED] wrote:


Hi Mika,
Here's a sample:
http://www.rymix.co.uk/jquery/d15/inline.html
It doesn't actually _do_ anything, but if you look at server activity
you'll see that ok.php never gets called. It returns 'OK!'
Regards,


Firefox 2.0.0.13 on OSX.

I doubleclick "Editable item". Write something and then hit enter.   
Firebug show request to ok.php which responds "OK!". Browsers alerts  
a "sucess!".



Just FYI. I also installed 2.0.0.13 on Windows machine and encountered  
no problems. Firebug shows a request to ok.php which return "OK!" and  
browser alerts "success!".


--
Mika Tuupola
http://www.appelsiini.net/

[jQuery] Re: corner plugin on Safari

[Mike Alsup]

>  It looks like in the gpc() function that it's failing to find a valid
>  background and default to #ff, but no idea why Safari 3.1 fails
>  there.
>
>  I've tried posting this to the plugin group, but that group doesn't
>  seem to allow new posts.


Very weird.  Is this only happening on Safari 3.1?  Windows or Mac (or both)?

[jQuery] Re: blockUI 2.02 question: default ajax behavior to block contextual element

[Alexandre Plennevaux]

ok i got your point: i was just being lazy going through 15 files
changing all load() calls, but i'll do it. hey, at least i didn't have
to make the plugin :)



On Tue, Apr 8, 2008 at 5:30 PM, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
>  >  yes, but the problem is i don't know what is #myDiv at the time i set
>  >  blockUI as default ajax action. And yes, i get the data via load().
>
>  But you know what #myDiv is when you call load.  With element blocking
>  you can just chain the block and load calls.
>
>
>  $('#myDiv').block().load('myurl', function() { $(this).unblock() });
>
>  or write a mini plugin:
>
>  $.fn.blockAndLoad = function(url) {
> return this.each(function() {
> var $this = $(this);
> $this.block().load(url, function() {
> $this.unblock();
> });
> };
>  };
>
>  and call it like this:
>
>  $('#myDiv').blockAndLoad(myUrl);
>



-- 
Alexandre Plennevaux
LAb[au]

http://www.lab-au.com

[jQuery] Re: jEditable issue in Firefox 2.0.0.13

[Mika Tuupola]

On Apr 8, 2008, at 6:05 PM, [EMAIL PROTECTED] wrote:


Hi Mika,
Here's a sample:
http://www.rymix.co.uk/jquery/d15/inline.html
It doesn't actually _do_ anything, but if you look at server activity
you'll see that ok.php never gets called. It returns 'OK!'
Regards,


Firefox 2.0.0.13 on OSX.

I doubleclick "Editable item". Write something and then hit enter.   
Firebug show request to ok.php which responds "OK!". Browsers alerts a  
"sucess!".


Is the problem that you want Jeditable to submit data to server when  
you click somewhere on the page (ie on blur event of the input, not  
when user presses enter?). If this is the case do something like:


-cut-
$(".tabEdit").editable("ok.php", {
onblur : "submit",
event: "dblclick",
indicator: "Saving...",
tooltip: "Double-click to edit",
callback : function(value, settings) {
alert('success!');
}
});
-cut-

--
Mika Tuupola
http://www.appelsiini.net/

[jQuery] Re: $(window).bind("load",function(){ vs onready

[Mika Tuupola]

On Apr 8, 2008, at 6:23 PM, Jake McGraw wrote:


Regardless of whether it validates, it's considered best practices to
keep all 

[jQuery] Re: Remove script

[hj]

On Apr 7, 3:17 am, "Karl Rudd" <[EMAIL PROTECTED]> wrote:
> You'll need a record of every function and variable that a script
> defines. Perhaps a function that does the "clean up". For instance
> (untested):
>
> var blah = 3;
> var blahblah = { 'f': 12 };
>
> function aFunc() { };
> function aFunc2() { }
>
> function cleanUp() {
>   blah = undefined;
>   blahblah = undefined;
>   aFunc = undefined;
>   aFunc2 = undefined;
>
> }

If you can structure your scripts like this, then it could work.
However, you might be better served to do:

  function cleanUp() {
delete blah;
delete blahblah;
delete aFunc;
delete aFunc2;
setTimeout(function(){delete cleanUp},0);
  }

And you still might be stuck with hanging references in any
event handlers that are defined. Your cleanUp function would
need to remove those as well, e.g.:

  btn = document.getElementById('someButton');
  btnHandler = btn.onclick;
  function myhandler() {
// do some stuff
btnHandler();
  }
  btn.onclick = handler;

  function cleanUp() {
// cleanup variables and functions as above.

// restore old event handler
btn.onclick = btnHandler;
delete myhandler;
delete btnHandler;
  }

Obviously, this can get *really* hairy.

--

hj

[jQuery] Re: selectors return type

[deer421]

I like that. I think it is clearer, especially for new users. Now who
can change the documentation?

Thanks,
Soetji

On Apr 7, 10:49 am, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I definitely see how the documentation can be confusing there. I think
> the distinction was made because the ones that just have "Element" are
> the ones that only ever return a single element (in the array). I
> wonder if it would make sense to still have a distinction somehow.
> Maybe:
>
> Array  -- for all the selectors that currently say Array
> 
> Array  -- for all the selectors that currently say Element
>
> Does this sound reasonable? Would it cause other problems and/or
> confusion?
>
> --Karl
> _
> Karl Swedbergwww.englishrules.comwww.learningjquery.com

[jQuery] Re: Nested Ajax callbacks not working in IE7

[Jonny Polite]

Not sure why that wouldn't work, but have you tried putting your
second AJAX call into a separate function that the first AJAX success
calls?  That's generally how I structure my code and I haven't had any
browser issues so far.

On Apr 8, 2:38 am, Dannster <[EMAIL PROTECTED]> wrote:
> Hi Guys
>
> Has anyone had any problems with nested callbacks in IE7?
>
> I have an ajax callback which contacts a web service and fires another
> ajax callback on success.
>
> Both callbacks get fired on Firefox but only the first one gets fired
> om IE7.
>
> here is my code...
>
> $.ajax({
> type: "POST",
> url: "/WebServices/KayakService.asmx/GetSession",
> beforeSend: function(xhr) {
> xhr.setRequestHeader("Content-type", "application/json;
> charset=utf-8");
> },
> dataType: "json",
> success: function(msg) {
> sessionId = msg;
> alert(sessionId);
> $.ajax({
> type: "POST",
> data: '{"origin":"' + originCode + '","destination":"' +
> destinationCode + '","depDate":"' + $("#depDate").val() +
> '","retDate":"' + $("#retDate").val() + '","sessionId":"'+ sessionId
> +'"}',
> url: "/WebServices/KayakService.asmx/GetFlightSearchId",
> beforeSend: function(xhr) {
> xhr.setRequestHeader("Content-type","application/json;
> charset=utf-8");
> },
> dataType: "json",
> success: function(e) {
> searchId = e;
> alert(searchId);
> getResults();
> }
>  });
> }
>
> });
>
> Any help appreciated, bit of a showstopper this one.
>
> Dannster

[jQuery] Re: corner plugin on Safari

[jonesbot]

It looks like in the gpc() function that it's failing to find a valid
background and default to #ff, but no idea why Safari 3.1 fails
there.

I've tried posting this to the plugin group, but that group doesn't
seem to allow new posts.

--jonesbot

On Apr 7, 1:31 pm, Derek Allard <[EMAIL PROTECTED]> wrote:
> Hello All.
>
> I've been using the jQuery corner plugin (version 1.92 (12/18/2007))
> quite successfully.  However with the latest versions of Safari (and
> Webkit) will render approximately 1 out of every 8-10 pageloads
> without rounded corners.  I am unable to find a pattern here, and it
> seems largely random.  I've attempted to set background colours for
> those elements as I've read elsewhere, but it doesn't seem to affect
> the problem.
>
> In hunting around, it seems I'm not the first to notice it.  Has
> anyone encountered a reliable solution to this problem?
>
> Thanks,
> Derek

[jQuery] Re: jEditable issue in Firefox 2.0.0.13

[[EMAIL PROTECTED]]

Hi Mika,
Here's a sample:
http://www.rymix.co.uk/jquery/d15/inline.html
It doesn't actually _do_ anything, but if you look at server activity
you'll see that ok.php never gets called. It returns 'OK!'
Regards,
Steve

On Apr 8, 11:06 am, Mika Tuupola <[EMAIL PROTECTED]> wrote:
> On Apr 7, 2008, at 9:18 PM, [EMAIL PROTECTED] wrote:
>
> > If anyone's trying to debug this, I have also tried running a function
> > rather than loading "ok.php". Even if that function contains only an
> > alert (and a return - or even just a return) it doesn't get run in
>
> I would debug, but I need some example page where this problem  
> happens. I understand that problem occurs when using together with UI  
> tabs. But I still need the page :)
>
> --
> Mika Tuupolahttp://www.appelsiini.net/

[jQuery] Re: Same code structure to affect two elements, but one doesn't work

[Cristian]

I was so into learning JQuery when this happened that I thought the
problem was caused by my lack of knowledge of JQuery. I never thought
CSS specificity could be involved.

Thank you so much for your help.

[jQuery] Issue with fadeIn/Out over show/hide...

[Dan M]

All,

I noticed a difference with fadeIn() over show() that forced me to use
show() when I wanted to use fadeIn()...

I have some elements in a div, and the background color of the div is
different from the rest of the page so you know that these elements
are grouped together. When the page loads, the display property of the
elements is set to none. I use jQuery to conditionally display the
elements when the DOM is ready and attach event handlers to other
elements to conditionally hide and display others.

When I use hide() or show() the height and width of the surrounding
div are adjusted to the appropriate size to fit the elements that are
visible. However, when I use fadeIn() the surrounding div does not
change and elements toward the bottom appear to "spill over" the div
in which they were meant to appear.

Regards,
Dan

[jQuery] Re: Nested Ajax callbacks not working in IE7

[Dannster]

OK Guys I have narrowed it down

It is not the fact that the ajax requests are nested, it is down to
the format of the JSON string in the data: block

I narrowed the example down to something really simple

$.ajax({
type: "POST",
data: '{"name":"dave"}',
url: "WebServices/KayakService.asmx/testMethod",
beforeSend: function(xhr) {
xhr.setRequestHeader("Content-type",
   "application/json; charset=utf-8");
},
dataType: "json",
success: function(msg) {
alert('success');

},
error: function(msg) {
alert('failed');

}
});

IE doesnt like the data block at all and always fails without even
hitting the web service.

Dannster

[jQuery] Re: problem with tablesorter and dynamic table content

[Jonny Polite]

Building the entire table in the javascript is more annoying, but it
definitely worked.  Thanks.

On Apr 5, 11:04 pm, Matt Grimm <[EMAIL PROTECTED]> wrote:
> I also ran across this issue with dynamically loaded tbody content. I
> came to the conclusion, after poring over the tablesorter source code,
> that the only solution is to rebuild the entire table with each
> dynamic reload. The idea was originally posted here:
>
> http://groups.google.com/group/jquery-en/browse_thread/thread/32732ee...
>
> On Apr 3, 1:05 pm, Jonny Polite <[EMAIL PROTECTED]> wrote:
>
> > Hello,
>
> > So I have this table where the  is initially blank.  Then when
> > the document is ready I call a function that runs an AJAX query for
> > the table content.
>
> > The initial content is sorted awesomely!  But when I call my function
> > again with different parameters to get new content, things start to go
> > wrong.  The table fills with the new content just fine, but clicking
> > on a header column to sort reverts the table content back to what it
> > was when the page first loaded.
>
> > As you can see below, I have some logic in there to call
> > the .trigger("update") any time the content is updated.  It just
> > doesn't seem to be doing the trick.  It's liketablesorternever
> > figures out that there is new content it should be sorting with.
>
> > Has anyone ever encountered this?  Is there a solution or have I
> > simply encountered a bug?  I really hope someone has something I could
> > try.  Below it the relevant code for your perusal.
>
> > 
> > The initial table looks like this:
> > 
> > 314 
> > 315 
> > 316 
> > 317 category
> > 318 name
> > 319 description
> > 320 active
> > 321 viewable
> > 322 end user viewable
> > 323 OST bucket
> > 324 
> > 325 
> > 326 
> > 327 
> > 328  > value="save changes" />
> > 329 
> > 330 
> > 331 
> > 332 
> > 333 
>
> > 
> > The bulk of the function work happens within the success section of
> > the AJAX call.  The success part looks like this:
> > 
> > 143 success:function(data) {
> > 144 var issue_data = eval( "("+data+")" );
> > 145
> > 146 var issue_table = $j("#issue_table");
> > 147
> > 148 // Clear out whatever's in the table body
> > 149 var tbody = $j("#issue_table tbody");
> > 150 tbody.empty();
> > 151
> > 152 $j.each( issue_data, function() {
> > 153 var issue_string =  " > color:#EFF8FF\">";
> >  code that constructs an entire TR as a string
> > 167
> > 168 tbody.append( issue_string );
> > 169 });
> > 170
> > 171 // Sort the table
> > 172 if( update ) {
> > 173 issue_table.trigger("update");
> > 174 var sorting = [[0,0]];
> > 175 issue_table.trigger("sorton", [sorting]);
> > 176 } else {
> > 177 issue_table.tableSorter({
> > 178 debug:  true,
> > 179 sortColumn: 'name',
> > 180 sortClassAsc:   'issue_header_asc',
> > 181 sortClassDesc:  'issue_header_desc',
> > 182 headerClass:'issue_header'
> > 183 });
> > 184 }
> > 185
> > 186 }

[jQuery] Hover spanning

[MBK]

We used the superfish example css page below and modified it
slightly.  The problem now is that list item hover does not span the
entire box only in IE.  The screenshot below (contact box) shows an
example where the opposing color does not span across the entire box.

Screen shot:
http://development.ciphertechsolutions.com/screenshot.jpg


/* This file is commented in great detail for educational purposes.
There is also
 * an uncommented version for use production use here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.css
 */

/ ESSENTIAL STYLES ***/
/* This first group of styles are most important for the function of
Superfish.
 * The more cosmetic styling rules are grouped together below under
the heading
 * ORIGINAL SKIN.
 *
 * Note that this CSS file will create the kind of menu demonstrated
on the main
 * page of the Superfish documentation, ie. top tier of nav is
horizontal, with
 * subsequent tiers vertical.
 */

/* remove any default styles */
.nav, .nav * {
margin:0;
padding:0;
list-style:none;
font-size:12px;
}

/* top ul.nav element */
.nav {
line-height:1.0; /* makes calculating the 'top' value for first
submenu easier */
}

/* nested submenu ul elements */
.nav ul {
position:absolute; /* remove from flow and allow positioning */
top:-999em; /* hide submenu in screen-reader and search-engine
friendly way */
width:13em; /* VARIABLE. Must have a width for menu items to inherit.
Use ems so font scaling does not break design*/
}
/* submenu items */
.nav ul li,
.nav a { /* this affects top level anchors too */
width: 100%;/* stretch submenu items to width of submenu ul width
(see .nav ul rules above). When link text runs over more than one
line, use padding and an explicit width for the anchor instead of
width:100% and text-indent. Example below in the SKIN section */
}



/* all li elements */
.nav li {
float:left; /* must float all li elements. Vertical submenu items are
restrained by parent ul width (see .nav ul rules above) */
position:relative; /* make child submenu ul position relative to
parent li */
z-index:99; /* ensure submenus appear above other page items.
Increase if needed, but do not exceed thickbox overlay z-index! */
}

/* all anchor elements */
.nav a {
display:block; /* make IE6 obey width when text-indent is used */
}

/ Position of second tier of nav /
.nav li:hover ul, /* this pure CSS hover is overridden by
the .superfish rules below which are applied only when JavaScript is
available. This way, the menu degrades to regular CSS dropdown when
JavaScript is unavailable */
ul.nav li.sfHover ul /* this is the familiar IE6 hover support. With
Superfish, all browsers use this rule when JS is available. This is
because the JS needs to be able to control hide and reveal delays and
animations without the pure CSS rule intruding. Note the tag selector
ul.nav instead of just .nav - this gives it the most specificity of
all and makes it trump all other positioning rules, including
the .superfish overrides below */
{
left:-1px; /* position first submenu directly under parent li */
top:1.64em; /* VARIABLE. This is calculated by adding 1em text height
to top and bottom anchor element padding (original skin: .75em top + .
75em bottom + 1em text height = 2.5em) */
}

/ Position of third tier of nav /
 /* Note that this rule must appear here in the code order in order
for it to override previous positioning rules so that this and
subsequent nested submenus still remain hidden when the parent submenu
is shown. Do not group these selectors with other top:-999em rules */
.nav li:hover li ul,
.nav li.sfHover li ul {
top:-999em; /* hide submenu in screen-reader and search-engine
friendly way */
}
/* DO NOT attempt to group these selectors with similar earlier rules.
The code order is important so the rules override previous ones
correctly */
.nav li li:hover ul, /* this pure CSS hover is overridden by
the .superfish rules below which are applied only when JavaScript is
available. This way, the menu degrades to regular CSS dropdown when
JavaScript is unavailable */
ul.nav li li.sfHover ul /* this is the familiar IE6 hover support.
With Superfish, all browsers use this rule when JS is available. This
is because the JS needs to be able to control hide and reveal delays
and animations without the pure CSS rule intruding. Note the tag
selector ul.nav instead of just .nav - this gives it the most
specificity of all and makes it trump all other positioning rules,
including the .superfish overrides below */
 {
left:13em; /* VARIABLE. Offset subsequent submenus to the right by
the amount you set for the submenu widths (see .nav ul rules above) */
top:-1px; /* position subsequent submenus horizontally aligned to
parent li */
}

/ Position of fourth tier of nav (not used on main demo page. You
c

[jQuery] jquery tooltips

[Vlad Mazek]

Does anyone have a favorite tooltip plugin for jquery? I am currently using
jTip for some AJAX popups but I have a need to just add some better
documentation in the current UI and jTip is mainly meant for AJAX.

Does anyone have a recommendation? I only found one other plugin and it was
120Kb in size :(

-Vlad

[jQuery] Re: Help

[Jake McGraw]

Spam?

On Tue, Apr 8, 2008 at 4:46 AM, Sarah Johns <[EMAIL PROTECTED]> wrote:
>
>  Hello guys, i need some serious help here. My dad made a site, this
>  http://www.videoriporter.hu . And he cant make it work. Can any of you
>  help me? Thank you Sarah
>

[jQuery] Re: blockUI 2.02 question: default ajax behavior to block contextual element

[Mike Alsup]

>  yes, but the problem is i don't know what is #myDiv at the time i set
>  blockUI as default ajax action. And yes, i get the data via load().

But you know what #myDiv is when you call load.  With element blocking
you can just chain the block and load calls.

$('#myDiv').block().load('myurl', function() { $(this).unblock() });

or write a mini plugin:

$.fn.blockAndLoad = function(url) {
return this.each(function() {
var $this = $(this);
$this.block().load(url, function() {
$this.unblock();
});
};
};

and call it like this:

$('#myDiv').blockAndLoad(myUrl);

[jQuery] Re: $(window).bind("load",function(){ vs onready

[Jake McGraw]

Regardless of whether it validates, it's considered best practices to
keep all 

[jQuery] Re: $(window).bind("load",function(){ vs onready

[Mika Tuupola]

On Apr 8, 2008, at 6:06 PM, Jake McGraw wrote:


Mixing content and logic, a no no for "standardistas". It really
depends on how much content you have on any given page. I'd suggest
using both the head and "footer" methods to determine what provides
the best end user experience Vs what keeps your pages standard
compliant.



All my sites validate perfectly with 

[jQuery] Re: $(window).bind("load",function(){ vs onready

[Jake McGraw]

Mixing content and logic, a no no for "standardistas". It really
depends on how much content you have on any given page. I'd suggest
using both the head and "footer" methods to determine what provides
the best end user experience Vs what keeps your pages standard
compliant.

- jake

On Tue, Apr 8, 2008 at 9:33 AM, Mika Tuupola <[EMAIL PROTECTED]> wrote:
>
>
>  On Apr 8, 2008, at 6:30 AM, coughlinsmyalias wrote:
>
>
> > I have heard about loading them at the end of the page, I would love
> > to see statistics on it as well. I understand this all now, I kept
> > seeing both and I was confused each of them.
> >
>
>
>  When possible JavaScript should be loaded in the end of the page. Browsers
> stop rendering while JavaScript file loads. Browsers download only one
> JavaScript file at the time blocking also any new parallel downloads of
> other elements.
>
>  Thus when moving all scripts just before closing body tag will make page
> finish rendering sooner.
>
>  --
>  Mika Tuupola
>  http://www.appelsiini.net/
>
>

[jQuery] Re: Browsers incompatibility

[MorningZ]

Might help others help you if you give a snippet of the code that
doesn't work

[jQuery] Re: Jquery spell checker

[Bil Corry]

rsmolkin wrote on 4/4/2008 7:53 AM: 

Has anyone seen a spell checker for text areas written in Jquery?

I'm looking for one that is either stand-alone or can be used via AJAX
connecting to ColdFusion.

I would like to add a spell checker to all text areas that will work
like Gmail.


I've been thinking of converting this Prototype-based spell checker to jQuery:



But if there's something better out there, I'd like to hear about it too.


- Bil

[jQuery] Re: blockUI 2.02 error ?

[Alexandre Plennevaux]

nope, using the same browser , i don't get the error. Must be in my
code, but i wonder where. it's gotten so long in a six month
development time :)

On Tue, Apr 8, 2008 at 3:52 PM, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
>  > >  strange, i'm using Firefox 2.0.0.13 on windows xp SP2.
>  >
>  >  Well that's odd.  Can you post a link?  If not, can you debug and see
>  >  why it's getting to that line?
>  >
>
>  Do you get errors on the demo page?
>
>  http://www.malsup.com/jquery/block/
>



-- 
Alexandre Plennevaux
LAb[au]

http://www.lab-au.com

[jQuery] Re: blockUI 2.02 question: default ajax behavior to block contextual element

[Alexandre Plennevaux]

yes, but the problem is i don't know what is #myDiv at the time i set
blockUI as default ajax action. And yes, i get the data via load().

Following your suggestion, i'll keep on trying...

Tue, Apr 8, 2008 at 3:51 PM, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
>
>  On Tue, Apr 8, 2008 at 9:42 AM, Alexandre Plennevaux
>  <[EMAIL PROTECTED]> wrote:
>  >
>  >  hi again!
>  >
>  >  i understand from the blockUI doc that using this super simple call, i
>  >  can default all ajax calls to use blockUI.
>  >
>  >  $().ajaxStart($.blockUI).ajaxStop($.unblockUI);
>  >
>  >
>  >  Yet, i would like to know if it would be possible for the default
>  >  behaivour to block the related element (that will receive the fetched
>  >  data), instead of blocking the whole page, so something like
>  >
>  >  $().ajaxStart($.block).ajaxStop($.unblock);
>  >
>  >  I tried that and it didn't work.  Also tried this:
>  >
>  > blockMe = function(){
>  > $(this).block({
>  > message: 'Aargl, I\'m being blocked'
>  > });
>  > }
>  > unBlockMe = function(){
>  > $(this).unblock();
>  > }
>  > $().ajaxStart(blockMe).ajaxStop(unBlockMe);
>  >
>  >  but no luck either . It's probably not that simple ...
>  >
>  >  Thanks for your attention !
>
>  Change this line:
>
>  > $(this).block({
>
>
>
>  How are you getting the data?  If you're using load then this should work:
>
>  $('#myDiv').block().load('myurl', function() { $(this).unblock() });
>
>  Mike
>



-- 
Alexandre Plennevaux
LAb[au]

http://www.lab-au.com

[jQuery] Re: blockUI 2.02 error ?

[Mike Alsup]

> >  strange, i'm using Firefox 2.0.0.13 on windows xp SP2.
>
>  Well that's odd.  Can you post a link?  If not, can you debug and see
>  why it's getting to that line?
>

Do you get errors on the demo page?

http://www.malsup.com/jquery/block/

[jQuery] Re: blockUI 2.02 error ?

[Alexandre Plennevaux]

i'll put a link brb

On Tue, Apr 8, 2008 at 3:42 PM, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
>  >  strange, i'm using Firefox 2.0.0.13 on windows xp SP2.
>
>  Well that's odd.  Can you post a link?  If not, can you debug and see
>  why it's getting to that line?
>



-- 
Alexandre Plennevaux
LAb[au]

http://www.lab-au.com

[jQuery] Re: blockUI 2.02 question: default ajax behavior to block contextual element

[Mike Alsup]

On Tue, Apr 8, 2008 at 9:42 AM, Alexandre Plennevaux
<[EMAIL PROTECTED]> wrote:
>
>  hi again!
>
>  i understand from the blockUI doc that using this super simple call, i
>  can default all ajax calls to use blockUI.
>
>  $().ajaxStart($.blockUI).ajaxStop($.unblockUI);
>
>
>  Yet, i would like to know if it would be possible for the default
>  behaivour to block the related element (that will receive the fetched
>  data), instead of blocking the whole page, so something like
>
>  $().ajaxStart($.block).ajaxStop($.unblock);
>
>  I tried that and it didn't work.  Also tried this:
>
> blockMe = function(){
> $(this).block({
> message: 'Aargl, I\'m being blocked'
> });
> }
> unBlockMe = function(){
> $(this).unblock();
> }
> $().ajaxStart(blockMe).ajaxStop(unBlockMe);
>
>  but no luck either . It's probably not that simple ...
>
>  Thanks for your attention !

Change this line:

> $(this).block({



How are you getting the data?  If you're using load then this should work:

$('#myDiv').block().load('myurl', function() { $(this).unblock() });

Mike

[jQuery] blockUI 2.02 question: default ajax behavior to block contextual element

[Alexandre Plennevaux]

hi again!

i understand from the blockUI doc that using this super simple call, i
can default all ajax calls to use blockUI.

$().ajaxStart($.blockUI).ajaxStop($.unblockUI);


Yet, i would like to know if it would be possible for the default
behaivour to block the related element (that will receive the fetched
data), instead of blocking the whole page, so something like

$().ajaxStart($.block).ajaxStop($.unblock);

I tried that and it didn't work.  Also tried this:

blockMe = function(){
$(this).block({
message: 'Aargl, I\'m being blocked'
});
}
unBlockMe = function(){
$(this).unblock();
}
$().ajaxStart(blockMe).ajaxStop(unBlockMe);

but no luck either . It's probably not that simple ...

Thanks for your attention !




-- 
Alexandre Plennevaux
LAb[au]

http://www.lab-au.com

[jQuery] Re: blockUI 2.02 error ?

[Mike Alsup]

>  strange, i'm using Firefox 2.0.0.13 on windows xp SP2.

Well that's odd.  Can you post a link?  If not, can you debug and see
why it's getting to that line?

[jQuery] Re: $(window).bind("load",function(){ vs onready

[Mika Tuupola]

On Apr 8, 2008, at 6:30 AM, coughlinsmyalias wrote:


I have heard about loading them at the end of the page, I would love
to see statistics on it as well. I understand this all now, I kept
seeing both and I was confused each of them.



When possible JavaScript should be loaded in the end of the page.  
Browsers stop rendering while JavaScript file loads. Browsers download  
only one JavaScript file at the time blocking also any new parallel  
downloads of other elements.


Thus when moving all scripts just before closing body tag will make  
page finish rendering sooner.


--
Mika Tuupola
http://www.appelsiini.net/

[jQuery] Re: blockUI 2.02 error ?

[pixeline]

hello Mike,

strange, i'm using Firefox 2.0.0.13 on windows xp SP2.



On 8 avr, 15:20, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> >  i'm trying to use blockUI v 2.02, but i get this error message:
>
> >  Erreur : s.setExpression is not a function
> >  Fichier source :
> >  http://localhost/lab-au.com/dev/_js/jquery_plugins/blockUI/2.02/jquer...
> >  Ligne : 163
>
> What browser are you using Alex?  That code should only execute in IE
> and should never be undefined in that browser.

[jQuery] Re: blockUI 2.02 error ?

[Mike Alsup]

>  i'm trying to use blockUI v 2.02, but i get this error message:
>
>  Erreur : s.setExpression is not a function
>  Fichier source :
>  
> http://localhost/lab-au.com/dev/_js/jquery_plugins/blockUI/2.02/jquery.blockUI.js
>  Ligne : 163

What browser are you using Alex?  That code should only execute in IE
and should never be undefined in that browser.

[jQuery] Is unbind() necessary if you use remove()?

[tlphipps]

I have some pages where I'm adding elements, then attaching click
event handlers to them.  Later on (based on user interaction), those
elements are being removed from the page.

Is there any benefit to calling unbind('click') on those elements
before I remove() them?  Or does remove() effectively remove that
click handler from memory as well?

[jQuery] blockUI 2.02 error ?

[Alexandre Plennevaux]

Hello!

i'm trying to use blockUI v 2.02, but i get this error message:

Erreur : s.setExpression is not a function
Fichier source :
http://localhost/lab-au.com/dev/_js/jquery_plugins/blockUI/2.02/jquery.blockUI.js
Ligne : 163


this is how i call blockUI

$(document).ready(function(){


// lots of code
//
// BLOCKUI INI
$.blockUI.defaults.message = "Please be patient...";
$().ajaxStart($.blockUI).ajaxStop($.unblockUI);

});



Any idea what is wrong?

-- 
Alexandre Plennevaux
LAb[au]

http://www.lab-au.com

[jQuery] UI Tabk issue in Vista + Firefox 2.0 and 2.0.0.7 version

[WrVishnu]

Hi

jquery UI tabs is not displaying properly in Windows Vista with
firefox browser version 2.0 or 2.0.0.7

Tabs are displaying as list instead for displaying as tab, it works
fine latest version FF and IE7

Can anyone help pls

[jQuery] Re: Select Tab Programatically

[Mic]

Yes, I am using UI Tabs.



On Apr 8, 4:34 am, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> Do you use UI Tabs?
>
> On Apr 8, 12:37 am, Mic <[EMAIL PROTECTED]> wrote:
>
> > Hi,
>
> > I am a newby to jQuery and have a problem I can not figure out. I want
> > to be able to select a tab thru a link. In other words when a user
> > selects a link from a main menu, I want the corresponding tab to be
> > automatically selected. Suppose I have a menu with five options. If
> > the user selects the third menu option I would like to have the third
> > tab selected when the form loads. How is this done.
> > Thanks in advance for your time and patience.
>
> > Mic

[jQuery] Possible Bug?

[McIntozh]

Hi together,

I use jQuery for my daily work. Today I encountered a strange problem:
If I write a list of OPTIONS into a SELECT box by using JavaScript
this works fine in Firefox either with jQuery and also without. But
when the list of options starts with a html-comment jQuery removes all
the options and only displays the text.
I've tested it in Firefox (wich has problems), Opera (works fine),
Konqueror (works fine), IE6 (has more problems).
I've uploaded an example at:
http://www.schwarzdennis.de/tmp/jQuery_test1.html

Is it a bug of jQuery or a bug of the Browsers or is it not allowed to
put comments before OPTIONS?

Greets
Dennis

[jQuery] Re: unresponsive script error on long page with many clueTips

[az]

Thanks for the explanation, Karl.  That makes a lot of sense.

Your chunking solution does seem to prevent the unresponsive
script errors when the page is loading.  However, I still get them
when I navigate away from the page -- I assume jquery is unbinding
all of the cluetips.

For that reason and to reduce overhead I will probably switch to
inline calls to a javascript function that will generate the cluetip.
But I'm happy to have the setTimeout trick in my arsenal, I'm sure
it will come in handy.

thanks again!
az


On Apr 2, 4:11 pm, "Karl Rudd" <[EMAIL PROTECTED]> wrote:
> JavaScript in browsers is "single-threaded" (and thank goodness for
> that). So when JavaScript is running (in most browsers) everything
> else is queuing up. When you break the code into chunks, via
> setTimeout, you are (essentially) "yielding" control back to the main
> event loop periodically, so it has time to "breath" and clear it
> various queues.
>
> Karl Rudd
>
> On Wed, Apr 2, 2008 at 8:04 PM, az <[EMAIL PROTECTED]> wrote:
>
> >  Thanks to both Karls for your help!
>
> >  I'll definitely try out the chunking method.  Since I'd like to
> >  understand what I'm implementing, can you briefly explain why this way
> >  is better?
>
> >  thanks,
> >  az
>
> >  On Apr 1, 4:59 pm, "Karl Rudd" <[EMAIL PROTECTED]> wrote:
> >  > You can initialise the tips in "chunks".
>
> >  > Instead of doing something like this:
>
> >  >   $('a.tip').cluetip();
>
> >  > Do something like this:
>
> >  > $('a.tip').each(function() {
> >  >   var t = $(this);
> >  >   setTimeout( function() { t.cluetip(); }, 10 );
>
> >  > })
>
> >  > You'll still have a bit of a CPU usage spike but it shouldn't totally
> >  > freeze the browser or bring up the "Running too long" type warnings.
>
> >  > Karl Rudd
>
> > > On Tue, Apr 1, 2008 at 12:38 PM, az <[EMAIL PROTECTED]> wrote:
>
> >  > >  Hello,
>
> >  > >  I have a dynamically generated page that can be long or short.
> >  > >  Everything is fine when it's short, but when it gets to be *very*
> >  > >  long, it gives unresponsive script errors.
>
> >  > >  I believe this is because each entry on the page contains 3clueTip
> >  > >  links.  If I have a thousand entries, that's 3,000 clueTips to bind
> >  > >  and possibly keep in memory and then unbind when the user leaves the
> >  > >  page.  That's a lot!
>
> >  > >  Any suggestions on how to prevent these errors?
>
> >  > >  My only thought is that instead of using jquery to bind the clueTips
> >  > >  at page load, I can do things the old-fashioned way and trigger the
> >  > >  clueTipby linking to a javascript function.
> >  > >  Something like:
> >  > >  link
>
> >  > >  Will that work?
>
> >  > >  thanks,
> >  > >  az

[jQuery] Browsers incompatibility

[yazid]

I had made a function using Jquery to show the servers time but
whereas this works properly on firefox, it didn't on internet
explorer, whats the solution please