[jQuery] $.merge() can be used on object?
I'm trying to do some dynamic drop down with pre-filled array. Option1
would trigger new options in Option2. Option2 would trigger new
options in Option3. (and so on...)
In matchOptions(), I would like to use $.merge to add matched items
without duplication. But it seems that it cannot be done. So I guess I
cannot use $.merge for object?
HTML:
select class=option1/select
select class=option2/select
select class=option3/select
Scripts (sorry it's a bit long):
var os = [ //options available
{f1:{value:0,label:A1}, f2:{value:0,label:B1},
f3:{value:0,label:C1}},
{f1:{value:0,label:A1}, f2:{value:0,label:B1},
f3:{value:1,label:C2}},
{f1:{value:0,label:A1}, f2:{value:1,label:B2},
f3:{value:2,label:C3}},
{f1:{value:1,label:A2}, f2:{value:2,label:B3},
f3:{value:3,label:C4}},
{f1:{value:1,label:A2}, f2:{value:3,label:B4},
f3:{value:4,label:C5}},
{f1:{value:1,label:A2}, f2:{value:3,label:B4},
f3:{value:5,label:C6}},
{f1:{value:2,label:A3}, f2:{value:4,label:B5},
f3:{value:6,label:C7}},
{f1:{value:2,label:A3}, f2:{value:5,label:B6},
f3:{value:7,label:C8}}
];
$(document).ready(function(){
$([EMAIL PROTECTED]).dynSelect({os:os});
});
//Plugins
jQuery.fn.dynSelect = function(s){
var o = { f:f, v:value, l:label, emptyMsg:Please select...,
os:[]};
if(s) jQuery.extend(o,s);
o.className = jQuery(this).get(0).className.replace(/\d+$/,);
this
.each(function(i){
jQuery.dynSelect.fillOptions(this,o);
})
.change(function(){
var index = jQuery([EMAIL
PROTECTED]+o.className+]).index(this);
jQuery([EMAIL
PROTECTED]+o.className+]:gt(+index+)).each(function(){
jQuery.dynSelect.fillOptions(this,o);
});
});
}
jQuery.dynSelect = {
fillOptions: function(obj,o){
var num = obj.className.replace(o.className,);
obj.options.length = 1;
obj.options[0] = new Option(o.emptyMsg,null);
jQuery(this.matchOptions(num,o)).each(function(i){
obj.options[i+1] = new Option(this[o.l],this[o.v]);
});
},
matchOptions: function(num,o){
var match = [];
//try to match, e.g. option3 would match by option1 and option2
jQuery.each(o.os,function(i){
var j = eval(num);
var isMatch = true;
while(--j0){
if(jQuery(select.+o.className+j).val()!=this[o.f+j][o.v]){
isMatch = false;
break;
}
}
if(isMatch){
match = jQuery.merge(match,[this[o.f+num]]);
}
});
return match;
}
}
--
Best Regards,
Jacky
http://jacky.seezone.net
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Interface Elements Autocomplete plugin problems...
Rich Manalang wrote: Hi. I just started using the Interface Elements Autocomplete plugin (http://interface.eyecon.ro/docs/autocomplete) for a web app I support. It works great on IE/Firefox (win) under most circumstances. However, on Firefox, when document.domain is set, it fails to work. I tried debugging it using Firebug, but it wasn't throwing any errors. Just wondering if anyone's had this problem before. Unfortunately, I can't remove the document.domain setting... it's part of the web app and I have no control over that. Rich ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ One question: The page that has the autocompleter is on the same domain as the XML source? ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] .each backwards ?
From: Dossy Shiobara
I'm surprised there's no .reverse(). i.e.:
$(collection).reverse().each(...)
Great idea!
How about the world's smallest plugin:
jQuery.fn.reverse = [].reverse;
Try it out at http://jquery.com/ by entering these lines into the FireBug
console:
jQuery.fn.reverse = [].reverse;
$('h3').each( function() { console.info( this.innerHTML ); } );
$('h3').reverse().each( function() { console.info( this.innerHTML ); } );
Just for fun, you can add .sort():
jQuery.fn.sort = [].sort;
And then try this:
$('h3').sort( function( a, b ) {
var a = a.innerHTML, b = b.innerHTML;
return a b ? 1 : a b ? -1 : 0
}).each( function() { console.info( this.innerHTML ); } );
Or all on one line for the FireBug console:
$('h3').sort( function( a, b ) { var a = a.innerHTML, b = b.innerHTML;
return a b ? 1 : a b ? -1 : 0 } ).each( function() { console.info(
this.innerHTML ); } );
It looks like you can add pretty much any Array method this way, although
most of the others duplicate what you can do in other ways. For example:
jQuery.fn.shift = [].shift;
And then try:
$h3 = $('h3')
$h3
$h3.shift()
$h3
$h3.shift()
$h3
Armed with this knowledge, one might be tempted to load all the Array
methods in one fell swoop:
jQuery.fn.prototype = Array.prototype;
But that does not work, presumably because jQuery is already being a bit
sneaky about its Array-like behavior.
-Mike
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
[jQuery] New plugin: sparkline
Hi all, I've released a new plugin: sparkline. A sparkline is an inline graphic (http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001ORtopic_id=1). I borrowed the idea (and most of the code) from the TiddlyWiki project, a very good one-page wiki (http://www.tiddlywiki.com). Thanks to Jeremy Ruston for his work and his permission. Here is the link to the test page: http://fmarcia.info/jquery/sparkline/sparkline.html It's tested successfully on Windows XP with FF1.5.07, IE5.5, IE6, IE7RC1 and Opera 9.02. However, even if it works fine with FF on Linux, it doesn't behave correctly with Konqueror. I assume it's the same with Safari... As usual, any comment appreciated. Cheers, Franck. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] .each backwards ?
Thanks for the Idea. This works
jQuery.fn.reverse = function() {
this.pushStack(this.get().reverse());
return this;
}
a long that thread a lot more resorting function may be useful.
--
View this message in context:
http://www.nabble.com/.each-backwards---tf2399145.html#a6693603
Sent from the JQuery mailing list archive at Nabble.com.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] .each backwards ?
kenton.simpson schrieb:
Thanks for the Idea. This works
jQuery.fn.reverse = function() {
this.pushStack(this.get().reverse());
return this;
}
Nice. That is a better approach then just doing jQuery.fn.reverse =
[].reverse.
-- Jörn
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Cheat Sheet?
On Oct 6, 2006, at 11:41 PM, Rey Bango wrote: I recall a JQuery cheat sheet floating around. Anyone have the link to that? Hi Rey, They came from Nilesh Patel. PDF http://www.define-web.com/jquery_cheat_sheet/ jquery_cheat_sheet_080306_v1.pdf http://www.define-web.com/jquery_cheat_sheet/ jquery_cheat_sheet_080306_v1_pg2.pdf PNG http://www.define-web.com/jquery_cheat_sheet/ jquery_cheat_sheet_080306_v1.png http://www.define-web.com/jquery_cheat_sheet/ jquery_cheat_sheet_080306_v1_pg2.png Cheers, Karl ___ Karl Swedberg www.englishrules.com www.learningjquery.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery and Prototype
Jan Rosa schrieb: Hello, I think there i no need to replace $ in next release. You can employ server searchreplace Look at example: http://www.freshconcept.cz/uschovna/jQueryIsolate.phps then you use: script type=text/javascript src=...pathto/jQueryIsolate.php?js=jquery-latest.js,pause.js,hovertip.js/script Interesting. But I'd consider that only a workaround, not a solution. -- Jörn ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New plugin: sparkline
On Oct 7, 2006, at 6:56 AM, Franck Marcia wrote: I've released a new plugin: sparkline. A sparkline is an inline graphic (http://www.edwardtufte.com/bboard/q-and-a-fetch-msg? msg_id=0001ORtopic_id=1). I borrowed the idea (and most of the code) from the TiddlyWiki project, a very good one-page wiki (http://www.tiddlywiki.com). Thanks to Jeremy Ruston for his work and his permission. Here is the link to the test page: http://fmarcia.info/jquery/sparkline/sparkline.html It's tested successfully on Windows XP with FF1.5.07, IE5.5, IE6, IE7RC1 and Opera 9.02. However, even if it works fine with FF on Linux, it doesn't behave correctly with Konqueror. I assume it's the same with Safari... Cool plugin! Looks good to me in Safari. Cheers, Karl ___ Karl Swedberg www.englishrules.com www.learningjquery.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] .each backwards ?
jQuery.fn.reverse = function() {
this.pushStack(this.get().reverse());
return this;
}
Huh, at first I though that that code would infinitely recurse, I
totally forgot that .get() returns a clean array of elements - good
call! Just a quick simplification:
jQuery.fn.reverse = function() {
return this.pushStack(this.get().reverse(), arguments);
};
going through the other functions, you can easily do .sort() and the
other functions too:
jQuery.fn.sort = function() {
return this.pushStack( [].sort.apply( this, arguments ), []);
};
// These don't quite work correctly - but making them work correctly would
// break jQuery (having duplicate instances of an element)
jQuery.fn.push = jQuery.fn.add;
jQuery.fn.unshift = jQuery.fn.unshift;
jQuery.fn.slice = function() {
return this.pushStack( [].slice.apply( this, arguments ), arguments );
};
jQuery.fn.pop = function(fn){
return this.slice( 0, -1, fn );
};
jQuery.fn.shift = function(fn){
return this.slice( 1, this.length, fn );
};
I can definitely see .sort() and .reverse() being useful - along with
a better version of slice, but push, pop, shift, unshift are all kind
of lame (IMO).
--John
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] New plugin: sparkline
Back in the day I wrote some sparkline code myself: http://ejohn.org/apps/jspark/ This particular one uses the Canvas element (giving it a nice antialias). My code looks kind of scary, in retrospect, but it seems like it wouldn't be too bad to give it a jQuery facelift. Franck - Doing a quick check to see if the user is using IE, or not, you could be able to use the Canvas element no problem. --John On 10/7/06, Franck Marcia [EMAIL PROTECTED] wrote: Hi all, I've released a new plugin: sparkline. A sparkline is an inline graphic (http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001ORtopic_id=1). I borrowed the idea (and most of the code) from the TiddlyWiki project, a very good one-page wiki (http://www.tiddlywiki.com). Thanks to Jeremy Ruston for his work and his permission. Here is the link to the test page: http://fmarcia.info/jquery/sparkline/sparkline.html It's tested successfully on Windows XP with FF1.5.07, IE5.5, IE6, IE7RC1 and Opera 9.02. However, even if it works fine with FF on Linux, it doesn't behave correctly with Konqueror. I assume it's the same with Safari... As usual, any comment appreciated. Cheers, Franck. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- John Resig http://ejohn.org/ [EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Cheat Sheet?
Awesome! Thanks Karl! Karl Swedberg wrote: On Oct 6, 2006, at 11:41 PM, Rey Bango wrote: I recall a JQuery cheat sheet floating around. Anyone have the link to that? Hi Rey, They came from Nilesh Patel. PDF http://www.define-web.com/jquery_cheat_sheet/ jquery_cheat_sheet_080306_v1.pdf http://www.define-web.com/jquery_cheat_sheet/ jquery_cheat_sheet_080306_v1_pg2.pdf PNG http://www.define-web.com/jquery_cheat_sheet/ jquery_cheat_sheet_080306_v1.png http://www.define-web.com/jquery_cheat_sheet/ jquery_cheat_sheet_080306_v1_pg2.png Cheers, Karl ___ Karl Swedberg www.englishrules.com www.learningjquery.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] .each backwards ?
I agree, do you think .sort() and .reverse() could be added to core jQuery object in the future, or should I just add a plugin. -- View this message in context: http://www.nabble.com/.each-backwards---tf2399145.html#a6694292 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ScrollTo FX with a IFRAME
I still could use some help with this guys - does anyone know how I would call the ScrollTo plugin from one page to another? Thanks - AR zelda2 wrote: I?ve been trying to figure this out for days and no luck. I?m trying to use the ScrollTo (Interface) plugin to control the scrolling behavior of a page that exists within an IFRAME. An example would be that my home page (home.html) has a navigation menu. Those menu links point to a page inside of an iframe (inside.html), which have anchors separating the different content areas. Is there any way to have the ScrollTo plugin work across 2 pages, specifically and iframe? Thanks in advance for you help ? AR -- View this message in context: http://www.nabble.com/ScrollTo-FX-with-a-IFRAME-tf2367205.html#a6694893 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Forms and the fx module
My site was down ... but it is back up now ... sorry about that. I seem to be having issues with Mongrel and/or Typo :/ BTW ... you can just grab the full jQuery revision 404 with the patch from here: http://brandonaaron.net/jquery/opacity/jquery.opacitypatch.js to make sure it works for you before trying to apply the patch to your own. -- Brandon Aaron On 10/6/06, Brandon Aaron [EMAIL PROTECTED] wrote: I take that back ... neither of those patches are going to work. This new patch should fix everything dealing with opacity and IE. I was running around in circles through that fx code for forever to figure all of it out. Bug report: http://jquery.com/dev/bugs/bug/204/ New patch against revision 404: http://brandonaaron.net/jquery/opacity/opacity.diff Example/Test: http://brandonaaron.net/jquery/opacity/opacity.html Broken, unpatched revision 396: http://brandonaaron.net/jquery/opacity/opacity.broken.html Brandon Aaron On 10/6/06, Brandon Aaron [EMAIL PROTECTED] wrote: Please use the patch in the comments as it will work. The first patch (in the yellow) is the first but doesn't patch everything. The second patch will fix what you need. I'm actually working on a better one right now and might have something ready within the hour. -- Brandon Aaron On 10/6/06, Kolak Roy M. [EMAIL PROTECTED] wrote: Brandon, I applied your patch to the uncompressed jquery.js file. I added the appropriate lines and removed the marked lines. I only applied the top patch (the patch in the yellow box) to the jquery.js file. For each situation, I used the .show and .hide functions of the fx module. The results were not as expected… FireFox (1.5.0.7)- Text and forms are displayed/hidden correctly IE (6.0.29…)- Text Only – showing and hiding works the first time. If I try to perform these tasks again, I can see the div tag expand, but no text is displayed. Form Only – The form is either visible or not, no transition is used. Performed successfully many times Form and Text – The transition is applied to the text, but not the form. Performed many times, received same results ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Forms and the fx module
am i the only one that read that as revision not found?... anyways, great job! On 10/7/06, Brandon Aaron [EMAIL PROTECTED] wrote: My site was down ... but it is back up now ... sorry about that. I seem to be having issues with Mongrel and/or Typo :/ BTW ... you can just grab the full jQuery revision 404 with the patch from here: http://brandonaaron.net/jquery/opacity/jquery.opacitypatch.js to make sure it works for you before trying to apply the patch to your own. -- Brandon Aaron On 10/6/06, Brandon Aaron [EMAIL PROTECTED] wrote: I take that back ... neither of those patches are going to work. This new patch should fix everything dealing with opacity and IE. I was running around in circles through that fx code for forever to figure all of it out. Bug report: http://jquery.com/dev/bugs/bug/204/ New patch against revision 404: http://brandonaaron.net/jquery/opacity/opacity.diff Example/Test: http://brandonaaron.net/jquery/opacity/opacity.html Broken, unpatched revision 396: http://brandonaaron.net/jquery/opacity/opacity.broken.html Brandon Aaron On 10/6/06, Brandon Aaron [EMAIL PROTECTED] wrote: Please use the patch in the comments as it will work. The first patch (in the yellow) is the first but doesn't patch everything. The second patch will fix what you need. I'm actually working on a better one right now and might have something ready within the hour. -- Brandon Aaron On 10/6/06, Kolak Roy M. [EMAIL PROTECTED] wrote: Brandon, I applied your patch to the uncompressed jquery.js file. I added the appropriate lines and removed the marked lines. I only applied the top patch (the patch in the yellow box) to the jquery.js file. For each situation, I used the .show and .hide functions of the fx module. The results were not as expected… FireFox (1.5.0.7)- Text and forms are displayed/hidden correctly IE (6.0.29…)- Text Only – showing and hiding works the first time. If I try to perform these tasks again, I can see the div tag expand, but no text is displayed. Form Only – The form is either visible or not, no transition is used. Performed successfully many times Form and Text – The transition is applied to the text, but not the form. Performed many times, received same results ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New plugin: sparkline
@ Karl: thank you for the info. @ John: I will take a look at canvas; I missed your implementation but now, I will certainly borrow some parts ;-) Cheers, Franck. 2006/10/7, John Resig [EMAIL PROTECTED]: Back in the day I wrote some sparkline code myself: http://ejohn.org/apps/jspark/ This particular one uses the Canvas element (giving it a nice antialias). My code looks kind of scary, in retrospect, but it seems like it wouldn't be too bad to give it a jQuery facelift. Franck - Doing a quick check to see if the user is using IE, or not, you could be able to use the Canvas element no problem. --John On 10/7/06, Franck Marcia [EMAIL PROTECTED] wrote: Hi all, I've released a new plugin: sparkline. A sparkline is an inline graphic (http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001ORtopic_id=1). I borrowed the idea (and most of the code) from the TiddlyWiki project, a very good one-page wiki (http://www.tiddlywiki.com). Thanks to Jeremy Ruston for his work and his permission. Here is the link to the test page: http://fmarcia.info/jquery/sparkline/sparkline.html It's tested successfully on Windows XP with FF1.5.07, IE5.5, IE6, IE7RC1 and Opera 9.02. However, even if it works fine with FF on Linux, it doesn't behave correctly with Konqueror. I assume it's the same with Safari... As usual, any comment appreciated. Cheers, Franck. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- John Resig http://ejohn.org/ [EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] .each backwards ?
jQuery.fn.reverse = function() {
this.pushStack(this.get().reverse());
return this;
}
Nice. That is a better approach then just doing
jQuery.fn.reverse = [].reverse.
I'm curious, what is the advantage of one approach over the other?
-Mike
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] .each backwards ?
On 10/7/06, Michael Geary [EMAIL PROTECTED] wrote:
jQuery.fn.reverse = function() {
this.pushStack(this.get().reverse());
return this;
}
Nice. That is a better approach then just doing
jQuery.fn.reverse = [].reverse.
I'm curious, what is the advantage of one approach over the other?
Since the first once uses jQuery's nice pushStack method, you can now
do (in a silly example):
$(div)
.reverse()
.addClass(test)
.end()
.find(p)
or even:
$(div).reverse(function(){
alert(All the divs, in reverse: + this);
});
--John
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] search for id with '/' character
I'm curious: Why is everybody trying to fix the selector problem,
rather than pointing out the ID is invalid in the first place?
Dexter: Get rid of the slash altogether. Problem solved.
You might be able to work around this with the various suggestions
others have made, but if your document isn't valid before you start
applying scripting, you've leaving the door open for future problems.
[EMAIL PROTECTED] wrote:
Hi,
if I have a form like
form
input type=text value=test id=content/mytest/
/form
How can I get the value for the input text field using jquery?
I tried
script type=text/javascript
$(document).ready(function(){
var a = $([EMAIL PROTECTED]'content/mytest']);
alert(a.val());
});
/script
but it does not work. Thanks
___
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] .each backwards ?
Oops, I meant to make that: jQuery.fn.unshift = jQuery.fn.add; The issue is, however, that fundamentally .push() or .unshift() won't work as expected, since adding an item to a jQuery object isn't like adding a item to a normal array. The jQuery object is more like a 'Set' than it is a true 'Array'. --John On 10/7/06, Jörn Zaefferer [EMAIL PROTECTED] wrote: Hi John! jQuery.fn.unshift = jQuery.fn.unshift; What is that supposed to do? -- Jörn ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- John Resig http://ejohn.org/ [EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] .each backwards ?
I agree, do you think .sort() and .reverse() could be added to core jQuery object in the future, or should I just add a plugin. Sort, reverse, and splice are definitely possible - maybe for the 1.1 release. --John ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New plugin: sparkline
I am a total sucker for images without files! I really like the use of a tiny inline image with different bg colors. I experimented with inline images in an atom feed... it didn't work for all feed readers! I also like the canvas method that John used, I look forward to your merged version! On 10/7/06, Franck Marcia [EMAIL PROTECTED] wrote: @ Karl: thank you for the info. @ John: I will take a look at canvas; I missed your implementation but now, I will certainly borrow some parts ;-) Cheers, Franck. 2006/10/7, John Resig [EMAIL PROTECTED]: Back in the day I wrote some sparkline code myself: http://ejohn.org/apps/jspark/ This particular one uses the Canvas element (giving it a nice antialias). My code looks kind of scary, in retrospect, but it seems like it wouldn't be too bad to give it a jQuery facelift. Franck - Doing a quick check to see if the user is using IE, or not, you could be able to use the Canvas element no problem. --John On 10/7/06, Franck Marcia [EMAIL PROTECTED] wrote: Hi all, I've released a new plugin: sparkline. A sparkline is an inline graphic (http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001ORtopic_id=1). I borrowed the idea (and most of the code) from the TiddlyWiki project, a very good one-page wiki (http://www.tiddlywiki.com). Thanks to Jeremy Ruston for his work and his permission. Here is the link to the test page: http://fmarcia.info/jquery/sparkline/sparkline.html It's tested successfully on Windows XP with FF1.5.07, IE5.5, IE6, IE7RC1 and Opera 9.02. However, even if it works fine with FF on Linux, it doesn't behave correctly with Konqueror. I assume it's the same with Safari... As usual, any comment appreciated. Cheers, Franck. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- John Resig http://ejohn.org/ [EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] downloading plugins?
Todd, Just tack ?format=txt on to the end of the url. For example, http://jquery.com/dev/svn/plugins/form/form.js?format=txt Mike ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] search for id with '/' character
Ah. Blame someone else. I see *grin* It /is/ convenient that jQ can deal with this; I just found it strange no one had at least pointed it out. Workarounds are nice, but the *real* problem is that the HTML is just wrong, and that should be addressed first, if at all possible. Ⓙⓐⓚⓔ wrote: I wondered the same thing,,, I wouldn't have slashes in my ids... but he is working with others who have disregarded standards... It's nice that JQ can handle messy htmls, instead of just well formed xhtml. I bet xsl would just plotz! ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] downloading plugins?
Awesome, thanks so much!On 10/7/06, Mike Alsup [EMAIL PROTECTED] wrote: Todd,Just tack ?format=txt on to the end of the url.For example,http://jquery.com/dev/svn/plugins/form/form.js?format=txt Mike___jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Performance question
Saw you had no responses so here's a couple of suggestions... An easy performance booster is to use the second param in $() to set a context for the search. Eg: $(DIV.myClass, myParentElement). Perhaps this is what you meant when you mentioned 'getting a parent element' ? Chaining methods is helpful so you can avoid re-querying. If you need to put other code in betwen method calls then reusing the same JQuery object by putting it into a variable beforehand is worth while to save requerying. If you're going to do several queries inside the same parent element(s) then a combination of the above will be a big help. Not sure what experience you have. You may have already tried these approaches. Worth a try if not. Someone more involved in the development may be able to offer some more in depth performance tips. Cheers George Raziel Alvarez wrote: Hi. I'm building a highly dynamic application based using jQuery extensively. I have a set of templates with predefined markup, which is retrieved and modified using jQuery CSS queries. However, as the markup size increases the queries are becoming considerably slow. I've tested some different ways of rewriting my queries (retrieving the elements by id, searching by name or any other attribute under a specific context, getting a parent element and traversing the DOM using operations like children(), etc.) but I haven't discovered a best practice so I can improve the performance consistently. I also tried to use XPath queries, but they actually didn't work (even the simplest ones) and I think they're built as CSS queries anyway. Can anybody point me in the right direction to write performant code with jQuery? I know it depends on my markup and other factors, but I wonder if there's a set of best practices in order to get the most of the library. Thanks, ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Performance-question-tf2398816.html#a6697355 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Drop down menu
Hi, I am trying to make a drop down menu. I have half of it but I need a sub
menu off to the left. I am using this jquery code.
$(document).ready(function(){
$(#nav-one li).hover(
function(){ $(ul, this).fadeIn(slow); },
function() { }
);
if (document.all) {
$(#nav-one li).hoverClass (sfHover);
}
$(#subnav li).hover(
function(){ $(ul, this).fadeIn(slow); },
function() { }
);
if (document.all) {
$(#subnav li).hoverClass (sfHover);
}
});
$.fn.hoverClass = function(c) {
return this.each(function(){
$(this).hover(
function() { $(this).addClass(c); },
function() { $(this).removeClass(c); }
);
});
};
Here is the page it is one.
http://www.tjshafer.com/cortek/
Any ideas?
Thanks, TJ
http://www.tjshafer.com/cortek/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Interface Elements Autocomplete plugin
Yep... the page that has the autocompleter is on the same domain as the XML source. Rich ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Performance question
On Oct 7, 2006, at 3:39 PM, George Adamson wrote:
An easy performance booster is to use the second param in $() to set a
context for the search. Eg: $(DIV.myClass, myParentElement).
Perhaps this
is what you meant when you mentioned 'getting a parent element' ?
Chaining methods is helpful so you can avoid re-querying. If you
need to put
other code in betwen method calls then reusing the same JQuery
object by
putting it into a variable beforehand is worth while to save
requerying.
If you're going to do several queries inside the same parent element
(s) then
a combination of the above will be a big help.
Those sound like good suggestions to me, though I'm no expert.
Something I try to keep in mind is the relative speed of different
types of queries. This has been mentioned on the list before, but in
case you didn't see it, references to IDs are fastest, followed by
elements, and then classes. At least, that's how I've understood
previous discussions of the topic. So:
a. $('#my-id') is faster than $('div#my-id'), and
b. $('div.my-class') is faster than $('.my-class')
Hop that helps.
Karl
___
Karl Swedberg
www.englishrules.com
www.learningjquery.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
[jQuery] Broken Build
Hi folks, the current build script seems to be broken: Only the ajax part of the complete jQuery file is parsed, resulting in a lite version with only ajax docs removed and api docs and tests with only ajax docs/tests. Doing some diff debugging by comparing revisions of the files involved (build.xml, build/js/parse.js etc.) didn't reveal anything. Any ideas? Is this working with the makefile? -- Jörn ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New plugin: sparkline
2006/10/7, John Resig [EMAIL PROTECTED]: Franck - Doing a quick check to see if the user is using IE, or not, you could be able to use the Canvas element no problem. OK, I did it. Same address: http://fmarcia.info/jquery/sparkline/sparkline.html However, just one color in this case as it doesn't make sense, imo. And there's a problem with the position of the canvas element I can solve for the moment. I set the background of the container, a span element, to black to see it. (any idea?) Cheers, Franck. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] jquery update causes js error
Hi all, New to jquery and list, but I looked through the archives and didn't see anything that help. I have a page that is working under jquery.js /* Built Fri May 12 13:01:23 2006 */ * $Rev: 29 $ but I upgraded to jquery-latest.js and todays jquery-svn.js and both of these give me an error when the page loads: c[j] has no properties jquery-svn-200610... (line 963) which is event: handle: function I have no clue about this. I am using a couple of bind calls the page is accessible at: http://imaptools.com:8081/maps/demo2.html the working page on the old version is at: http://imaptools.com:8081/maps/demo.html Any ideas or help would be appreciated. -Steve ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Performance question
Would caching the jQuery object a help too? Sometimes you just can't
keep the chain.
e.g. var jqObj = $(#abc);
On 10/8/06, Karl Swedberg [EMAIL PROTECTED] wrote:
On Oct 7, 2006, at 3:39 PM, George Adamson wrote:
An easy performance booster is to use the second param in $() to set a
context for the search. Eg: $(DIV.myClass, myParentElement).
Perhaps this
is what you meant when you mentioned 'getting a parent element' ?
Chaining methods is helpful so you can avoid re-querying. If you
need to put
other code in betwen method calls then reusing the same JQuery
object by
putting it into a variable beforehand is worth while to save
requerying.
If you're going to do several queries inside the same parent element
(s) then
a combination of the above will be a big help.
Those sound like good suggestions to me, though I'm no expert.
Something I try to keep in mind is the relative speed of different
types of queries. This has been mentioned on the list before, but in
case you didn't see it, references to IDs are fastest, followed by
elements, and then classes. At least, that's how I've understood
previous discussions of the topic. So:
a. $('#my-id') is faster than $('div#my-id'), and
b. $('div.my-class') is faster than $('.my-class')
Hop that helps.
Karl
___
Karl Swedberg
www.englishrules.com
www.learningjquery.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
Best Regards,
Jacky
網絡暴民 http://jacky.seezone.net
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Broken Build
I just did a new checkout and did a make pack and everything seems to be okay. I ran a few of my example pages with it and didn't get any errors. -- Brandon Aaron On 10/7/06, Jörn Zaefferer [EMAIL PROTECTED] wrote: Hi folks, the current build script seems to be broken: Only the ajax part of the complete jQuery file is parsed, resulting in a lite version with only ajax docs removed and api docs and tests with only ajax docs/tests. Doing some diff debugging by comparing revisions of the files involved (build.xml, build/js/parse.js etc.) didn't reveal anything. Any ideas? Is this working with the makefile? -- Jörn ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Performance question
yes, that would help quite a bit, since jquery would only need to look once.
On 10/7/06, Jacky [EMAIL PROTECTED] wrote:
Would caching the jQuery object a help too? Sometimes you just can't
keep the chain.
e.g. var jqObj = $(#abc);
On 10/8/06, Karl Swedberg [EMAIL PROTECTED] wrote:
On Oct 7, 2006, at 3:39 PM, George Adamson wrote:
An easy performance booster is to use the second param in $() to set a
context for the search. Eg: $(DIV.myClass, myParentElement).
Perhaps this
is what you meant when you mentioned 'getting a parent element' ?
Chaining methods is helpful so you can avoid re-querying. If you
need to put
other code in betwen method calls then reusing the same JQuery
object by
putting it into a variable beforehand is worth while to save
requerying.
If you're going to do several queries inside the same parent element
(s) then
a combination of the above will be a big help.
Those sound like good suggestions to me, though I'm no expert.
Something I try to keep in mind is the relative speed of different
types of queries. This has been mentioned on the list before, but in
case you didn't see it, references to IDs are fastest, followed by
elements, and then classes. At least, that's how I've understood
previous discussions of the topic. So:
a. $('#my-id') is faster than $('div#my-id'), and
b. $('div.my-class') is faster than $('.my-class')
Hop that helps.
Karl
___
Karl Swedberg
www.englishrules.com
www.learningjquery.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
Best Regards,
Jacky
網絡暴民 http://jacky.seezone.net
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Drop down menu
have you seen this one?
http://be.twixt.us/jquery/suckerFish.php
In IE7, the menu items are cut off on yours.
Glen
On 10/7/06, TJ [EMAIL PROTECTED] wrote:
Hi, I am trying to make a drop down menu. I have half of it but I need a sub menu off to the left. I am using this jquery code.
$(document).ready(function(){ $(#nav-one li).hover( function(){ $(ul, this).fadeIn(slow); }, function() { }
); if (document.all) { $(#nav-one li).hoverClass (sfHover); } $(#subnav li).hover(
function(){ $(ul, this).fadeIn(slow); }, function() { } ); if (document.all) { $(#subnav li).hoverClass (sfHover);
} }); $.fn.hoverClass = function(c) { return this.each(function(){ $(this).hover( function() { $(this).addClass(c);},
function() { $(this).removeClass(c); } ); }); };Here is the page it is one.
http://www.tjshafer.com/cortek/Any ideas?Thanks, TJhttp://www.tjshafer.com/cortek/___
jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Drop down menu
A great starting point, but to date Myles has not added beyond the first
level. He does present some excellent work, though, yes?
FWIW , the menu items on TJ's example are cut off on Firefox as well.
I was playing around with this style of menu system this week as well,
using Myles's and a couple others for baseline code (search back through
the mailing list entries reveals several approaches). Here's what I have
thus far:
http://beta.ksscholl.com/jquery/suckerfish.html
Kevin
Glen Lipka wrote:
have you seen this one?
http://be.twixt.us/jquery/suckerFish.php
In IE7, the menu items are cut off on yours.
Glen
On 10/7/06, *TJ* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote:
Hi, I am trying to make a drop down menu. I have half of it but I
need a sub menu off to the left. I am using this jquery code.
$(document).ready(function(){
$(#nav-one li).hover(
function(){ $(ul,
this).fadeIn(slow); },
function() { }
);
if (document.all) {
$(#nav-one li).hoverClass (sfHover);
}
$(#subnav li).hover(
function(){ $(ul,
this).fadeIn(slow); },
function() { }
);
if (document.all) {
$(#subnav li).hoverClass (sfHover);
}
});
$.fn.hoverClass = function(c) {
return this.each(function(){
$(this).hover(
function() {
$(this).addClass(c); },
function() {
$(this).removeClass(c); }
);
});
};
Here is the page it is one.
http://www.tjshafer.com/cortek/
Any ideas?
Thanks, TJ
http://www.tjshafer.com/cortek/
___
jQuery mailing list
discuss@jquery.com mailto:discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Drop down menu
Feel free to use any code you want from mine, too. I haven't completely polished it up yet, but I'll be writing up something about it within the next couple weeks on learningjquery.com, so I'll be making it look a little prettier in the meantime.http://test.learningjquery.com/dropdown.htmCheers,Karl ___Karl Swedbergwww.englishrules.comwww.learningjquery.com On Oct 7, 2006, at 9:42 PM, Glen Lipka wrote:have you seen this one? http://be.twixt.us/jquery/suckerFish.php In IE7, the menu items are cut off on yours. Glen On 10/7/06, TJ [EMAIL PROTECTED] wrote: Hi, I am trying to make a drop down menu. I have half of it but I need a sub menu off to the left. I am using this jquery code. $(document).ready(function(){ $("#nav-one li").hover( function(){ $("ul", this).fadeIn("slow"); }, function() { } ); if (document.all) { $("#nav-one li").hoverClass ("sfHover"); } $("#subnav li").hover( function(){ $("ul", this).fadeIn("slow"); }, function() { } ); if (document.all) { $("#subnav li").hoverClass ("sfHover"); } }); $.fn.hoverClass = function(c) { return this.each(function(){ $(this).hover( function() { $(this).addClass(c); }, function() { $(this).removeClass(c); } ); }); };Here is the page it is one. http://www.tjshafer.com/cortek/Any ideas?Thanks, TJhttp://www.tjshafer.com/cortek/___ jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/___jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ ___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Capturing modifier key events
I've found that I've had to add keydown to both document and body in order to detect ctrl and shift in both ie and ff.\$(document).add(body).keydown( function(e) { var ctrl = e.keyCode == 16 || e.ctrlKey
; var alt = e.keyCode == 18 || e.altKey;});BlairOn 10/5/06, Klaus Hartl [EMAIL PROTECTED]
wrote:Sam Collett schrieb: In IE: e.keyCode returns the same as
e.charCode in Firefox The keys keyCode detects in Firefox are not detected at all in IE (so you cannot prevent copy/paste in text boxes for example)Sam, if you need that, maybe you can use oncopy/onbeforecopy in IE for
that...-- Klaus___jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
