Re: [jQuery] Widget Challenge
Feel free to include what's on http://www.dyve.net/jquery (autocomplete, autohelp, googlemaps, editable). On 9/27/06, Yehuda Katz [EMAIL PROTECTED] wrote: Dojo released a new widget today: a spreadsheet widget. and it ocurred to me that while we don't quite have anything like that yet, there are scattered widgets throughout the jQuerysphere. I figured it'd be nice for us to put together a jQuery widget package that, to the extent possible, mirrors the Dojo widget set. The challenge is this: where there is no existing widget, create it. The holy grail, at this point, would be a replication of their spreadsheet widget or their rich text editor widget. I'd like to put together the widget pack at some point in the next month, and I'll be featuring the widget pack in next month's Magazine. Theere's nothing requiring an exact mirror of the Dojo widgets, so feel free to submit widgets that are not present in Dojo. You can check out what Dojo has currently at http://dojotoolkit.org/ Enjoy! -- Yehuda Katz Web Developer | Wycats Designs (ph) 718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Widget Challenge
Said famous CMS has support for doing precisely that, and in fact uses such support for its own module development. John hinted before that he was looking to go in that direction, which I think would be terrific for all involved. On Wednesday 27 September 2006 01:24, Paul Bakaus wrote: Hi there, as you may know, the jQuery website is going to be updated soon, supported by a famous cms. Maybe it would be good to build in a plugins platform into the page, where every developer can add his plugin, like for example Firefox Plugins, mozdev. etc. What do you think? 2006/9/27, Dylan Verheul [EMAIL PROTECTED]: Feel free to include what's on http://www.dyve.net/jquery (autocomplete, autohelp, googlemaps, editable). On 9/27/06, Yehuda Katz [EMAIL PROTECTED] wrote: Dojo released a new widget today: a spreadsheet widget. and it ocurred to me that while we don't quite have anything like that yet, there are scattered widgets throughout the jQuerysphere. I figured it'd be nice for us to put together a jQuery widget package that, to the extent possible, mirrors the Dojo widget set. The challenge is this: where there is no existing widget, create it. The holy grail, at this point, would be a replication of their spreadsheet widget or their rich text editor widget. I'd like to put together the widget pack at some point in the next month, and I'll be featuring the widget pack in next month's Magazine. Theere's nothing requiring an exact mirror of the Dojo widgets, so feel free to submit widgets that are not present in Dojo. You can check out what Dojo has currently at http://dojotoolkit.org/ Enjoy! -- Yehuda Katz Web Developer | Wycats Designs (ph) 718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Larry Garfield AIM: LOLG42 [EMAIL PROTECTED] ICQ: 6817012 If nature has made any one thing less susceptible than all others of exclusive property, it is the action of the thinking power called an idea, which an individual may exclusively possess as long as he keeps it to himself; but the moment it is divulged, it forces itself into the possession of every one, and the receiver cannot dispossess himself of it. -- Thomas Jefferson ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Widget Challenge
On Wed, 27 Sep 2006, Paul Bakaus wrote: as you may know, the jQuery website is going to be updated soon, supported by a famous cms. Maybe it would be good to build in a plugins platform into the page, where every developer can add his plugin, like for example Firefox Plugins, mozdev. etc. I like the idea. And I've got a few simple plugins I could contribute. Dave ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Spread jQuery Request
Na. I don't smoke. Do you mean articles that link to other articles, or chainables in terms of code, cause I'm not sure the latter is relevent. sunsean wrote: One word, chainables. ~Sean ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Spread-jQuery-Request-tf2333970.html#a6522530 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Spread jQuery Request
Ok. So how is this relevant to spreading jQuery? I hope I'm the only one who's confused. :s Jake-21 wrote: chainable the ability to chain function calls, as in $('#'+parm.id).slideDown(slow,function(){$('#'+parm.id).overflow(auto)}); or var numb = this.onclick.toString().match(/press\((.*)\)/)[1]; it's the dots. On 9/27/06, Dan Atkinson [EMAIL PROTECTED] wrote: Na. I don't smoke. Do you mean articles that link to other articles, or chainables in terms of code, cause I'm not sure the latter is relevent. sunsean wrote: One word, chainables. ~Sean ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Spread-jQuery-Request-tf2333970.html#a6522530 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- - ??? ??? ??? ??? ??? ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Spread-jQuery-Request-tf2333970.html#a6522753 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] jButton released!
Hello guys! I just finished my new plugin and would like to receive some feedback! I wrote a new plugin which can transform an image into a button. Features include: * Toggle button or a default button * You can provide a function or string as the action to take when the button is clicked. In case of a function, the function gets called. In case of a string, the button is wrapped by an href tag and the link is called. * In case of a toggle button, you can preset the state it is in. * The option to create 2 different styles of buttons. You can either create default IMG buttons (which swappes a preloaded image and uses 3 seperate images) or you can use CSS style swapping, which uses 1 image as background, and the backgroundPosition property. You can check out the demo here: http://www.webunity.nl/_test/jquery/jButton/ Waiting for your feedback!! -- Gilles ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Spread jQuery Request
Ah right. Yes. I see now. Unfortunately, as Klaus said, jQuery no longer has this edge as other developers have cottoned on to this. Klaus Hartl wrote: Dan Atkinson schrieb: Ok. So how is this relevant to spreading jQuery? I hope I'm the only one who's confused. :s It was a good concept that wasn't seen in other libraries and makes for short code. By now Prorotype picked up that concept, Mootools has it and maybe other libraries as well..., so I'm not sure if this is still relevant. -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Spread-jQuery-Request-tf2333970.html#a6522985 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jButton released!
Hi,great idea! I did something like this a coupl of weeks before for a touchscreen project, but I couldn't use jQuery (what a pity). This plugin looks like I wanted it to be :)2006/9/27, Webunity | Gilles van den Hoven [EMAIL PROTECTED]:Hello guys!I just finished my new plugin and would like to receive some feedback! I wrote a new plugin which can transform an image into a button.Features include:* Toggle button or a default button* You can provide a function or string as the action to take when thebutton is clicked. In case of a function, the function gets called. In case of a string, the button is wrapped by an href tag and the link iscalled.* In case of a toggle button, you can preset the state it is in.* The option to create 2 different styles of buttons. You can either create default IMG buttons (which swappes a preloaded image and uses 3seperate images) or you can use CSS style swapping, which uses 1 imageas background, and the backgroundPosition property. You can check out the demo here:http://www.webunity.nl/_test/jquery/jButton/Waiting for your feedback!!-- Gilles___ jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/-- Paul Bakaus Web DeveloperHildastr. 3579102 Freiburg ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] New plugin: Extra :selectors such as :focus, :modified, :input, :text
Simple http://www.softwareunity.com/sandbox/JQueryMoreSelectors/ selectors plugin to add more specific query :selectors to JQuery. Adds things like: - $(FORM/*:modified) - To find form elements that have been changed or selected by the user. - $(FORM/*:focus) - To find the element that has the focus. - $(FORM/*:text) - To find texty elements (textarea input type=text). And more. Full list and demo at http://www.softwareunity.com/sandbox/JQueryMoreSelectors/ Note: There have been numerous discussions in the forums about which selectors are more important in Base and which would be confusing etc. This plugin aims to separate the bloat for those who want it! Very sensibly, the Base has been kept uncluttered by keeping out these sort of things. Cheers all, George -- View this message in context: http://www.nabble.com/New-plugin%3A-Extra-%3Aselectors-such-as-%3Afocus%2C-%3Amodified%2C-%3Ainput%2C-%3Atext-tf2343998.html#a6524425 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Tabs plugin: Truly bookmarkable finally
Hi all, there was one thing that always bothered me (and others on my blog) for the tabs plugin: That they weren't truly bookmarkable (only the one to start with). If I remove the return false from the click handler the URL is changed and you get a nice bookmark. Downside is, that the page scrolls to the element that is refered to in the hash of the url, or it scrolls to the top if you would use a hash that has no counterpart in the document. And I didn't want to use undefined hashes anyway for the sake of unobtrusiveness and graceful degradation. So I now save the scrollbars position and set them back to where they were on tab click. Now comes the part I don't quite understand. The technique worked perfectly on tabs with an animation, but didn't for tabs that simply switched. On these you would see the scrollbar move to the top and then back to its old position, resulting in a flicker of the whole page. Simply enough, I therefore use an animation for any tab switch and it was sufficient to make it last one millisecond to avoid the jumping scrollbar (so this isn't remarkable at all and behaves like a simple tab switch). Does anyone here know why that is? Anyway, it works and I think it's a great improvement. See here in action: http://stilbuero.de/jquery/tabs/ I have tested that in Safari and Firefox and Opera so far, in IE I think I simply do not get the right value for the scroll coordinates yet. Maybe someone can give me a hint... Cheers, Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New Selectors plugin: Adds :focus, :modified, :input, :text etc
Simple http://www.softwareunity.com/sandbox/JQueryMoreSelectors/ selectors plugin to add more specific query :selectors to JQuery. Actually :input, :text etc. are already in SVN. But :input doesn't select button elements, I need to add that. :focus and :modified are great additions, good job. -- Jörn -- Der GMX SmartSurfer hilft bis zu 70% Ihrer Onlinekosten zu sparen! Ideal für Modem und ISDN: http://www.gmx.net/de/go/smartsurfer ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Tabs plugin: Truly bookmarkable finally
On Sep 27, 2006, at 7:59 AM, Klaus Hartl wrote: in IE I think I simply do not get the right value for the scroll coordinates yet. Maybe someone can give me a hint... I've been playing around with this for some enhancements to the jTip plugin and have successfully used this code that I borrowed from quirksmode.org and tweaked a bit : if (window.innerHeight) { scroll_position = window.pageYOffset; window_height = window.innerHeight; } else if (document.documentElement document.documentElement.scrollTop) { scroll_position = document.documentElement.scrollTop; window_height = document.documentElement.clientHeight; } else if (document.body) { scroll_position = document.body.scrollTop; window_height = document.body.clientHeight; } I hope this at least points you in the right direction. Cheers, Karl ___ Karl Swedberg www.englishrules.com www.learningjquery.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New Selectors plugin: Adds :focus, :modified, :input, :text etc
They're in the svn? Great. I'll take them out of my plugin in that case. J?rn Zaefferer wrote: Simple http://www.softwareunity.com/sandbox/JQueryMoreSelectors/ selectors plugin to add more specific query :selectors to JQuery. Actually :input, :text etc. are already in SVN. But :input doesn't select button elements, I need to add that. :focus and :modified are great additions, good job. -- J?rn -- Der GMX SmartSurfer hilft bis zu 70% Ihrer Onlinekosten zu sparen! Ideal f?r Modem und ISDN: http://www.gmx.net/de/go/smartsurfer ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/New-Selectors-plugin%3A-Adds-%3Afocus%2C-%3Amodified%2C-%3Ainput%2C-%3Atext-etc-tf2343998.html#a6527567 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
I found it through thickbox, i think on june 2nd. At that time I had it working with prototype and moo.fx ... but shortly ditched those and now am only using jQuery and a few plugins for www.kevo.com I've used it since at least January 2005 (at least that was the first time I emailed John about a bug when he was first working on it), but not as much as I do now. I first found out about his coding skills when following the addEvent coding contest (QuirksBlog - http://www.quirksmode.org/blog/archives/coding_techniques/contest/index.html) - which he won of course. Incidentally, jQuery doesn't use his winning code, but Dean Edwards' code (with a few modifications) and doesn't even use the W3c (or Microsoft's) method of adding events. You could still select elements by a CSS expression and do basic manipulation on the results (filtering, toggling, adding class names, adding content etc), and attach (but not execute) events as well as create plugins. It was also under an 'Attribution, Share Alike License' and contained no indication of SVN revision (it may not have even been under source control for all I know). It is bigger and better since then and from a glance over the source, pretty much a rewrite too. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Widget Challenge
Hi!I have put up a little function that does something like the fisheye plugin. However, this is only a concept, it doesn't behave like the real one. It will not detect near containers and therefore is not very smooth. the function:$.fn.fisheye = function() { this.each(function() { var fishHeight = parseInt($(img, this).height()); var fishWidth = parseInt($(img, this).width()); $(this.childNodes).hover( function() { $(this.childNodes).animate({ height: 150, width: 150 }, 200); }, function() { $(this.childNodes).animate({ height: fishHeight, width: fishWidth }, 500); }); }); }test it like this: ul class=fisheye liimg src="" href="http://happyday.dk/funnypics/animal/images/monkey.jpg">http://happyday.dk/funnypics/animal/images/monkey.jpg height=64 width=64 //li liimg src="" href="http://happyday.dk/funnypics/animal/images/monkey.jpg">http://happyday.dk/funnypics/animal/images/monkey.jpg height=64 width=64 //li liimg src="" href="http://happyday.dk/funnypics/animal/images/monkey.jpg">http://happyday.dk/funnypics/animal/images/monkey.jpg height=64 width=64 //li liimg src="" href="http://happyday.dk/funnypics/animal/images/monkey.jpg">http://happyday.dk/funnypics/animal/images/monkey.jpg height=64 width=64 //li liimg src="" href="http://happyday.dk/funnypics/animal/images/monkey.jpg">http://happyday.dk/funnypics/animal/images/monkey.jpg height=64 width=64 //li /uland style the ul like you want it. have fun.2006/9/27, Dan Atkinson [EMAIL PROTECTED]:Great idea Yehuda!You've been doing a lot to promote the jQuery scene lately, which can only be a good thing for future development!I personally would love to see something like the fisheye widget which isawsomely cool.There really needs to be more plugins on the scene that have the 'wow' factor. Currently IMHO, thickbox holds that title, and yet there are othersthat could extend Cody's work further with simple things like Interface.I've already begun work on a model window plugin/widget much alike the one on Dojo (called jAlert). Basically, they do the same as alerts, but looknicer, and can be resized, dragged, minimized, maximized and closed. Thisresulted from my work on Thickbox and JavaWin.wycats wrote: Dojo released a new widget today: a spreadsheet widget. and it ocurred to me that while we don't quite have anything like that yet, there are scattered widgets throughout the jQuerysphere. I figured it'd be nice for us to put together a jQuery widget package that, to the extent possible, mirrors the Dojo widget set. The challenge is this: where there is no existing widget, create it. The holy grail, at this point, would be a replication of their spreadsheet widget or their rich text editor widget. I'd like to put together the widget pack at some point in the next month, and I'll be featuring the widget pack in next month's Magazine. Theere's nothing requiring an exact mirror of the Dojo widgets, so feel free to submit widgets that are not present in Dojo. You can check out what Dojo has currently at http://dojotoolkit.org/ Enjoy! -- Yehuda Katz Web Developer | Wycats Designs (ph)718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/--View this message in context: http://www.nabble.com/Widget-Challenge-tf2341740.html#a6525264Sent from the JQuery mailing list archive at Nabble.com .___jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ -- Paul BakausWeb DeveloperHildastr. 3579102 Freiburg ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
I first heard of jQuery 1.0 in A List Apart article by Nick Rigby in June 06 titled Prettier Accessible Forms (http://alistapart.com/articles/prettyaccessibleforms). At that time, I wouldn't even touch Javascript because the pain it was. But now, with jQuery, I've become a very confident and happy javascript programmer. The rest is history... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sam Collett Sent: Wednesday, September 27, 2006 7:30 AM To: jQuery Discussion. Subject: [jQuery] When / how did you find out about jQuery? I've used it since at least January 2005 (at least that was the first time I emailed John about a bug when he was first working on it), but not as much as I do now. I first found out about his coding skills when following the addEvent coding contest (QuirksBlog - http://www.quirksmode.org/blog/archives/coding_techniques/contest/index.html ) - which he won of course. Incidentally, jQuery doesn't use his winning code, but Dean Edwards' code (with a few modifications) and doesn't even use the W3c (or Microsoft's) method of adding events. You could still select elements by a CSS expression and do basic manipulation on the results (filtering, toggling, adding class names, adding content etc), and attach (but not execute) events as well as create plugins. It was also under an 'Attribution, Share Alike License' and contained no indication of SVN revision (it may not have even been under source control for all I know). It is bigger and better since then and from a glance over the source, pretty much a rewrite too. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
I guess you could say I was a late-comer to JQuery. My first introduction to the library was about four months ago, when I was searching for new Javascript techniques to amplify some scripts I'd written. I happened across the 15 days of JQuery site, and have been hooked since. Great stuff! Kevin ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
Sam Collett schrieb: I've used it since at least January 2005 (at least that was the first time I emailed John about a bug when he was first working on it), but not as much as I do now. I first found out about his coding skills when following the addEvent coding contest (QuirksBlog - http://www.quirksmode.org/blog/archives/coding_techniques/contest/index.html) - which he won of course. Incidentally, jQuery doesn't use his winning code, but Dean Edwards' code (with a few modifications) and doesn't even use the W3c (or Microsoft's) method of adding events. You could still select elements by a CSS expression and do basic manipulation on the results (filtering, toggling, adding class names, adding content etc), and attach (but not execute) events as well as create plugins. It was also under an 'Attribution, Share Alike License' and contained no indication of SVN revision (it may not have even been under source control for all I know). It is bigger and better since then and from a glance over the source, pretty much a rewrite too. I found out about it sometime in January this year when playing around with Feedpile, which was using jQuery as well (by the way - whats going on with Feedpile? The site is down for month...). I then realized too that it was written by the man who won the addEvent contest and thought that jQuery therefore must be a good thing. Until then I used a document.getElementsBySelector function which was written - I think - by Simon Willison and so I was immediatly convinced by jQuery's advanced selector capabilities. So when it was time for the Plazes relaunch (March this year) I took the chance and decided to use jQuery instead of Prototype or Mochikit, because of its size and because of the compact code one could write with it. That was Revision 29! After all it was maybe a little dangerous because it was in a early beta stage to that time. But all things worked out well... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
Hi, I read this: http://dean.edwards.name/weblog/2006/05/prototype-and-base/ and followed the link. Christof ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
I was in the process of trying to choose a route for my Ajax development and had narrowed down my choices to what I called The Big Three; Prototype/Scriptaculous, Dojo Mochikit. I read a ton about these libs and did the tutorials as anyone would. Along the way, I kept hearing references to JQuery and decided to check it out. So in early September, I signed up for the JQuery mailing list and listened in on what was happening in the community. I asked a ton of questions got some great responses. What I found was a great community with a solid core group and a great direction. So I took the plunge and went through the tutorials and realized how powerful JQuery is. I have to say that I really like the fact that the core group, especially John, is very involved in the community. It truly lends a sense of confidence that the project is alive and that JQuery is a viable solution to RIA development. Rey... I've used it since at least January 2005 (at least that was the first time I emailed John about a bug when he was first working on it), but not as much as I do now. I first found out about his coding skills when following the addEvent coding contest (QuirksBlog - http://www.quirksmode.org/blog/archives/coding_techniques/contest/index.html) - which he won of course. Incidentally, jQuery doesn't use his winning code, but Dean Edwards' code (with a few modifications) and doesn't even use the W3c (or Microsoft's) method of adding events. You could still select elements by a CSS expression and do basic manipulation on the results (filtering, toggling, adding class names, adding content etc), and attach (but not execute) events as well as create plugins. It was also under an 'Attribution, Share Alike License' and contained no indication of SVN revision (it may not have even been under source control for all I know). It is bigger and better since then and from a glance over the source, pretty much a rewrite too. ___ 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] When / how did you find out about jQuery?
eWeek -- August 30 http://www.eweek.com/article2/0,1895,2010602,00.asp -- Bruce McKenzie http://www.2MinuteExplainer.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
Rebel! ;o) That was Revision 29! After all it was maybe a little dangerous because it was in a early beta stage to that time. But all things worked out well... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Widget Challenge
Paul, That's a good start! I see what you're doing! A larger z-indexed div could be created around each fisheye image, and a calculation could be done to determine how far from the centre of the box the mouse cursor is. The image can then be scaled depending on this value. This also means that the div surrounding the image would intersect with with the other elements as they would overlap. This should make the animation smoother. That's just off the top of my head however. Paul Bakaus wrote: Hi! I have put up a little function that does something like the fisheye plugin. However, this is only a concept, it doesn't behave like the real one. It will not detect near containers and therefore is not very smooth. the function: $.fn.fisheye = function() { this.each(function() { var fishHeight = parseInt($(img, this).height()); var fishWidth = parseInt($(img, this).width()); $(this.childNodes).hover( function() { $(this.childNodes).animate({ height: 150, width: 150 }, 200); }, function() { $(this.childNodes).animate({ height: fishHeight, width: fishWidth }, 500); }); }); } test it like this: ul class=fisheye li http://happyday.dk/funnypics/animal/images/monkey.jpg /li li http://happyday.dk/funnypics/animal/images/monkey.jpg /li li http://happyday.dk/funnypics/animal/images/monkey.jpg /li li http://happyday.dk/funnypics/animal/images/monkey.jpg /li li http://happyday.dk/funnypics/animal/images/monkey.jpg /li /ul and style the ul like you want it. have fun. -- Paul Bakaus Web Developer Hildastr. 35 79102 Freiburg ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Widget-Challenge-tf2341740.html#a6528643 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] interesting syntax
Hello,I've been poking around a bit in the jQuery source code. It's been enlightening and has proven that I don't know as much about _javascript_ as I thought I did!Here's a pattern that occurs frequently that I'm really curious about: new function() { // do stuff}Is the purpose of this just to provide local scope to the variables used? Is there an equivalant syntax that may be more common? I intuitively wouldn't even think the code inside the function would get executed unless the whole thing was proceeded by (), but obviously I'd be wrong. What's really surprising is that I couldn't find any information about this technique in a google search. Just curious.Thanks,Todd ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Request: Window plugin
I found this Prototype window plugin and was wondering if there's something like this available for JQuery users: http://prototype-window.xilinus.com/ Those window look very slick and I believe that YUI also has a window class similar to that. Rey,,, ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interesting syntax
Todd - You're correct, it's used to induce a contained scope. This was a technique that, if I remember correctly, I learned from Dean Edwards (http://dean.edwards.name/) I use to use: (function(){ ... })(); but new function() { ... }; is much cleaner, IMO. As far as I know, that is the best way to have a local scope, at least until JavaScript 2.0 comes out and you can do: let( foo = 'bar' ) { // ... do stuff with 'foo' } // foo doesn't exist out here --John On 9/27/06, Todd Menier [EMAIL PROTECTED] wrote: Hello, I've been poking around a bit in the jQuery source code. It's been enlightening and has proven that I don't know as much about Javascript as I thought I did! Here's a pattern that occurs frequently that I'm really curious about: new function() { // do stuff } Is the purpose of this just to provide local scope to the variables used? Is there an equivalant syntax that may be more common? I intuitively wouldn't even think the code inside the function would get executed unless the whole thing was proceeded by (), but obviously I'd be wrong. What's really surprising is that I couldn't find any information about this technique in a google search. Just curious. Thanks, Todd ___ 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] Request: Window plugin
Yeah, I got involved with JavaWin a while back but moved on after I found jQuery. You can still see my name as one of the contributors! I'm looking to emulate that in jQuery (under the name of jAlerts/jWindows) for some time. The basic functionality is already available in thickbox, so it'll probably be easier to expand that. I've already done the dragging and minimizing (using Interface), so that's about 2% done! :) Rey Bango-2 wrote: I found this Prototype window plugin and was wondering if there's something like this available for JQuery users: http://prototype-window.xilinus.com/ Those window look very slick and I believe that YUI also has a window class similar to that. Rey,,, ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Request%3A-Window-plugin-tf2345423.html#a6529018 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interesting syntax
Todd , From my understanding its partly for variable scoping, partly for garbage collection and part of a pattern to emulate classes. I did a posting of the full pattern here: http://www.willjessup.com/?p=35 Will Hello, I've been poking around a bit in the jQuery source code. It's been enlightening and has proven that I don't know as much about Javascript as I thought I did! Here's a pattern that occurs frequently that I'm really curious about: new function() { // do stuff } Is the purpose of this just to provide local scope to the variables used? Is there an equivalant syntax that may be more common? I intuitively wouldn't even think the code inside the function would get executed unless the whole thing was proceeded by (), but obviously I'd be wrong. What's really surprising is that I couldn't find any information about this technique in a google search. Just curious. Thanks, Todd ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Request: Window plugin
There's another one that could be converted to jQuery: http://www.net4visions.com/dev/dialog/dialog.htm -Original Message- From: Dan Atkinson [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 27, 2006 5:30 PM To: discuss@jquery.com Subject: Re: [jQuery] Request: Window plugin Yeah, I'm looking to emulate that in jQuery (under the name of jAlerts/jWindows) for some time. The basic functionality is already available in thickbox, so it'll probably be easier to expand that. I've already done the dragging and minimizing (using Interface), so that's about 2% done! :) Rey Bango-2 wrote: I found this Prototype window plugin and was wondering if there's something like this available for JQuery users: http://prototype-window.xilinus.com/ Those window look very slick and I believe that YUI also has a window class similar to that. Rey,,, ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Request%3A-Window-plugin-tf2345423.html#a6529018 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interesting syntax
John Resig schrieb: Todd - You're correct, it's used to induce a contained scope. This was a technique that, if I remember correctly, I learned from Dean Edwards (http://dean.edwards.name/) I use to use: (function(){ ... })(); but new function() { ... }; is much cleaner, IMO. As far as I know, that is the best way to have a local scope, at least until JavaScript 2.0 comes out and you can do: let( foo = 'bar' ) { // ... do stuff with 'foo' } // foo doesn't exist out here --John John, I think there is one difference between both techniques. While in new function() { } the this keyword points the anonymous object itself, in (function() { ... })(); it does not. Right? -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interesting syntax
Hi, but new function() { ... }; is much cleaner, IMO. As far as I know, that is the best way to have a local scope, [...] We had that before. Deans way to create a local scope ((function() {...})()) is better, because it doesn't create a new Object that you never use. Of course that difference is not too big, but it is there. Also I don't think that new function() {...} is cleaner or better to read. Usually when I read 'new' I expect that a new object is created and I wonder what will be done with it. Christof ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
On 27/09/06, Sam Collett [EMAIL PROTECTED] wrote: I've used it since at least January 2005 (at least that was the first time I emailed John about a bug when he was first working on it), but not as much as I do now. Replying to my own post... actually I meant to say January 2006 (about the same time as Klaus). Still an early adopter though! The mailing list was a lot quieter then too (only 10 posts were made in January). After perusing the mailing list, my first contribution to it was in May - so I guess that is when I seriously started using it (or at least when I first needed help). Must... proofread ... before ... posting ... Perhaps it is just because jQuery has advanced so rapidly that I think it has been going a year longer than it actually has. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jButton released!
I wrote a new plugin which can transform an image into a button. You can check out the demo here: http://www.webunity.nl/_test/jquery/jButton/ I like the features. It would be better if the markup was a button and the plugin replaced or changed that as needed. Buttons can have an ACCESSKEY attribute for accelerator keys (When ACCESSKEY=G, the button is clicked when you hit Alt-G) and I really like keyboard shortcuts. Using a button also holds closer to the semantic markup meme that everyone loves nowadays. This is an interesting design dilemma: this.cfgButton = { ... }; Where this is the jQuery object with the images to be converted to buttons. It's actually one of the documented ways for plugins to have options, see http://jquery.com/docs/Plugins/Authoring/ . However, if someone were to try and chain multiple uses of iButton on the jQuery same object, the later call would clobber cfgButton from an earlier call. Also, one of the reasons for using an object attached to the jQuery object is to avoid a closure. In this case the jQuery object is used inside the mouse event handlers (aliased as _this) so the closure happens anyway. Some good messages have gone around about plugin design. I have wanted to draw those together and expand the Authoring page so we would have a set of best practices, but I have been too darned busy lately. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
Found JQuery by chance in February after reading about John's victory in the coding contest on PPKserendipitydo not have a clue about using _javascript_ and want to learn, but I am very interested in CSS, so jQuery is absolutely perfect for me and it does what it says on the packet, it makes _javascript_Fun,many thanks and kudos to all the contributors of plug ins who share their work and also, more importantly answer questions on the mailing list in a nice manner. This is a nice place to hang out :-) ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
/me awaits a jQuery-helper in CakePHP :D now that would be wonderful! I had a lunch meeting with Nate, one of the core CakePHP developers, the other day. He can't wait to add in jQuery support. He wrote a Prototype helper, but he's going to make it generic and have it work for both Prototype and jQuery. --John ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
I think I saw it on SitePoint.http://www.sitepoint.com/newsletter/viewissue.php?id=5issue=23format=html I was leaning towards Moo.fx and Prototype before I saw jQuery, but this was clearly the right way to go.I have been excited to code JS for the first time in a long time.Glen On 9/27/06, Rey Bango [EMAIL PROTECTED] wrote: Rebel! ;o) That was Revision 29! After all it was maybe a little dangerous because it was in a early beta stage to that time. But all things worked out well... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/___ jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
Now that is music to my ears :) Now ive got twice as many things to learn :D John Resig wrote: /me awaits a jQuery-helper in CakePHP :D now that would be wonderful! I had a lunch meeting with Nate, one of the core CakePHP developers, the other day. He can't wait to add in jQuery support. He wrote a Prototype helper, but he's going to make it generic and have it work for both Prototype and jQuery. --John ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Mark 'Phunky' Harwood Trademark-Gamers.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
I can't recall the exact date, but it was almost a year ago. I stumbled across a post John had made on someone else's Javascript blog describing the chained function approach, which led me to his own blog post that had the beginnings of what was to become jQuery. http://ejohn.org/blog/selectors-in-javascript/ I was just starting to use Behaviour at the time; all of the frameworks seemed way too bloated. When I saw the jQuery syntax I was blown away. It reminded me of Paul Graham's essay Succinctness is Power which does a better job than I could ever do of putting jQuery's advantage into words. http://www.paulgraham.com/power.html ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
I spotted it I forget when, but I was poking around at the RIT ScheduleMaker site he did a while ago, which is still the most useful thing for figuring out classes up here. I dread to think how I'd have to get a good schedule by hand. I forget what revision it was on then, but it was pretty early on in things. I was looking for an excuse to use JQuery somewhere because it was that freakin' cool, and finally did last June on an internal site. Sam Collett wrote: I've used it since at least January 2005 (at least that was the first time I emailed John about a bug when he was first working on it), but not as much as I do now. I first found out about his coding skills when following the addEvent coding contest (QuirksBlog - http://www.quirksmode.org/blog/archives/coding_techniques/contest/index.html) - which he won of course. Incidentally, jQuery doesn't use his winning code, but Dean Edwards' code (with a few modifications) and doesn't even use the W3c (or Microsoft's) method of adding events. You could still select elements by a CSS expression and do basic manipulation on the results (filtering, toggling, adding class names, adding content etc), and attach (but not execute) events as well as create plugins. It was also under an 'Attribution, Share Alike License' and contained no indication of SVN revision (it may not have even been under source control for all I know). It is bigger and better since then and from a glance over the source, pretty much a rewrite too. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/When---how-did-you-find-out-about-jQuery--tf2345107.html#a6530203 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
On 9/27/06, Christof Donat [EMAIL PROTECTED] wrote: Hi, I read this: http://dean.edwards.name/weblog/2006/05/prototype-and-base/ and followed the link. same with you, suddenly attracted by the jQuery philosophy. -- Regards, epaulin ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] toc plugin
Hi!This plug-in creates a TOC for a given element.Here is a demohttp://dimitarspassov.googlepages.com/jqpagecontent ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery Projects
As John pointed out, implementing some of the new W3C forms API might do the trick. Anyone have any particular parts of that API that might be a good place to start (validation comes to mind).-- Yehuda On 9/27/06, Glen Lipka [EMAIL PROTECTED] wrote: For Intuit (QuickBooks, Quicken, TurboTax). We did an ad hoc evaluation of the different frameworks and jQuery rocked.A few of us here are passing around the jQuery kool-aid. Take a sip!Here is a question: On the form validation example, take a look at the phone number mask. I think this would make a great jQuery plugin. It has the right pieces of the puzzle. Example:input type=text jMask=###-###-Works as a great constraint to keep data in the correct format. I have no idea how to port this into a plugin. I am really not that good of a programmer. I am an interaction designer.Any suggestions?Thanks for the encouragement!Glen On 9/26/06, John Resig [EMAIL PROTECTED] wrote: Woah - do you design for Quickbooks? That'd be hot :-)I really like the slidey menu - hidden, but useful, navigation.--JohnOn 9/26/06, Glen Lipka [EMAIL PROTECTED] wrote: If I am working on a jQuery project, should I post url's here for people to see? Is it inappropriate to ask for suggestions to make it tighter and better? Like this link !;) Glen ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/--John Resighttp://ejohn.org/ [EMAIL PROTECTED]___ jQuery mailing listdiscuss@jquery.com http://jquery.com/discuss/ ___jQuery mailing listdiscuss@jquery.com http://jquery.com/discuss/-- Yehuda KatzWeb Developer | Wycats Designs(ph)718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery Projects
I saw that one one. The mask I am describing is on the phone number field. It fixes formatting on the fly using keypress. (rather than Blur)So it never shows an error, it just fixes the formatting automagically. Try typing in (510) 555-12dog12. It ends up 510-555-1212. We are going to use something similar for creditcard fields, zip codes, year, or any field like that.The code for it is in the example inlineError.js file at the bottom, but it can be so much shorter using jQuery, I think. GlenOn 9/27/06, John Resig [EMAIL PROTECTED] wrote: For Intuit (QuickBooks, Quicken, TurboTax).We did an ad hoc evaluation of the different frameworks and jQuery rocked. A few of us here are passing around the jQuery kool-aid.Take a sip!That's great to hear :-) Here is a question:On the form validation example, take a look at the phone number mask. I think this would make a great jQuery plugin.It has the right pieces of the puzzle.Example: input type=text jMask=###-###- Works as a great constraint to keep data in the correct format. I have no idea how to port this into a plugin.I am really not that good of a programmer. I am an interaction designer. Any suggestions?You should check out this form validation plugin:http://fuzz.bassistance.de/jQueryFormValidation/validateTest.html I think it'll handle what you're looking for (this was fromhttp://jquery.com/plugins/).Hope this helps.--John___ jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] JTip Mods by Karl Swedberg
On Sep 27, 2006, at 11:48 AM, Rey Bango wrote: Guys, Karl Swedberg has been working on a mod that he and talked about and I think he's done an excellent job. He may be too modest to show it but I wanted to give him some kudos for some excellennt work. The current implementation of JTip will cutoff if its too close to the bottom of the screen. Karl modified it so it scrolls up. Check it out: http://test.learningjquery.com/jtiptest.htm Just make your browser small enough so that the JTip would normally be cutoff. Great job Karl! Thanks, Rey! If you could see me now, you'd be able to tell that I'm blushing. By the way, if you cut the height of the browser window way down, the jTip will first move up and then quickly move down so the top of it isn't chopped off. The bottom will still be hidden, but at least it gives a visual clue of the size of the jTip so the user can resize the browser window if desired. Unfortunately, I just ran across another weird problem in IE, when I got rid of position:absolute for div2. Suddenly the y position gets messed up. Works fine in Firefox, though. Getting there... Now that the cat's out of the bag, I'll post an update to the discussion list when I get the bugs worked out. Cheers, Karl ___ Karl Swedberg www.englishrules.com www.learningjquery.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
Similar tale here. I was searching for a new library to work with and came up with the same bunch, Prototype/Scriptaculous, Dojo Mochikit. Jquery popped up during that search. It wasn't until I looked through thickbox that I became a convert though. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rey Bango Sent: Wednesday, September 27, 2006 8:02 AM To: jQuery Discussion. Subject: Re: [jQuery] When / how did you find out about jQuery? I was in the process of trying to choose a route for my Ajax development and had narrowed down my choices to what I called The Big Three; Prototype/Scriptaculous, Dojo Mochikit. I read a ton about these libs and did the tutorials as anyone would. Along the way, I kept hearing references to JQuery and decided to check it out. So in early September, I signed up for the JQuery mailing list and listened in on what was happening in the community. I asked a ton of questions got some great responses. What I found was a great community with a solid core group and a great direction. So I took the plunge and went through the tutorials and realized how powerful JQuery is. I have to say that I really like the fact that the core group, especially John, is very involved in the community. It truly lends a sense of confidence that the project is alive and that JQuery is a viable solution to RIA development. Rey... I've used it since at least January 2005 (at least that was the first time I emailed John about a bug when he was first working on it), but not as much as I do now. I first found out about his coding skills when following the addEvent coding contest (QuirksBlog - http://www.quirksmode.org/blog/archives/coding_techniques/contest/index.ht ml) - which he won of course. Incidentally, jQuery doesn't use his winning code, but Dean Edwards' code (with a few modifications) and doesn't even use the W3c (or Microsoft's) method of adding events. You could still select elements by a CSS expression and do basic manipulation on the results (filtering, toggling, adding class names, adding content etc), and attach (but not execute) events as well as create plugins. It was also under an 'Attribution, Share Alike License' and contained no indication of SVN revision (it may not have even been under source control for all I know). It is bigger and better since then and from a glance over the source, pretty much a rewrite too. ___ 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/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
I think collecting these stories is a great idea. I also want to do a YouTube viral video as well. If any of you guys can record audio or video testimonials and send them to [EMAIL PROTECTED] , that's rock!-- YehudaOn 9/27/06, Karl Swedberg [EMAIL PROTECTED] wrote: Great question, Sam!Yehuda, what do you think about collecting a bunch of these responsesand publishing them in Visual jQuery Magazine Issue 2?I found out about jQuery in May when I searched on lightbox and stumbled upon Thickbox. I followed the link trail to jquery.com andwas immediately sold on it for a couple reasons:1. As a CSS developer, I understood the DOM traversal methods right away. Prototype/Scriptaculous, on the other hand, was confusing to meat first pass.2. I had just finished going through Jeremy Keith's DOM Scriptingbook, which convinced me of the merits of progressive enhancement and graceful degradation, and especially the need for separation ofbehavior and content. The Prototype/Scriptaculous code i had seen hadall sorts of event handlers, etc. right in there with the markup, andgetting it out required yet another _javascript_ file ( behaviour.js).jQuery's event triggers made total sense to me and allowed me to keepmy HTML markup clean.3. Two words: file size.And this is why I've stuck with jQuery, and will continue to do so:1. It keeps getting better and better. 2. The plugins keep rolling in.3. The community is amazing!4. I still have a LOT to learn. shameless_plugsee my blog, http://www.learningjquery.com /shameless_plug Cheers,KarlP.S.On Sep 26, 2006, at 3:41 PM, Jörn Zaefferer wrote: How on earth could possibly someone running a site named 'englishrules' not be a grammar nazi? -- Jörn Ah, you caught me!:-)___Karl Swedbergwww.englishrules.comwww.learningjquery.com ___jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ -- Yehuda KatzWeb Developer | Wycats Designs(ph)718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interesting syntax
Here's a pattern that occurs frequently that I'm really curious about: new function() { // do stuff } Is the purpose of this just to provide local scope to the variables used? Yes, that is the one and only reason for it. Is there an equivalant syntax that may be more common? Yes, as others mentioned, ( function() { /*stuff*/ } )(); will do the trick too, and is slightly more efficient. I intuitively wouldn't even think the code inside the function would get executed unless the whole thing was proceeded by (), but obviously I'd be wrong. See if this helps: function Stuff() { // do stuff } var stuff1 = new Stuff(); // call the Stuff constructor var stuff2 = new Stuff; // parens are optional What's really surprising is that I couldn't find any information about this technique in a google search. It's hard to search for. But it falls out from normal JavaScript syntax and semantics. -Mike ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Use $.extend to clone object
From: Klaus Hartl is it possible to use $.extend to clone an object? var template = { ... }; clone = $.extend({}, template); To answer my question, yes it works :-) Keep in mind that extend() does a shallow copy, not a deep copy. var one = { a:1, b:{ c:2 } }; var two = $.extend( {}, one ); two.a = 11; two.b.c = 33; Now the objects look like this: one = { a:1, b:{ c:33 } } two = { a:11, b:{ c:33 } } The two.b.c = 33; assignment changed both objects, because they share a copy of the b object. -Mike ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interesting syntax
Hi, John, I think there is one difference between both techniques. While in new function() { } the this keyword points the anonymous object itself, in (function() { ... })(); it does not. Right? The first technique not only creates a new context but also the 'this'-Object. try this: function test() { var a; this.a = 42; a = 32; } var b = new test; alert(b.a); This alerts 42. As you see this is another object that the annonymous context. The new function(){...}-technique has to create one object more than the (function() {...})()-technique. Christof ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interesting syntax
Michael, comments inside Here's a pattern that occurs frequently that I'm really curious about: new function() { // do stuff } Is the purpose of this just to provide local scope to the variables used? Yes, that is the one and only reason for it. Is there an equivalant syntax that may be more common? Yes, as others mentioned, ( function() { /*stuff*/ } )(); will do the trick too, and is slightly more efficient. is there somethign special about ( ... )(); ? I mean, how does this come from another example? I intuitively wouldn't even think the code inside the function would get executed unless the whole thing was proceeded by (), but obviously I'd be wrong. See if this helps: function Stuff() { // do stuff } var stuff1 = new Stuff(); // call the Stuff constructor var stuff2 = new Stuff; // parens are optional What's really surprising is that I couldn't find any information about this technique in a google search. It's hard to search for. But it falls out from normal JavaScript syntax and semantics. -Mike ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Request: Window plugin
Wow, that reminds me a lot of WinLIKE: http://www.winlike.net --DIZZLE Marco M. Jaeger-2 wrote: There's another one that could be converted to jQuery: http://www.net4visions.com/dev/dialog/dialog.htm -Original Message- From: Dan Atkinson [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 27, 2006 5:30 PM To: discuss@jquery.com Subject: Re: [jQuery] Request: Window plugin Yeah, I'm looking to emulate that in jQuery (under the name of jAlerts/jWindows) for some time. The basic functionality is already available in thickbox, so it'll probably be easier to expand that. I've already done the dragging and minimizing (using Interface), so that's about 2% done! :) Rey Bango-2 wrote: I found this Prototype window plugin and was wondering if there's something like this available for JQuery users: http://prototype-window.xilinus.com/ Those window look very slick and I believe that YUI also has a window class similar to that. Rey,,, ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Request%3A-Window-plugin-tf2345423.html#a6529018 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Request%3A-Window-plugin-tf2345423.html#a6531640 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interesting syntax
John, Last night I downloaded Firefox 2 rc1. It has let... and lots more js 1.7 stuff to bad it will take time til MS (et al) catch up! On 9/27/06, John Resig [EMAIL PROTECTED] wrote: Todd - You're correct, it's used to induce a contained scope. This was a technique that, if I remember correctly, I learned from Dean Edwards (http://dean.edwards.name/) I use to use: (function(){ ... })(); but new function() { ... }; is much cleaner, IMO. As far as I know, that is the best way to have a local scope, at least until JavaScript 2.0 comes out and you can do: let( foo = 'bar' ) { // ... do stuff with 'foo' } // foo doesn't exist out here --John On 9/27/06, Todd Menier [EMAIL PROTECTED] wrote: Hello, I've been poking around a bit in the jQuery source code. It's been enlightening and has proven that I don't know as much about Javascript as I thought I did! Here's a pattern that occurs frequently that I'm really curious about: new function() { // do stuff } Is the purpose of this just to provide local scope to the variables used? Is there an equivalant syntax that may be more common? I intuitively wouldn't even think the code inside the function would get executed unless the whole thing was proceeded by (), but obviously I'd be wrong. What's really surprising is that I couldn't find any information about this technique in a google search. Just curious. Thanks, Todd ___ 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] interesting syntax
Will, it's the only way (until JS1.7) to declare local variables... normally JS variables are not allocated in the scope you might guess, they are allocated at the function level, even if they are deeply nested. On 9/27/06, Will Jessup [EMAIL PROTECTED] wrote: Michael, comments inside Here's a pattern that occurs frequently that I'm really curious about: new function() { // do stuff } Is the purpose of this just to provide local scope to the variables used? Yes, that is the one and only reason for it. Is there an equivalant syntax that may be more common? Yes, as others mentioned, ( function() { /*stuff*/ } )(); will do the trick too, and is slightly more efficient. is there somethign special about ( ... )(); ? I mean, how does this come from another example? I intuitively wouldn't even think the code inside the function would get executed unless the whole thing was proceeded by (), but obviously I'd be wrong. See if this helps: function Stuff() { // do stuff } var stuff1 = new Stuff(); // call the Stuff constructor var stuff2 = new Stuff; // parens are optional What's really surprising is that I couldn't find any information about this technique in a google search. It's hard to search for. But it falls out from normal JavaScript syntax and semantics. -Mike ___ 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] Use $.extend to clone object
Michael Geary schrieb: From: Klaus Hartl is it possible to use $.extend to clone an object? var template = { ... }; clone = $.extend({}, template); To answer my question, yes it works :-) Keep in mind that extend() does a shallow copy, not a deep copy. var one = { a:1, b:{ c:2 } }; var two = $.extend( {}, one ); two.a = 11; two.b.c = 33; Now the objects look like this: one = { a:1, b:{ c:33 } } two = { a:11, b:{ c:33 } } The two.b.c = 33; assignment changed both objects, because they share a copy of the b object. -Mike Thank you Mike! It works for what I needed but your hint saved me from trouble in the future... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Form plugin's serialize(): performance issues
I've run into a significant performance issue with the form plugin's serialize method; not a bug per se, but definitely a show-stopper for me. The problem is that I have a form with a select element, which has around 250 options. The serialize method grabs *all* child elements of the form before operating on any of them, like so: $('*', this).each( ... ); This is awfully inefficient, especially considering each element type is handled by name anyway in the following code. Perhaps it would be best to define the top-level or containing elements first, then grab just those (i.e., excluding OPTIONs): var elems = ['INPUT', 'SELECT', 'TEXTAREA', ...] $(elems.join('|'), this).each( ... ); So instead of looking through each OPTION for a selected property, the parent SELECT could be checked for its selectedIndex property. Any thoughts? m. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] mousewheel plugin
Oh wow ... okay I'll have to look into that. I don't even remember the reason why I thought it didn't now. Heh that is going to simplfy some of my code. :) You should definitely post your code as a plugin. While I don't think this is widely-needed enough to be in core (considering that Safari and Opera, apparently, don't work), it would certainly be useful to those that want it. --John ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
I first read an article at Ajaxian's on january 2006 (http://ajaxian.com/archives/jquery-another-small-javascript-library) but did not start to use it at this time. I was keeping an eye on the big 3 too. Later, starting a project which mimics gmail interface, I started to really use jQuery and nothing else. Furthermore, jQuery inspires me with a lot of essays, proofs of concept and other amusements. btw, many thanks, John! Franck. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Form plugin's serialize(): performance issues
Mike Alsup schrieb: Seems to be faster rewriting it with a for loop instead of using each. Matt, can you confirm? Mike Believe it or not, make it a reverse for loop, it is even faster: for (var k = options.length - 1; k = 0; k--) { } Cheers, Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Form plugin's serialize(): performance issues
Oops, I missed a 'return'. This: if (el.type == 'image' el.form.clicked_x) return a.push( {name: el.name+'_x', value: el.form.clicked_x}, {name: el.name+'_y', value: el.form.clicked_y} ); Should be: if (el.type == 'image' el.form.clicked_x) { a.push( {name: el.name+'_x', value: el.form.clicked_x}, {name: el.name+'_y', value: el.form.clicked_y} ); continue; } ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Form plugin's serialize(): performance issues
Believe it or not, make it a reverse for loop, it is even faster: Except that we want to process them in semantic order! :-) ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] ajax bug or I am really confused?
line 1691 of latest jquery * $Rev: 249 $ // Make sure the browser sends the right content length if ( xml.overrideMimeType ) xml.setRequestHeader(Connection, close); should probably read: xml.overrideMimeType('text/xml'); At least that is how I want it. Overriding html mime type lets files served as 'html' to be used in $('body',xml) type expressions. -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ ░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ ░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] SpinButton Plugin updated
The SpinButton / SpinBox Plugin has been updated with heaps of improvements by a splendid chap from this forum named Mark Lincoln. The SpinButton Plugin takes ordinary input type='text' boxes and turns them into SpinButton controls using just css and JS/JQuery. No extra markup is added so the textbox submits and otherwise conducts its life just like any other. Usage: $(#myInputElement).SpinButton(mySpinButtonOptions) Cheers all, George - Mark - Thanks for the code update. Great stuff. It pretty much worked as-is. All I've added are checks to stop it barfing when the options-parameter is not provided. Original forum post: http://www.nabble.com/JQuery-Plugin%3A-SpinBox---SpinButton-Control-%28with-no-extra-markup%29-tf2091766.html#a5765856 -- View this message in context: http://www.nabble.com/SpinButton-Plugin-updated-tf2347123.html#a6534690 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Form plugin's serialize(): performance issues
From: Mike Alsup Seems to be faster rewriting it with a for loop instead of using each. Matt, can you confirm? Here's a skeleton of another way to approach the problem. Instead of enumerating every element inside the form, it looks at each nodeName as it goes and decides what to do from there. This code is off the cuff and incomplete! :-) $.fn.serialize = function() { var a = []; var taggers = { '#COMMENT':ignore, '#TEXT':ignore, INPUT:add, TEXTAREA:add, SELECT:select }; this.each( function() { fields( this ); }); function fields( e ) { var tag = e.nodeName.toUpperCase(); ( taggers[tag] || nest )( e ); } function nest( e ) { for( e = e.firstChild; e; e = e.nextSibling ) { fields( e ); } } function ignore( e ) { } function select( e ) { // not sure if you just want selectedIndex or go get the OPTION a.push({ name:e.name, value:e.selectedIndex }); } function add( e ) { // some existing $.fn.serialize code goes here, ending with... a.push({ name:n, value:e.value }); }); return a; }; -Mike ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] SpinButton Plugin updated
Ooohhh this could be usefull in an upcoming project, you got a link please?On 9/27/06, George Adamson [EMAIL PROTECTED] wrote:The SpinButton / SpinBox Plugin has been updated with heaps of improvements by a splendid chap from this forum named Mark Lincoln.The SpinButton Plugin takes ordinary input type='text' boxes and turnsthem into SpinButton controls using just css and JS/JQuery. No extra markup is added so the textbox submits and otherwise conducts its life just likeany other.Usage: $(#myInputElement).SpinButton(mySpinButtonOptions)Cheers all,George - Mark - Thanks for the code update. Great stuff. It pretty much worked as-is. All I've added are checks to stop it barfing when theoptions-parameter is not provided.Original forum post: http://www.nabble.com/JQuery-Plugin%3A-SpinBox---SpinButton-Control-%28with-no-extra-markup%29-tf2091766.html#a5765856--View this message in context: http://www.nabble.com/SpinButton-Plugin-updated-tf2347123.html#a6534690Sent from the JQuery mailing list archive at Nabble.com.___ jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interesting syntax
Michael Geary [EMAIL PROTECTED] wrote: See if this helps: function Stuff() { // do stuff } var stuff1 = new Stuff(); // call the Stuff constructor var stuff2 = new Stuff; // parens are optionalThanks, the aha! light just went on. It makes total sense now...I didn't know you could call a constructor without parens. It also makes sense that (function(){...})() might be a little more efficient since it's not creating an anonymous object in addition to the function itself, but I imagine that's pretty neglegable and that if you find the code more readable the other way, that's probably an acceptable trade-off. Thanks to all who replied, it really cleared things up!Todd ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] SpinButton Plugin updated
It's also a widget that might be featured in the jQuery widget pack I'm putting together.-- YehudaOn 9/27/06, Matt Stith [EMAIL PROTECTED] wrote:Ooohhh this could be usefull in an upcoming project, you got a link please? On 9/27/06, George Adamson [EMAIL PROTECTED] wrote:The SpinButton / SpinBox Plugin has been updated with heaps of improvements by a splendid chap from this forum named Mark Lincoln.The SpinButton Plugin takes ordinary input type='text' boxes and turnsthem into SpinButton controls using just css and JS/JQuery. No extra markup is added so the textbox submits and otherwise conducts its life just likeany other.Usage: $(#myInputElement).SpinButton(mySpinButtonOptions)Cheers all,George - Mark - Thanks for the code update. Great stuff. It pretty much worked as-is. All I've added are checks to stop it barfing when theoptions-parameter is not provided.Original forum post: http://www.nabble.com/JQuery-Plugin%3A-SpinBox---SpinButton-Control-%28with-no-extra-markup%29-tf2091766.html#a5765856--View this message in context: http://www.nabble.com/SpinButton-Plugin-updated-tf2347123.html#a6534690Sent from the JQuery mailing list archive at Nabble.com.___ jQuery mailing listdiscuss@jquery.com http://jquery.com/discuss/ ___jQuery mailing listdiscuss@jquery.com http://jquery.com/discuss/-- Yehuda KatzWeb Developer | Wycats Designs(ph)718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Debug Plugin
None of the boxes are clickable for me in either of the demos! Im on FF2RC1/WinOn 9/27/06, John Resig [EMAIL PROTECTED] wrote:Hi Everyone -I'm currently down-and-out with a nasty cold, but I took a break and hacked up a quick plugin.(I just realized that I've never actuallyreleased any plugins... oops!)Source Code:http://john.jquery.com/plugins/debug.js Quick test page:http://john.jquery.com/jquery/test/float.htmlSame page, but with a selector error (once you click the middle box): http://john.jquery.com/jquery/test/float2.htmlIt prints out debugging information for all jQuery functions (e.g.$(), $().find(), $.trim(), etc.) using Firebug's console logging. It'sobviously quite primitive, and the code is really bad, but it's something for now. I figure we can take this and hack it out intosomething good.--John___jQuery mailing listdiscuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] SpinButton Plugin updated
Good point! (I've now added the link to my previous post for the benefit of nabble users) http://www.softwareunity.com/sandbox/JQuerySpinBtn/ Matt Stith wrote: Ooohhh this could be usefull in an upcoming project, you got a link please? -- View this message in context: http://www.nabble.com/SpinButton-Plugin-updated-tf2347123.html#a6534909 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Form plugin's serialize(): performance issues
John, If you say jQuery doesn't support the OR selector '|', then I'm confused. I have a form with one SELECT element and several INPUTs. Check out the following results from Firebug: $('INPUT', $('#myform')).length 6 $('INPUT|SELECT', $('#myform')).length 7 That's what I expected as a result.. can you explain? m. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of John Resig Sent: Wednesday, September 27, 2006 11:06 AM To: jQuery Discussion. Subject: Re: [jQuery] Form plugin's serialize(): performance issues Unfortunately, jQuery doesn't support the OR selector '|', otherwise that'd work quite nicely. The problem is that I don't know how this would work without using *, and filtering away what you don't need - while still keeping the order of all the elements that you want. If anyone has any ideas, I'm all ears. --John On 9/27/06, Matt Grimm [EMAIL PROTECTED] wrote: I've run into a significant performance issue with the form plugin's serialize method; not a bug per se, but definitely a show-stopper for me. The problem is that I have a form with a select element, which has around 250 options. The serialize method grabs *all* child elements of the form before operating on any of them, like so: $('*', this).each( ... ); This is awfully inefficient, especially considering each element type is handled by name anyway in the following code. Perhaps it would be best to define the top-level or containing elements first, then grab just those (i.e., excluding OPTIONs): var elems = ['INPUT', 'SELECT', 'TEXTAREA', ...] $(elems.join('|'), this).each( ... ); So instead of looking through each OPTION for a selected property, the parent SELECT could be checked for its selectedIndex property. Any thoughts? m. ___ 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] New FX script out
http://www.devpro.it/bytefx/ Not sure if anyone is interested but some of the fx are quite nice and probably easily jqueryized ( I made up a new word. ) Abba Bryant -- View this message in context: http://www.nabble.com/New-FX-script-out-tf2347369.html#a6535505 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery Projects
John Resig schrieb: phone number mask. I think this would make a great jQuery plugin. It has the right pieces of the puzzle. Example: input type=text jMask=###-###- Works as a great constraint to keep data in the correct format. I have no idea how to port this into a plugin. I am really not that good of a programmer. I am an interaction designer. Any suggestions? Here is a question: On the form validation example, take a look at the You should check out this form validation plugin: http://fuzz.bassistance.de/jQueryFormValidation/validateTest.html I think it'll handle what you're looking for You could add a validation rule that takes the pattern as a parameter, something like this: (function() { var match = function(value, pattern) { // matching code here }; jQuery.validator.rules.pattern = function(value, element, params) { return match(value, pattern); }; })(); And the using it like this: input validate=pattern:###-###-## / -- Jörn ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] $.fn.updateIfModified problems
I want to be able to have a progress bar periodically updated after a button is clicked, then when the server-side task is complete - the progress bar is no longer updated (to avoid hammering the server). I have attempted to write a plug-in that extends the functionality of the AJAX library loadIfModified() function. This plug-in allows the contents of a div to be periodically updated after a defined interval. The plug-in should also allow the update to be cancelled, however I have not been able to successfully implement this. Any suggestions how to fix this? Here's my code: var intervalTracker = new function() {}; $.fn.updateIfModified = function (options) { // default settings this.defaultSettings = { name: 'noName', url: '/', interval: 5000 }; // merge the options with the default settings var settings; if (options) { settings = $.extend(this.defaultSettings, options); } else { settings = this.defaultSettings; } // if the interval is negative, clear it if (settings.interval 0) { if (intervalTracker['interval_' + settings.name]) { clearInterval(intervalTracker['interval_' + settings.name]); } // otherwise create a new interval and add to tracker } else { intervalTracker['interval_' + settings.name] = setInterval(function() { $(this).loadIfModified(settings.url); }, settings.interval); } return this; } Here's how I start the updating: $('status-container').updateIfModified({name: 'pollStatus', url: 'status.jsp', interval: 1000}); ... and here's how I would like to cancel the updating: $('status-container').updateIfModified({interval: -1}); ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Tabs plugin: Truly bookmarkable finally
For some reason if I load the page and click some tab the hash changes. If I then copy the address from the address bar, and reload the initial page the hash stops changing on tab click. The tab content loads fine. Also if I bookmark tab 3 and then go to tab 1, then load the page from the bookmark the tab doesn't select. Also, if you load the page and #section-5 ( or whatever the hash might be ) is added to the url the page doesn't load the tab according to the url. Is this correct behavior? I was expecting to be able to bookmark a specific tab or load a specific tab from an url hash. -- View this message in context: http://www.nabble.com/Tabs-plugin%3A-Truly-bookmarkable-finally-tf2344275.html#a6535682 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Widget Challenge
Yehuda Katz schrieb: You can check out what Dojo has currently at http://dojotoolkit.org/ I haven't worked with Dojo and therefore dunno about its structure, I hope someone else can answer this question: Would it be possible to write an adapter to allow using Dojo widgets with jQuery as its base? -- Jörn ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New FX script out
It's a fairly boring effects library.On 9/27/06, abba bryant [EMAIL PROTECTED] wrote: http://www.devpro.it/bytefx/Not sure if anyone is interested but some of the fx are quite nice andprobably easily jqueryized ( I made up a new word. )Abba Bryant --View this message in context: http://www.nabble.com/New-FX-script-out-tf2347369.html#a6535505Sent from the JQuery mailing list archive at Nabble.com.___jQuery mailing listdiscuss@jquery.com http://jquery.com/discuss/-- Yehuda KatzWeb Developer | Wycats Designs(ph)718.877.1325 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New Selectors plugin: Adds :focus, :modified, :input, :text etc
George Adamson schrieb: They're in the svn? Great. I'll take them out of my plugin in that case. They are not yet documented: There is no way to add inline documentation for the expressions, and it doesn't make much sense to add it to the wiki before there is an official release. Anyway, your plugin offers enough good stuff without them, too :-) -- Jörn ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Debug Plugin
John Resig schrieb: I'm currently down-and-out with a nasty cold, but I took a break and hacked up a quick plugin. (I just realized that I've never actually released any plugins... oops!) Ah, at last! :-) Source Code: http://john.jquery.com/plugins/debug.js Quick test page: http://john.jquery.com/jquery/test/float.html Same page, but with a selector error (once you click the middle box): http://john.jquery.com/jquery/test/float2.html It prints out debugging information for all jQuery functions (e.g. $(), $().find(), $.trim(), etc.) using Firebug's console logging. It's obviously quite primitive, and the code is really bad, but it's something for now. I figure we can take this and hack it out into something good. Wow. Sick or not, you are always good for a decent surprise. That looks like it could boost jQuery development productivity quite a lot. No more adding of console.debug(this) statements everywhere while developing :-) One thing I noticed after a quick look: The default output for functions is pretty useless. When it outputs something like $.find #mid undefined, it states that the context for the search is not given, right? Seems like a vast playground with lots of space for ideas and improvements. -- Jörn ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Interface Slide bug
Using the 'SlideInDown' from 'Interface': http://interface.eyecon.ro/demos/ifxslide.html If I have a container absolute positioned, and instead of using 'top' and 'left' properties, I use 'right' and 'bottom', so the container attaches to the bottom right of the screen, the slide breaks. It still slides the container, however, it positions it in the top left corner of the screen. -- View this message in context: http://www.nabble.com/Interface-Slide-bug-tf2347586.html#a6536253 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ajax bug or I am really confused?
the comment nor the original code made any sense to me, I suggest // Make sure we get the dom parsed. if ( xml.overrideMimeType dataType == xml) xml.overrideMimeType('text/xml'); in place, or in addition(if that code was supposed to do something). On 9/27/06, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: at least it should be there for dataType==xml On 9/27/06, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: line 1691 of latest jquery * $Rev: 249 $ // Make sure the browser sends the right content length if ( xml.overrideMimeType ) xml.setRequestHeader(Connection, close); should probably read: xml.overrideMimeType('text/xml'); At least that is how I want it. Overriding html mime type lets files served as 'html' to be used in $('body',xml) type expressions. -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ ░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ ░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ ░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ ░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ ░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ ░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░ ▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Form plugin's serialize(): performance issues
Mike Alsup ha scritto: Believe it or not, make it a reverse for loop, it is even faster: Except that we want to process them in semantic order! :-) Hi, I read John and Mike pointed out the need to process form elements keeping their order. Can you explain why processing elements in semantic order is important? Thanks, Renato ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Form plugin's serialize(): performance issues
If you say jQuery doesn't support the OR selector '|', then I'm confused. I have a form with one SELECT element and several INPUTs. Check out the following results from Firebug: $('INPUT', $('#myform')).length 6 $('INPUT|SELECT', $('#myform')).length 7 That's what I expected as a result.. can you explain? Oh... well, I'll be: if ( !t.indexOf(,) || !t.indexOf(|) ) { Apparently I treat a | just like a , - which is odd and incorrect. I must've added that a long time ago and forgot about it. The result of each operator should be something like: For ',' (AND): input, input, input, select For '|' (OR): input, input, select, input The problem is that doing an 'OR' search with the DOM is hard (certainly not as easy as doing an AND). So, for now, I'd recommend migrating your '|' usage to ',' - as it probably won't work as you'd expect it to, for forever. --John ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
Same here with Glen, i'm using Moo.fx before JQuery...mostly on intranet projects. Anyway, being a UI guy... my knowledge on Javascript isn't good but because of library like JQuery, i'm starting to learn more of javascript/ajax stuff combined with CSS for presentation... Thanks to JQuery community... c,) cheers, cdelfino Glen Lipka wrote: I think I saw it on SitePoint. http://www.sitepoint.com/newsletter/viewissue.php?id=5issue=23format=html http://www.sitepoint.com/newsletter/viewissue.php?id=5issue=23format=html I was leaning towards Moo.fx and Prototype before I saw jQuery, but this was clearly the right way to go. I have been excited to code JS for the first time in a long time. Glen On 9/27/06, *Rey Bango* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Rebel! ;o) That was Revision 29! After all it was maybe a little dangerous because it was in a early beta stage to that time. But all things worked out well... -- Klaus ___ jQuery mailing list discuss@jquery.com mailto:discuss@jquery.com http://jquery.com/discuss/ ___ 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] Form plugin's serialize(): performance issues
Can you explain why processing elements in semantic order is important? Two reasons: $(input | select).eq(0) This should access the first matched element of input or select - when the order isn't important, you'll never know which element will actually be first. It's important that the element is actually the first element in the document. Secondly, when serializing forms, the order of the elements that comes back is frequently important - having a different order can cause problems for certain applications. --John ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Form plugin's serialize(): performance issues
Can you explain why processing elements in semantic order is important? Hi Renato, The reasoning behind keeping the elements in semantic order is to have the form submit data to the server in EXACTLY the same order as it would if javascript were disabled. For many, this is unimportant, but some folks have server-side code with ordering dependencies. Mike ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Form plugin's serialize(): performance issues
Perhaps there should be a FastSerialize method, that doesn't guarantee semantic order, and uses every shortcut to cut down on dom-walking time? This way, the developer can choose whether to use the faster method, or the slower-but-correctly-ordered method. - Brian Can you explain why processing elements in semantic order is important? Two reasons: $(input | select).eq(0) This should access the first matched element of input or select - when the order isn't important, you'll never know which element will actually be first. It's important that the element is actually the first element in the document. Secondly, when serializing forms, the order of the elements that comes back is frequently important - having a different order can cause problems for certain applications. --John ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] $().load didn't works ini IE6
This morning I tried a different approach. I had a select with id='propinsi', that had a list of province. When it change, I'd like to change the options in the select with id='kota'. I use the following code: script type=text/javascript!-- $(#propinsi).change(function () { $(.loader).css(display,inline); $(#kota).load(workflow/table_query.php, {table: kota, parameter: this.value}, function() {$(.loader).css(display,none);}); } ); //--/script In firebug, I get Response: ... option value=30Buleleng/option option value=31Denpasar/option ... and it's work well in firefox. But in IE6, I got an empty select. So I tried a longer method: script type=text/javascript!-- $(#propinsi).change(function () { $(.loader).css(display,inline); $.get(workflow/table_query_xml.php, {table: kota, parameter: this.value}, function (r, type) { //remove previous element except the first element $(#kota).children().gt(0).remove(); var options = $(option,r);//r.getElementsByTagName(option); for (var i=0; ioptions.length; i++) { var value = options[i].getAttribute(value); var label = options[i].getAttribute(label); $(#kota).append(new Option(label, value)); } $(.loader).css(display,none); } ); } ); //--/script In firebug, I get Response: options ... option value=30 label=Buleleng / option value=31 label=Denpasar / ... /options and it's work well too. But in IE6(again), I got an empty option only. Option value seem set, because when I submit the form, it send a correct value. The length of select now change according to the length of response it get from server. In the first method, the select seem always empty, no matter the response it get from server. Any idea how i get these script work in IE6 ?? -- Donny Kurnia http://hantulab.multiply.com/ http://hantulab.blogspot.com/ --- At times the world can seem an unfriendly and sinister place. But believe us when we say there is much more good in it than bad. And what might seem to be a series of unfortunate events, may in fact, be the first steps of a journey. -- A Series of Unfortunate Events ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] New Plugin: mousewheel
I've finished my mousewheel plugin + docs + test/example. The example/test page: http://brandonaaron.net/jquery/mousewheel/mousewheel.html The code: http://svn.brandonaaron.net/svn/jquery_plugins/mousewheel.js The blog entry: http://brandonaaron.net/articles/2006/09/28/jquery-plugin-mousewheel The blog entry is just me rambling a little bit. The inline docs are probably better. The biggest annoyance/issue was that Firefox/Mozilla doesn't allow the DOMMouseScroll event to be cancelable. So I had to hack around it but finally figured out a way to allow the default to be prevented. BTW, this uses the $().hover method and it has a bug that I've logged and supplied a patch for here: http://jquery.com/dev/bugs/bug/222/ As this is my first plugin, if there is anything I should do differently or any enhancements I could make (or if you find any bugs) just let me know. :) Brandon Aaron ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New Plugin: mousewheel
Great plugin. Couple recommendation: - The addition of mousewheelup/mousewheeldown methods. - The standardization of an event.detail and/or event.wheelDelta (IMO, I think wheelDelta makes more sense). This way you can access the same property in all browsers. Do you still need testing for Opera and Safari? I realize that you said that Safari didn't work, but I'm sure that there's a couple of us here who can research into this some more, to find a good cross-browser solution. Keep up the great work! --John On 9/28/06, Brandon Aaron [EMAIL PROTECTED] wrote: I've finished my mousewheel plugin + docs + test/example. The example/test page: http://brandonaaron.net/jquery/mousewheel/mousewheel.html The code: http://svn.brandonaaron.net/svn/jquery_plugins/mousewheel.js The blog entry: http://brandonaaron.net/articles/2006/09/28/jquery-plugin-mousewheel The blog entry is just me rambling a little bit. The inline docs are probably better. The biggest annoyance/issue was that Firefox/Mozilla doesn't allow the DOMMouseScroll event to be cancelable. So I had to hack around it but finally figured out a way to allow the default to be prevented. BTW, this uses the $().hover method and it has a bug that I've logged and supplied a patch for here: http://jquery.com/dev/bugs/bug/222/ As this is my first plugin, if there is anything I should do differently or any enhancements I could make (or if you find any bugs) just let me know. :) Brandon Aaron ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery Projects
Glen Lipka schrieb: Would this work onKeyPress? I think I get where you are going. Struggling. :( Sure, just apply the validator on keypress: $(form input).keypress(function() { $(this).validate(); }); I you have ideas to make the plugin easier to use, just tell me .-) -- Jörn ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] When / how did you find out about jQuery?
A colleague of mine discovered jQuery and started using it in one of our projects around January 2006. I was amazed by its simplicity, and was instantly converted. I don't think I've had a project since without using a little jQuery. Sadly, my colleague left this list, but is still jQuery-ing it up 8 to 5. I might say I grok jQuery. (Anyone wanna make a shirt with that on it? If so, at least give me credit for the idea... I'll buy one) -- Tim Gossett ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/