[jQuery] Re: 2nd Trigger for images hover function
Perfect! Thanks so much! On Jan 8, 4:15 pm, Šime Vidas sime.vi...@gmail.com wrote: How many DIVs of class tv do you have? One? And you want an other DIV to trigger the cross-fade on the tv DIV? If that is the case... $(document).ready(function () { $('div.tv, #theOtherDiv').hover(function () { var div = $('div.tv div'); if (div.is(':animated')) { div.stop().fadeTo(500, 1); } else { div.fadeIn(250); } }, function () { var div = $('div.tv div'); if (div.is(':animated')) { div.stop().fadeTo(1000, 0); } else { div.fadeOut(1000); } });
[jQuery] 2nd Trigger for images hover function
I recently implemented the Image Cross Fade Transition (http:// jqueryfordesigners.com/image-cross-fade-transition/) It works great, and I'm hoping to add to the code to enhance the functionality. Currently, if I hover over the image, it runs the cross fade transition, which I would like to keep. I have another div on the page that I would like to trigger the first instance when hovered over as well. Is there a good way to add this? Here's what I'm using for the first instance: $(document).ready(function () { $('div.tv').hover(function () { //hover in var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(500, 1); } else { div.fadeIn(250); } }, function () { // hover out var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(1000, 0); } else { div.fadeOut(1000); } });
[jQuery] Re: Add a second trigger in this function
Unfortunately that didn't work either. Is there another approach that I should be taking on this? On Jan 6, 3:20 pm, Johan Borestad johan.bores...@gmail.com wrote: I think you just forgot the last brackets on your hover method: $(div.tvbutton).hover(function () { $(div.tv).trigger('hover'); }) --- Forgotten This could be optimized a little better by using id's, or at last saving a a reference to the div.tv, so that you don't have to make search for the div every time (unless you're using ajax ofcourse), but this should work now at last :-) / Johan On Jan 6, 9:42 pm, Jordan jscottphil...@gmail.com wrote: Thanks for the insight Johan! When I implemented that though, it just added the hover cross fade to the other div as well. I am looking for a way to make the 2nd div JUST trigger the first. I was looking at the page you linked to and I am messing around with something like the following... although I can't get it to work. Any thoughts? $(document).ready(function () { $('div.tv, div.desk, div.phone').hover(function () { //hover in var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(500, 1); } else { div.fadeIn(250); } }, function () { // hover out var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(1000, 0); } else { div.fadeOut(1000); } }); $(div.tvbutton).hover(function () { $(div.tv).trigger('hover'); }); On Jan 5, 4:33 pm, Johan Borestad johan.bores...@gmail.com wrote: Hi! There are a number of nice implementations you could use for this. Example the jQuery trigger.http://docs.jquery.com/Events/trigger But for now, the simpliest solution is just to add another selector like this $('div.example, div.tv').hover( . / Johan On Jan 5, 8:33 pm, Jordan jscottphil...@gmail.com wrote: I recently implemented the Image Cross Fade Transition (http:// jqueryfordesigners.com/image-cross-fade-transition/) It works great, and I'm hoping to add to the code to enhance the functionality. Currently, if I hover over the image, it runs the cross fade transition, which I would like to keep. I have another div on the page that I would like to trigger the first instance when hovered over as well. Is there a good way to add this? Here's what I'm using for the first instance: $(document).ready(function () { $('div.tv').hover(function () { //hover in var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(500, 1); } else { div.fadeIn(250); } }, function () { // hover out var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(1000, 0); } else { div.fadeOut(1000); } });
[jQuery] Re: Add a second trigger in this function
Thanks for the insight Johan! When I implemented that though, it just added the hover cross fade to the other div as well. I am looking for a way to make the 2nd div JUST trigger the first. I was looking at the page you linked to and I am messing around with something like the following... although I can't get it to work. Any thoughts? $(document).ready(function () { $('div.tv, div.desk, div.phone').hover(function () { //hover in var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(500, 1); } else { div.fadeIn(250); } }, function () { // hover out var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(1000, 0); } else { div.fadeOut(1000); } }); $(div.tvbutton).hover(function () { $(div.tv).trigger('hover'); }); On Jan 5, 4:33 pm, Johan Borestad johan.bores...@gmail.com wrote: Hi! There are a number of nice implementations you could use for this. Example the jQuery trigger.http://docs.jquery.com/Events/trigger But for now, the simpliest solution is just to add another selector like this $('div.example, div.tv').hover( . / Johan On Jan 5, 8:33 pm, Jordan jscottphil...@gmail.com wrote: I recently implemented the Image Cross Fade Transition (http:// jqueryfordesigners.com/image-cross-fade-transition/) It works great, and I'm hoping to add to the code to enhance the functionality. Currently, if I hover over the image, it runs the cross fade transition, which I would like to keep. I have another div on the page that I would like to trigger the first instance when hovered over as well. Is there a good way to add this? Here's what I'm using for the first instance: $(document).ready(function () { $('div.tv').hover(function () { //hover in var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(500, 1); } else { div.fadeIn(250); } }, function () { // hover out var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(1000, 0); } else { div.fadeOut(1000); } });
[jQuery] Add a second trigger in this function
I recently implemented the Image Cross Fade Transition (http:// jqueryfordesigners.com/image-cross-fade-transition/) It works great, and I'm hoping to add to the code to enhance the functionality. Currently, if I hover over the image, it runs the cross fade transition, which I would like to keep. I have another div on the page that I would like to trigger the first instance when hovered over as well. Is there a good way to add this? Here's what I'm using for the first instance: $(document).ready(function () { $('div.tv').hover(function () { //hover in var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(500, 1); } else { div.fadeIn(250); } }, function () { // hover out var div = $(' div', this); if (div.is(':animated')) { div.stop().fadeTo(1000, 0); } else { div.fadeOut(1000); } });
[jQuery] Another quick update to CFJS
Hey folks, I've made another quick update to the DateFormat function in CFJS. You can read about it on my blog if you like (http://cjordan.us/index.cfm/CFJS). It's at version 1.1.12, and as always is available from http://cfjs.riaforge.org. Cheers! Chris
[jQuery] A quick note about CFJS
I just wanted to let everyone know that CFJS 1.1.11 is now available. There was a small bug in two of the list functions (ListContains and ListContainsNoCase). You can read about the changes herehttp://cjordan.us/index.cfm/2009/10/15/CFJS---Bug-Fix-Release. You can download the latest version of CFJS here http://cfjs.riaforge.org. Thanks, Chris
[jQuery] Quick announcement about CFJS for jQuery
Hi folks, I just wanted to drop a quick note letting everyone know that I've committed cfjs 1.1.10 to the repository on riaforge.org (http:// svn.riaforge.org/cfjs/). This new version includes HTMLCodeFormat() and HTMLEditFormat(). I'll be working on NumberFormat() soon as well as a short list of Array functions that have been on my to-do list for quite a while now. These include: ArrayAverage() ArrayClear() ArrayDeleteAt() ArrayInsertAt() ArraySum() You can visit the project page over at cfjs.riaforge.org, or read my blog articles about it over at http://cjordan.us/index.cfm/CFJS Hope folks are continuing to find this useful. :o)
[jQuery] Re: Detecting Selected Text
Thanks for the response Richard. I'll check out these links. :o) On Aug 19, 7:59 am, Richard D. Worth rdwo...@gmail.com wrote: See http://code.google.com/p/ierange/ For a bit of history (though a different author), you can readhttp://marijn.haverbeke.nl/codemirror/story.html the last 6 paragraphs under 'Take one: Only indentation'. - Richard On Tue, Aug 18, 2009 at 4:08 PM, Chris Jordan chris.s.jor...@gmail.comwrote: Is there a particularly jQuery-ish way to determine if there is text selected on the screen? I've googled around for some code on this subject, but I want to be sure that whatever I use is cross-browser compatible. It's been my experience that if I let jQuery do the heavy lifting for me, that my solutions are always compatible across the major browsers. What I'm specifically needing to do is see if the length of what the user has selected in a text field is the same as the length of all of the text in that field. Make sense? In other words, if I've got a text box with fifteen characters in it, I want to know the length of their selection (zero to fifteen). Thanks!
[jQuery] Detecting Selected Text
Is there a particularly jQuery-ish way to determine if there is text selected on the screen? I've googled around for some code on this subject, but I want to be sure that whatever I use is cross-browser compatible. It's been my experience that if I let jQuery do the heavy lifting for me, that my solutions are always compatible across the major browsers. What I'm specifically needing to do is see if the length of what the user has selected in a text field is the same as the length of all of the text in that field. Make sense? In other words, if I've got a text box with fifteen characters in it, I want to know the length of their selection (zero to fifteen). Thanks!
[jQuery] Re: [validator] how to turn off validation once it's turned on
Sasha wrote: What I'm trying to figure out is if I can turn off the validator for the 2nd button when I add a row to the table, while keeping it active for the 1st one. To do this you remove the metadata from the form element which you don't want to validate. e.g. if you have a required element, it has the class required, simply remove the class to stop the validation on the element. And reinstate it when you want it again. Steve
[jQuery] Re: [validate] - disabling focusInvalid for a given element
Steve J wrote: Group, I'm putting together a form using the Validate plugin, and have run into an issue it would be nice to resolve. My issue Is around the focusInvalid option. I'd like to disable the focusInvalid behavior for a particular element, yet keep it enabled for the rest. Is this possible? Any help or input you could provide would be appreciated. thanks Steve Anyone?
[jQuery] Re: [jQuery][validate] - disabling focusInvalid for a given element
Jörn Zaefferer wrote: There is no official API for that, but you can customize the focusInvalid method. An example is here: http://jquery.bassistance.de/validate/demo/tinymce/ (take a look at the source) Jörn Thanks for the help. It turned out I was going round the houses to do something which works by default. Steve
[jQuery] Selectbox Manipulation...Works in FF but not in IE6 or IE7
Hi folks, I'm trying to manipulate which item in a select box is selected using jQuery. The following code snippet works great in FF but fails miserably in IE6 and IE7 // select the publish to option $(#PublishToID option).each(function(){ $this = $(this); if($this.attr(textContent) == PublishTo){ $this.attr(selected, true) } }); Given that I have a select box that looks like this: select name=PublishTo id=PublishToID option value=3Some Page Title/option option value=4Some Other Page Title/option option value=5Page 5/option option value=1Page 1/option option value=2Page 2/option /select -- http://cjordan.us
[jQuery] Re: Selectbox Manipulation...Works in FF but not in IE6 or IE7
I just realized I may need to explain a little further. I've got a table on the same page. Clicking on a record in that table populates a small form on the page with the information from that record. The text and check boxes are easy enough to populate, but telling the select box which of it's options is now selected as a result of that user click is a little harder it seems. The code snippet in my original post fires when a user clicks on a record in the table, and in FireFox 3.0.6 it works just fine, but in IE6 and IE7 it fails. I should also probably mention that I'm using jquery 1.2.6 packed. Thanks, Chris On Feb 26, 3:11 pm, Chris Jordan chris.s.jor...@gmail.com wrote: Hi folks, I'm trying to manipulate which item in a select box is selected using jQuery. The following code snippet works great in FF but fails miserably in IE6 and IE7 // select the publish to option $(#PublishToID option).each(function(){ $this = $(this); if($this.attr(textContent) == PublishTo){ $this.attr(selected, true) } }); Given that I have a select box that looks like this: select name=PublishTo id=PublishToID option value=3Some Page Title/option option value=4Some Other Page Title/option option value=5Page 5/option option value=1Page 1/option option value=2Page 2/option /select --http://cjordan.us
[jQuery] Re: Selectbox Manipulation...Works in FF but not in IE6 or IE7
James, Thanks for the response. I don't know why I didn't see it before, but your comment about the conditional check got me thinking. I did try $this.attr(selected, selected); and that works just as well as my original, but the conditional is where my problem was. FF understood the 'textContent' attribute, but IE67 only understood 'text'. Honestly, when I was looking at the thing originally in FF, I just didn't see 'text' I saw only 'textContent' so that's what I used. Thankfully though FF and IE67 understand $this.attr(text), so I'm all good now. Thanks, Chris On Feb 26, 3:32 pm, James james.gp@gmail.com wrote: I'm not sure about the: if($this.attr(textContent) == PublishTo) part. It sounds very custom. Provided this conditional check is working correctly, how about trying: $this.attr(selected, selected) ; to set the value. Or if you can get the actual options value, you can set the value of the select drop-down: $(select).val(1); On Feb 26, 11:24 am, Chris Jordan chris.s.jor...@gmail.com wrote: I just realized I may need to explain a little further. I've got a table on the same page. Clicking on a record in that table populates a small form on the page with the information from that record. The text and check boxes are easy enough to populate, but telling the select box which of it's options is now selected as a result of that user click is a little harder it seems. The code snippet in my original post fires when a user clicks on a record in the table, and in FireFox 3.0.6 it works just fine, but in IE6 and IE7 it fails. I should also probably mention that I'm using jquery 1.2.6 packed. Thanks, Chris On Feb 26, 3:11 pm, Chris Jordan chris.s.jor...@gmail.com wrote: Hi folks, I'm trying to manipulate which item in a select box is selected using jQuery. The following code snippet works great in FF but fails miserably in IE6 and IE7 // select the publish to option $(#PublishToID option).each(function(){ $this = $(this); if($this.attr(textContent) == PublishTo){ $this.attr(selected, true) } }); Given that I have a select box that looks like this: select name=PublishTo id=PublishToID option value=3Some Page Title/option option value=4Some Other Page Title/option option value=5Page 5/option option value=1Page 1/option option value=2Page 2/option /select --http://cjordan.us
[jQuery] Re: UI download builder broken?
Mika Tuupola wrote: http://ui.jquery.com/download_builder/ Is UI download builder working? I choose the components I want and click download but nothing happens. It just resets the form. I have the exact same issue. Regards, -- Jordan
[jQuery] Passing data to the jQuery.get callback
Hello, I am developing my blog from scratch, using XHTML and jQuery 1.2. On a page, I have multiple posts, each having a show comments link, that is handled by jQuery. I want it to fetch the comments on the PHP backend using Ajax, and insert them in the DOM. This way, comments would be dynamically loaded. Currently, I have this: $.get('/blog/get-comments.php', {'id': newsID}, JW.HomePage.commentsLoaded); JW.HomePage.commentsLoaded = function(data, textStatus) { } My problem is: how do I know in the JW.HomePage.commentsLoaded callback which comments have loaded? There might be multiple comments being fetched at the same time, so the use of a global variable is not a good idea, IMHO. For now, the PHP script is returning a div containing everything, and that div has an ID that contains the post ID, but I don't like this solution because if for some reason I get garbled HTML from the backend, I want to fall back on my feet. Also, I don't like the idea of parsing this.url for the ID of the post I retrieved, because it's not very safe either. Question is : Is there a way to join data to the jQuery Ajax object and get the data back in the different callbacks? This way I could keep the ID of the DIV i'm loading data into with each request. Any help appreciated, Thanks a lot, Jordan
[jQuery] Re: minify + gzip??????? stupid question i know but please explain...
Yeah, nothing bugs me more than when I'm searching for the answer to something on google only to come up with fifteen mailing list posts on the subject where the only answer is some smart-ass telling me to search google for it. :o/ On Wed, Oct 15, 2008 at 9:06 AM, Alex Weber [EMAIL PROTECTED] wrote: lol tried that, had to wade through a lot of stuff but I guess I found my answers. if you knew it off the top of your head wouldn't hurt to just say it! =P thanks! -Alex On Oct 15, 9:23 am, MorningZ [EMAIL PROTECTED] wrote: Answers to your questions, every single one of them http://www.google.com/search?q=gzip On Oct 15, 7:58 am, Alex Weber [EMAIL PROTECTED] wrote: the recomendation out there is serve your JS minified + gzipped ok, i downloaded the YUI minified and use it to minify all my files (~50% size reduction)... now whats all this talk about gzipping? do i have to manually download gzip and do the same thing? AFTER I minify the file? (or write a batch that does both?) or if i enable mod_deflate it takes care of the gzipping? thanks! :) -- http://cjordan.us
[jQuery] Re: jqGrid 3.3 version
Yeah, wow! I'm definitely bookmarking that! Very nicely done! Chris On Tue, Oct 14, 2008 at 2:08 PM, Benjamin Sterling [EMAIL PROTECTED] wrote: Tony, I really must say that that is a beautiful piece of work; I don't have a need for it right now but be sure that I have bookmarked and passed your url on to other devs. On Tue, Oct 14, 2008 at 2:59 PM, Tony [EMAIL PROTECTED] wrote: Hello all, A new version of jqGrid is available. All the new features and bug fixes can be found here http://www.secondpersonplural.ca/jqgriddocs/index.htm Be a sure to visit the demo page for the new features. http://trirand.com/jqgrid/jqgrid.html The jqGrid home page is here http://trirand.com/blog/ Enjoy Tony -- Benjamin Sterling Skype: benjamin.sterling AIM: thekenzoco Web: http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.BenjaminSterling.com -- http://cjordan.us
[jQuery] Re: Best JQuery pop-up plugin.
Given your requirements, you can't go wrong with using jQueryUI. - modal pop-up (check) - easy to control life cycle (check) - good documentation (check) -- http://docs.jquery.com/UI/Dialog - easy to customize look and feel ( same link as above, see Theming, also check out the theme roller, very cool!) on the topic of documentation, jQueryUI is officially supported and it has it's own mailing list (google group) with all sorts of knowledgeable people to help out. Just my two-cents again. :o) Chris On Fri, Sep 19, 2008 at 2:38 PM, crypto5 [EMAIL PROTECTED] wrote: Thanks everybody for responses. Ok, my requirements are: - modal pop-up - easy to control life cycle(open, close, handle events). - easy to customize look and feel - good documentation. Don't like look at spaghetti code to figure out how it works - existing themes are big plus Currently I made 5 minutes tests for Thickbox, jquery dialog and facebox. Could not find how to customize look and feel for thickbox and facebox. My jquery dialog test doesn't work: the default flora theme doesn't work for me. So I am asking jquery experts to help me make my choice and dive into single pop-up lib. Eric Martin-3 wrote: It really depends on what you are using it for as well as your personal preferences. I tried BlockUI and jqModal before I finally decided to write my own (SimpleModal). Each one has its strengths and weaknesses, plus there are a lot more out there that aren't even mentioned. Perhaps you can tell us more about your requirements, which may help direct you to one that best fits your needs. On the other hand, you could always give each one the 5-minute test ;) Eric Martin -- http://ericmmartin.com On Sep 18, 9:51 am, crypto5 [EMAIL PROTECTED] wrote: Hi All, what is the best JQuery pop-up window plugin in your opinion? I am not strong experienced in JQuery and looking for such plugin but don't want test everything. So lloking for short cut. Thanks All! -- View this message in context: http://www.nabble.com/Best-JQuery-pop-up-plugin.-tp19556756s27240p195... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/Best-JQuery-pop-up-plugin.-tp19556756s27240p19578372.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- http://cjordan.us
[jQuery] Re: Best JQuery pop-up plugin.
I agree that theme roller is one of the coolest things since sliced bread... :o) On Fri, Sep 19, 2008 at 3:24 PM, Richard D. Worth [EMAIL PROTECTED] wrote: For jQuery UI Dialog themes, take a look at ThemeRoller: http://themeroller.com/ - http://ui.jquery.com/themeroller There are ready-made themes in the Theme Gallery or you can Roll Your Own (modifying an existing one, or starting from scratch). - Richard On Fri, Sep 19, 2008 at 3:38 PM, crypto5 [EMAIL PROTECTED] wrote: Thanks everybody for responses. Ok, my requirements are: - modal pop-up - easy to control life cycle(open, close, handle events). - easy to customize look and feel - good documentation. Don't like look at spaghetti code to figure out how it works - existing themes are big plus Currently I made 5 minutes tests for Thickbox, jquery dialog and facebox. Could not find how to customize look and feel for thickbox and facebox. My jquery dialog test doesn't work: the default flora theme doesn't work for me. So I am asking jquery experts to help me make my choice and dive into single pop-up lib. Eric Martin-3 wrote: It really depends on what you are using it for as well as your personal preferences. I tried BlockUI and jqModal before I finally decided to write my own (SimpleModal). Each one has its strengths and weaknesses, plus there are a lot more out there that aren't even mentioned. Perhaps you can tell us more about your requirements, which may help direct you to one that best fits your needs. On the other hand, you could always give each one the 5-minute test ;) Eric Martin -- http://ericmmartin.com On Sep 18, 9:51 am, crypto5 [EMAIL PROTECTED] wrote: Hi All, what is the best JQuery pop-up window plugin in your opinion? I am not strong experienced in JQuery and looking for such plugin but don't want test everything. So lloking for short cut. Thanks All! -- View this message in context: http://www.nabble.com/Best-JQuery-pop-up-plugin.-tp19556756s27240p195... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/Best-JQuery-pop-up-plugin.-tp19556756s27240p19578372.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- http://cjordan.us
[jQuery] Re: Best JQuery pop-up plugin.
Um... jQueryUI's dialog widget is good... and super easy to use. I'm just sayin'... ;o) Chris On Thu, Sep 18, 2008 at 11:51 AM, crypto5 [EMAIL PROTECTED] wrote: Hi All, what is the best JQuery pop-up window plugin in your opinion? I am not strong experienced in JQuery and looking for such plugin but don't want test everything. So lloking for short cut. Thanks All! -- View this message in context: http://www.nabble.com/Best-JQuery-pop-up-plugin.-tp19556756s27240p19556756.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- http://cjordan.us
[jQuery] Re: New jQuery Website...
Amen to this sort of thing being a royal pain in the arse! :o( Chris On Wed, Sep 10, 2008 at 11:26 AM, Rick Faircloth [EMAIL PROTECTED]wrote: Your code demonstration is a definite strike against incremental upgrades in my eyes...something could break every few days. Since I don't use Vista, yet, I have to wonder how many of my sites are failing on IE7 for Vista, yet performing perfectly on every XP system. What a pain! Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of jeremyBass Sent: Wednesday, September 10, 2008 11:22 AM To: jQuery (English) Subject: [jQuery] Re: New jQuery Website... All of the versions act different... mostly due to trying to fix some bug we are not thinking about but IE 7.0.6001.18000 (vista) 7.0.5730.11 (xp upgraded install to sp2) 7.0.5730.13(xp sp2 full install) they all act different... ie... if you wrote this... var agent= navigator.userAgent.toLowerCase(); var ver = parseInt(navigator.appVersion); var ie = agent.indexOf(msie)=0; var ie6=ie agent.indexOf(msie 6)=0; var ie7=ie agent.indexOf(msie 7)=0; var ff=!ie agent.indexOf(mozilla)=0; var ff2=ff ver==4; var ff3=ff ver==5; if (ff3){ do somthing for ff3 } else if (ie6){ do somthing for ie6 } else if (ie7){ do somthing for ie7 }else{ not supported sorry} IE 7.0.5730.11 falls in to ie6 but IE7, 7.0.5730.13 will not where as if (ff3){ do somthing for ff3 } else if (ie7){ do somthing for ie7 } else if (ie6){ do somthing for ie6 }else{ not supported sorry} IE 7.0.5730.11 falls in ie7 along with the rest... the joys of the web... jeremyBass On Sep 10, 6:53 am, Rick Faircloth [EMAIL PROTECTED] wrote: Yes, I'm on IE7, 7.0.5730.13. I'll have to check on upgrading. But why would there be so much difference between 7.0.6001.18000 and the rest? Surely there a lot of users using earlier versions... Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of jeremyBass Sent: Wednesday, September 10, 2008 12:30 AM To: jQuery (English) Subject: [jQuery] Re: New jQuery Website... I think chris would see it right as on my vista pc (IE 7.0.6001.18000 ) all is fine... so my hunch is the largest hole is XP IE users... IE 7.0.5730.11 IE 7.0.5730.13 and all of IE 6 ... but i haven't check those since work eralyer today jeremyBass On Sep 9, 5:19 pm, Rick Faircloth [EMAIL PROTECTED] wrote: Chris. Check this one in IE7. http://docs.jquery.com/Tutorials:jQuery_For_Designers# Rick- Hide quoted text - - Show quoted text - No virus found in this incoming message. Checked by AVG - http://www.avg.com Version: 8.0.169 / Virus Database: 270.6.19/1663 - Release Date: 9/10/2008 6:00 AM -- http://cjordan.us
[jQuery] Re: New jQuery Website...
I just looked at the site in IE7 and I'm not seeing any problems. I clicked around in the documentation, and tutorials area, and just didn't notice a problem. Jeremy, maybe you *should* provide some specifics... either that or I'm blind! :o) Chris On Mon, Sep 8, 2008 at 12:26 PM, jeremyBass [EMAIL PROTECTED] wrote: I don't know if this is just me but the site is all kinds of broken... I'mean in almost everywere... this is 2 IE7's and 1 IE6's on 3 pcs... I'd give a url but ... well it's almost everywhere... cool idea though... On Sep 8, 10:03 am, Rick Faircloth [EMAIL PROTECTED] wrote: Yes, it does look great! Rick From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Chris Jordan Sent: Monday, September 08, 2008 12:58 PM To: jQuery Group Subject: [jQuery] New jQuery Website... I really like the look of the new jQuery website. When did it get launched? My hats off to the designers! It looks fantastic!! :o) Chris --http://cjordan.us No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.169 / Virus Database: 270.6.17/1655 - Release Date: 9/8/2008 7:01 AM -- http://cjordan.us
[jQuery] Re: New jQuery Website...
Hmm... still looks fine to me. I'm using IE 7.0.6001.18000 Yeah, I hope the designer can get this resolved too. Hope these version numbers help out. Chris On Tue, Sep 9, 2008 at 12:05 PM, jeremyBass [EMAIL PROTECTED] wrote: Sure can... the page i was currently on... http://plugins.jquery.com/project/Intercept (but it's almost every page...) and here is a pic for you http://digitalbarn.tv/Proofs/NCITA/proofs/Untitled-1.jpg and the browser version IE 7.0.5730.11 which there is a big diff between that and IE 7.0.5730.13 if i was to pin it down... i'd say it's a clearing issue.. but i didn't look at the code... hope that helps jeremyBass On Sep 9, 9:54 am, Chris Jordan [EMAIL PROTECTED] wrote: I just looked at the site in IE7 and I'm not seeing any problems. I clicked around in the documentation, and tutorials area, and just didn't notice a problem. Jeremy, maybe you *should* provide some specifics... either that or I'm blind! :o) Chris On Mon, Sep 8, 2008 at 12:26 PM, jeremyBass [EMAIL PROTECTED] wrote: I don't know if this is just me but the site is all kinds of broken... I'mean in almost everywere... this is 2 IE7's and 1 IE6's on 3 pcs... I'd give a url but ... well it's almost everywhere... cool idea though... On Sep 8, 10:03 am, Rick Faircloth [EMAIL PROTECTED] wrote: Yes, it does look great! Rick From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Chris Jordan Sent: Monday, September 08, 2008 12:58 PM To: jQuery Group Subject: [jQuery] New jQuery Website... I really like the look of the new jQuery website. When did it get launched? My hats off to the designers! It looks fantastic!! :o) Chris --http://cjordan.us No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.169 / Virus Database: 270.6.17/1655 - Release Date: 9/8/2008 7:01 AM --http://cjordan.us- Hide quoted text - - Show quoted text - -- http://cjordan.us
[jQuery] New jQuery Website...
I really like the look of the new jQuery website. When did it get launched? My hats off to the designers! It looks fantastic!! :o) Chris -- http://cjordan.us
[jQuery] Re: Doc's site down?
That's good news, John. All this reminds me that I've not donated to jQuery in a several months. I somehow feel like I need (and want) to send in more support. I don't know if the hosting for the jQuery site (servers, bandwidth, administration, maintenance, etc.) is being donated or what, but a little money couldn't hurt, right? Thanks for all you (and the rest of the jQuery team) do, John! :o) Chris On Thu, Aug 28, 2008 at 2:26 PM, John Resig [EMAIL PROTECTED] wrote: We've been working with the guys at Media Temple - they're going to be breaking us off into multiple servers. Right now the docs site (for example) is getting the equivalent of about 3-4 Slashdot/Digg effects per day so we have to boost up the resources that we have. --John On Thu, Aug 28, 2008 at 3:22 PM, Chris Jordan [EMAIL PROTECTED]wrote: No offense to Remy, but I just don't like the way the Visual jQuery docs are laid out. I *really* like the way the official docs are laid out on docs.jQuery.com. If a copy of the docs in that exact format could be hosted somewhere else as an alternative to docs.jQuery.com, then I'd be happy with that. Just my two-cents. Having docs down (they appear to be down right now 2:22pm cst) is very frustrating, but I'm happy to know that they're working to resolve the issue. Any kind of update on the problem, Rey? Chris On Thu, Aug 28, 2008 at 10:48 AM, Sam [EMAIL PROTECTED] wrote: For jQuery reference, I use Visual jQuery almost exclusively, unless using a new plugin: http://remysharp.com/visual-jquery/ Seems to be a better option than the docs site. -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: $ Not defined
I had a similar problem recently, and it turned out to be a permissions issue with just the jquery source file. Fixed the permissions problem, and the file started getting included properly. Have you looked at a possible permissions issue? Chris On Thu, Aug 28, 2008 at 11:04 AM, Chris [EMAIL PROTECTED] wrote: I am having trouble with the $ not defined error and after reading Karl's response (http://groups.google.com/group/jquery-en/ browse_thread/thread/17dab2899c5cfc18/7312dc68c84d93af?lnk=gstq=%24+is +not+defined#7312dc68c84d93afhttp://groups.google.com/group/jquery-en/browse_thread/thread/17dab2899c5cfc18/7312dc68c84d93af?lnk=gstq=%24+is+not+defined#7312dc68c84d93af) I have assured myself that it is in fact NOT loading my local copy of the jquery file. I have tried placing it in the same directory as the calling file, my js directory, all diff places. I renamed the download file to jquery126.js and did the following... script type=text/javascript src=js/jquery126.js/script script type=text/javascript src=js/global.js/script Oddly enough when using firebug - I can confirm that the jquery file is giving me a 404 - yet the global.js file is being served just fine. They are both located in the same placve, I have confirmed the file spelling etc. I even tried using the Dreamweaver code hints to help me browse for and select the correct file. Yet the only file that will not wok is my jquery file. Any ideas anyone? Thanks, Chris -- http://cjordan.us
[jQuery] Re: BlockUI: Strange flickering behavior.
Mike, thanks for your suggestion. I'll give that a shot and let report back. :o) Chris On Tue, May 20, 2008 at 9:11 PM, Mike [EMAIL PROTECTED] wrote: http://rock-itnaturalstone.com/dev/ThinVeneer.php Just hover over some of the stone samples to see what it's doing. It's driving me crazy. It's almost as if the mouseover even fires constantly while the mouse is hovered over the element, rather than just firing once. Any thoughts? Thanks, Chris Hey Chris, You mouseout handler is definitely getting called. Maybe moving the calls around like this would help: $(.thumb).bind(mouseover, function(){ $(this).block({ message: $(this).attr(alt), // other options here }).bind(mouseout,function(){ $(this).unblock().unbind('mouseout'); }); }); -- http://cjordan.us
[jQuery] Re: BlockUI: Strange flickering behavior.
That didn't fix the flickering problem. :o( Can anyone help? http://rock-itnaturalstone.com/dev/ThinVeneer.php Chris On Wed, May 21, 2008 at 11:10 AM, Chris Jordan [EMAIL PROTECTED] wrote: Mike, thanks for your suggestion. I'll give that a shot and let report back. :o) Chris On Tue, May 20, 2008 at 9:11 PM, Mike [EMAIL PROTECTED] wrote: http://rock-itnaturalstone.com/dev/ThinVeneer.php Just hover over some of the stone samples to see what it's doing. It's driving me crazy. It's almost as if the mouseover even fires constantly while the mouse is hovered over the element, rather than just firing once. Any thoughts? Thanks, Chris Hey Chris, You mouseout handler is definitely getting called. Maybe moving the calls around like this would help: $(.thumb).bind(mouseover, function(){ $(this).block({ message: $(this).attr(alt), // other options here }).bind(mouseout,function(){ $(this).unblock().unbind('mouseout'); }); }); -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: BlockUI: Strange flickering behavior.
Just to clarify, in order to see the problem (especially in FF -- it looks a little different in IE) mouse over one of the thumbnails in the center of the page, and then leave the mouse there. You don't have to do any further movement of the mouse to see the problem happening. Thanks everyone. I really, really need help on this. :o( Chris On Wed, May 21, 2008 at 11:15 AM, Chris Jordan [EMAIL PROTECTED] wrote: That didn't fix the flickering problem. :o( Can anyone help? http://rock-itnaturalstone.com/dev/ThinVeneer.php Chris On Wed, May 21, 2008 at 11:10 AM, Chris Jordan [EMAIL PROTECTED] wrote: Mike, thanks for your suggestion. I'll give that a shot and let report back. :o) Chris On Tue, May 20, 2008 at 9:11 PM, Mike [EMAIL PROTECTED] wrote: http://rock-itnaturalstone.com/dev/ThinVeneer.php Just hover over some of the stone samples to see what it's doing. It's driving me crazy. It's almost as if the mouseover even fires constantly while the mouse is hovered over the element, rather than just firing once. Any thoughts? Thanks, Chris Hey Chris, You mouseout handler is definitely getting called. Maybe moving the calls around like this would help: $(.thumb).bind(mouseover, function(){ $(this).block({ message: $(this).attr(alt), // other options here }).bind(mouseout,function(){ $(this).unblock().unbind('mouseout'); }); }); -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: BlockUI: Strange flickering behavior.
Michael, I'll try this. Thanks so much. On Wed, May 21, 2008 at 11:21 AM, Michael Price [EMAIL PROTECTED] wrote: Chris Jordan wrote: Just to clarify, in order to see the problem (especially in FF -- it looks a little different in IE) mouse over one of the thumbnails in the center of the page, and then leave the mouse there. You don't have to do any further movement of the mouse to see the problem happening. Thanks everyone. I really, really need help on this. :o( Downloaded a copy of the page via Firefox and tried changing your bindings to use the hover function - seemed to work OK but I'm still getting the eggtimer over the images for some reason: $(.thumb).hover(function() { // MOUSEOVER HERE },function() { // MOUSEOUT HERE }); Regards, Michael Price -- http://cjordan.us
[jQuery] Re: BlockUI: Strange flickering behavior.
Hey, that's progress! I'm still getting the hour glass too, but the flicker is gone. It seemed before like the constantly being blocked and unblocked in rapid succession. Now, it looks just right, except that I don't like the hour glass. But I think I can show it to my client like this. Any further assistance would be much appreciated. If anyone can figure out how to get rid of the hour glass, that'd be great. Here's what the code looks like now: // change message border $.blockUI.defaults.css.border = '0px solid red'; $.blockUI.defaults.css.cursor = 'default'; // I'm just assuming that this will work. // make fadeOut effect shorter $.blockUI.defaults.fadeOut = 400; $(.thumb).hover(function() { // MOUSEOVER HERE $(this).block({ message: $(this).attr(alt), css: { padding:0, margin: 0, width: '100%', top:'40%', left: '35%', textAlign: 'center', color: '#FF', cursor: 'default', // but just in case it didn't work above, i set it here too... backgroundColor:'transparent', fontWeight:'bold' }, overlayCSS: { backgroundColor:'#F2F2F2', opacity:'0.6' } }) },function() { // MOUSEOUT HERE $(this).unblock(); }); On Wed, May 21, 2008 at 11:31 AM, Chris Jordan [EMAIL PROTECTED] wrote: Michael, I'll try this. Thanks so much. On Wed, May 21, 2008 at 11:21 AM, Michael Price [EMAIL PROTECTED] wrote: Chris Jordan wrote: Just to clarify, in order to see the problem (especially in FF -- it looks a little different in IE) mouse over one of the thumbnails in the center of the page, and then leave the mouse there. You don't have to do any further movement of the mouse to see the problem happening. Thanks everyone. I really, really need help on this. :o( Downloaded a copy of the page via Firefox and tried changing your bindings to use the hover function - seemed to work OK but I'm still getting the eggtimer over the images for some reason: $(.thumb).hover(function() { // MOUSEOVER HERE },function() { // MOUSEOUT HERE }); Regards, Michael Price -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: BlockUI: Strange flickering behavior.
I figured out what the hour glass is all about. I'm throwing up an overlay, and that puts up the hour glass automatically. if you hover over just the text in the middle, then there's no hour glass there. Thanks for everyone's help! Chris On Wed, May 21, 2008 at 11:45 AM, Chris Jordan [EMAIL PROTECTED] wrote: Hey, that's progress! I'm still getting the hour glass too, but the flicker is gone. It seemed before like the constantly being blocked and unblocked in rapid succession. Now, it looks just right, except that I don't like the hour glass. But I think I can show it to my client like this. Any further assistance would be much appreciated. If anyone can figure out how to get rid of the hour glass, that'd be great. Here's what the code looks like now: // change message border $.blockUI.defaults.css.border = '0px solid red'; $.blockUI.defaults.css.cursor = 'default'; // I'm just assuming that this will work. // make fadeOut effect shorter $.blockUI.defaults.fadeOut = 400; $(.thumb).hover(function() { // MOUSEOVER HERE $(this).block({ message: $(this).attr(alt), css: { padding:0, margin: 0, width: '100%', top:'40%', left: '35%', textAlign: 'center', color: '#FF', cursor: 'default', // but just in case it didn't work above, i set it here too... backgroundColor:'transparent', fontWeight:'bold' }, overlayCSS: { backgroundColor:'#F2F2F2', opacity:'0.6' } }) },function() { // MOUSEOUT HERE $(this).unblock(); }); On Wed, May 21, 2008 at 11:31 AM, Chris Jordan [EMAIL PROTECTED] wrote: Michael, I'll try this. Thanks so much. On Wed, May 21, 2008 at 11:21 AM, Michael Price [EMAIL PROTECTED] wrote: Chris Jordan wrote: Just to clarify, in order to see the problem (especially in FF -- it looks a little different in IE) mouse over one of the thumbnails in the center of the page, and then leave the mouse there. You don't have to do any further movement of the mouse to see the problem happening. Thanks everyone. I really, really need help on this. :o( Downloaded a copy of the page via Firefox and tried changing your bindings to use the hover function - seemed to work OK but I'm still getting the eggtimer over the images for some reason: $(.thumb).hover(function() { // MOUSEOVER HERE },function() { // MOUSEOUT HERE }); Regards, Michael Price -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us
[jQuery] BlockUI: message as complete overlay
Recently in another thread (BlockUI: Strange flickering problem), I found that what I'd like is to have my message be the entire overlay. So as it stands right now, you get a semi-transparent overlay with a message in the middle. When you run your mouse over the overlay bit, the cursor turns into an hour glass, but when you've got your mouse over the message in the middle your cursor stays the normal default (or whatever you've set it to). So what I'm dealing with is a grid of images where, on mouseover, I'm throwing an overlay over the image that the user has moused over. I'd like my message to be the entire overlay so that the cursor is never changed to the hour glass. Also, I can then bind a click event to the message (I guess that's how that works) so when the user clicks they get a larger view of my image. check out what I'm talking about at http://rock-itnaturalstone.com/dev/ThinVeneer.php Thanks, Chris -- http://cjordan.us
[jQuery] BlockUI: What's wrong with this code?
Can anyone tell me what's wrong with the following code: $(function(){ $(.thumb).bind(mouseover, function(){ $(this).blockUI({ message: $(this).attr(alt) }) }).bind(mouseout,function(){ $(this).unblockUI(); }); }); the thumb class is applied to a bunch of images on my page. when I mouseover the image I want a layer put up over just that image along with a message (the alternate text). The error I get is: $(this).blockUI() is not a function. Likewise I get the same on the mouseout only with the appropriate function name listed in the error. Can anyone tell me what I'm doing wrong? Thanks! Chris -- http://cjordan.us
[jQuery] Re: BlockUI: What's wrong with this code?
I figured it out. It should be $(this).block() NOT $(this).blockUI()... duh... On Tue, May 20, 2008 at 5:10 PM, Chris Jordan [EMAIL PROTECTED] wrote: Can anyone tell me what's wrong with the following code: $(function(){ $(.thumb).bind(mouseover, function(){ $(this).blockUI({ message: $(this).attr(alt) }) }).bind(mouseout,function(){ $(this).unblockUI(); }); }); the thumb class is applied to a bunch of images on my page. when I mouseover the image I want a layer put up over just that image along with a message (the alternate text). The error I get is: $(this).blockUI() is not a function. Likewise I get the same on the mouseout only with the appropriate function name listed in the error. Can anyone tell me what I'm doing wrong? Thanks! Chris -- http://cjordan.us -- http://cjordan.us
[jQuery] BlockUI: Strange flickering behavior.
Hi folks, after solving my previous BlockUI problem, I'm wondering if anyone has ever seen it do this before: http://rock-itnaturalstone.com/dev/ThinVeneer.php Just hover over some of the stone samples to see what it's doing. It's driving me crazy. It's almost as if the mouseover even fires constantly while the mouse is hovered over the element, rather than just firing once. Any thoughts? Thanks, Chris -- http://cjordan.us
[jQuery] Re: Jquery, AJAX and MySQL update
yeah, the other method of passing data via ajax is: ... url: myurl.php, type: post, data: {variablename:value, variablename2:someJSValue}, ... you could declare an object that contains your arguments that you want to pass in to updatesql.php like this: var args = {} args.name = John args.location = Brisbane args.SomeOtherVariable = someJSVariable then you could do: ... url: myurl.php, type: post, data: args, ... where args is the object that you just created. Hope this helps! :o) Chris On Fri, Apr 11, 2008 at 2:36 PM, Scott Sauyet [EMAIL PROTECTED] wrote: Chris Jones wrote: script $(document).ready(function(){ $(#list).sortable({ accept: 'item', update: function(sorted) { serial = $('#list').sortable('serialize'); $.ajax({ url:updatesql.php, type:POST, data: serial.hash, error:function(){alert('Failed');}, success:function(){alert('Success');} }); } }); }); /script Have you tried doing an alert on serial.hash? I don't know that property. The sortable('serialize') function returns a String that should be all set for being part of a URL, so you might just try data: serial, Where is that hash property defined? -- Scott -- http://cjordan.us
[jQuery] Re: Jquery, AJAX and MySQL update
Chris, The hash idea that the other site was talking about is what I was telling you in my previous post. I do this all the time: function myFunction(email){ var args = {}; args.name = $('#nameid').val(); args.location = $('#locationid').val(); args.email = email; args.someStringLiteral = I am a string!; $.ajax({ url:updatesql.php, type:post, data: args, error:function(){ alert('Failed'); }, success:function(){ alert('Success'); } }); } Note that in JavaScript what a hash (or what I would call a structure) is also an associative array, and it's an object, and both can be accessed using either dot or array notation. So if you had an object (hash/structure/associative array) called 'session' you could access the 'loggedin' property by saying session.loggedin or session['loggedin']. You could set up that hash/associative array/struct/object as I've mentioned above: var session = {}; session.loggedin = true; or var session = {loggedin:true}; Check this excellent page (http://www.quirksmode.org/js/associative.html) for much more detailed information. :o) jQuery will take an object like this and translate it into the name=Johnlocation=Boston for you. I find passing an object of arguments easier and more preferable (personally) than passing name=Johnlocation=Boston. Chris On Fri, Apr 11, 2008 at 3:57 PM, Scott Sauyet [EMAIL PROTECTED] wrote: Chris Jones wrote: The hash was a suggestion on another site. I have tried it without it as well but no joy. If I alert the serial on success I get what I would expect ie. item[]=2item[]=3item[]=10 [ ... ] data: serial.hash or data: serial, = nothing gets updated. data: name=Johnlocation=Boston = the table gets updated via updatesql.php Is that on success based upon the AJAX success function? If so, then your PHP is actually responding with a good error code, and you need to do some fiddling in the PHP to see what's happening. If you don't get that far, I would suggest something like the LiveHTTPHeaders plugin for Firefox to do some testing on the client side. Sorry I don't have more definitive answers. Good luck, -- Scott -- http://cjordan.us
[jQuery] Re: [POLL] Online jQuery Training from John Resig
+1 for I'd attend (and I answered the poll in the same way). I would like to know that for my fee, I could be given access to a recording of the session for my later review and study. I realize you guys aren't to that point yet, but if I pay, and perhaps I'm not able to attend (which could be likely unless it was held on a weekend) or even if I do attend, but then want to study what was discussed later, I'd like to be able to review the entire class. IMO this is a great idea. Chris Rey Bango wrote: Scott, The question was left vague on purpose to be able to determine if there's a demand for it or not. So basically, if you were able to receive some form of advanced training from John for a fee at some point in the future, would you pay to attend? Rey.. Scott Trudeau wrote: I'm declining to answer the poll since I couldn't decide unless I had some sense of the training agenda, cost and even date/time. In the mean time I'll subscribe to John's blog, buy every book he writes and tell everyone else to do the same. :) Scott On Wed, Mar 5, 2008 at 11:55 PM, Rey Bango [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: The jQuery team is looking to gauge interest in jQuery training delivered in a live, online format by jQuery project lead John Resig. Nobody knows jQuery better than John and in terms of JavaScript, he's considered one of the best in the world. So a training class delivered by him would surely help anyone become more proficient in JavaScript and jQuery. So, if you could take a couple of minutes to participate in the following poll, that would be a big help in determining how to proceed: http://www.polldaddy.com/poll.aspx?p=388570 Thanks, The jQuery Team -- -- Scott Trudeau scott.trudeau AT gmail DOT com http://sstrudeau.com/ AIM: sodthestreets -- -- http://cjordan.us
[jQuery] Re: [POLL] Online jQuery Training from John Resig
I know my blog isn't of much note, but consider this subject blogged! http://cjordan.us/index.cfm/2008/3/6/John-Resig-to-Give-Online-jQueryJavaScript-Training Chris Rey Bango wrote: The jQuery team is looking to gauge interest in jQuery training delivered in a live, online format by jQuery project lead John Resig. Nobody knows jQuery better than John and in terms of JavaScript, he's considered one of the best in the world. So a training class delivered by him would surely help anyone become more proficient in JavaScript and jQuery. So, if you could take a couple of minutes to participate in the following poll, that would be a big help in determining how to proceed: http://www.polldaddy.com/poll.aspx?p=388570 Thanks, The jQuery Team -- -- http://cjordan.us
[jQuery] Re: Need help picking a Jquery Popup plugin
check out jQueryUI. I've been very happy with the dialog boxes it produces. Cheers! Chris On Thu, Mar 6, 2008 at 1:26 PM, prakash123 [EMAIL PROTECTED] wrote: Hello I have a list of links in a page, i want the end user to click the link and read the content in a popup window. (not the greybox types, that basically lock the whole page). I need some clean unobstrusive popups. Can some one guide me to good popups in jquery? Thanks Prakash -- http://cjordan.us
[jQuery] Re: Plugin Authoring Help pt 2
J, I for one sure hope that someone follows up on your particular thoughts here. I've not thought of doing what you're talking about here, and I'd love to read other experts opinions on the subject. Thanks for adding to this thread. :o) Chris On Wed, Mar 5, 2008 at 8:57 AM, J Moore [EMAIL PROTECTED] wrote: You might find it easier to simply create objects that use jquery, instead of writing a jquery plugin. The biggest advantage is that you actually have a normal instance of an object. You can pass this instance to other objects, call other methods on it... all the usual good stuff. (jquery plugins seem to be a one-shot deal. you call the method, pass in a bunch of parameters, and it works. If you need to access that instance again, you can't. i had this problem with the pagination plugin. i added more elements to my list, but there was no way to tell the pagination object that the list was longer. i would have to delete it and recreate it.) here's the pattern i use. let's say i wanted a 'fancy' textarea box. function TextBox(opts) { this.jC = opts.container; // all jquery objects start with a 'j' this.visible = 0; }; TextBox.prototype.draw = function() { this.jC.html('textarea/textara'); // could add lots of functionality to the textbox. key press handlers, etc. this.visible = 1; }; // how you use the object... $(document).ready(function() { var txt = new TextBox({container:$('#text')}); // obviously need an element to be the container. txt.draw(); }); Works well for me. Maybe one of the plug-in experts can comment on when it makes sense to write a jquery plugin versus write a normal object that uses jquery? -j On Mar 4, 2:09 pm, Leanan [EMAIL PROTECTED] wrote: Ok, I'm really trying to wrap my head around this, and it's irritating me. I've checked out the following pages: http://docs.jquery.com/Plugins/Authoringhttp://www.learningjquery.com/2007/10/a-plugin-development-pattern And they help some but there's one problem I'm running into. I have: $.fn.myPlugin = function(options) { $.myPlugin.defaults = $.extend($.myPlugin.defaults, options); return(this); }; $.myPlugin = { defaults: { def1: 'default1', def2: 'default2', ... defx: 'defaultx' }, myFunc: function() { var options = $.myPlugin.defaults; //do something here, anything really }, myFunc2: function() { var options = $.myPlugin.defaults; //do something here, again, anything } }; Now, I want to do something like this: jQuery().myPlugin({def1: 'other_def1', def2: 'other_def2'}).myFunc(); Can I? Because it's not working. It tells me that jQuery().myPlugin({def1: 'other_def1', def2: 'other_def2'}) is not a function. However, if I change it so that myFunc is $.fn.myFunc = function() { }, then I can, but I have to do it as: jQuery().myPlugin({def1: 'other_def1', def2: 'other_def2'}).myPlugin.myFunc(); Which I don't like. None of the tutorials or documentation I can find is clear on this point, though they do refer to the functions in $.myPlugin as being user-accessable... and they are, but only if I do $.myPlugin.myFunc. I can't chain. And I want to be able to do that. -- http://cjordan.us
[jQuery] Dell.com is using jQuery 1.2.2
Just a quick note to say that I noticed today that Dell.com is using jQuery v. 1.2.2 Go to dell.com and look at the source for yourself if you want. It looks like they're using some version of thickbox or something too. Click on My Account and a modal-type window comes up for a login. Pretty damn sweet if you ask me. Has anyone raised a pint to jQuery recently? The jquery dev teams and this community ought to be damn proud of the work they've done! Cheers! Chris -- http://cjordan.us
[jQuery] Re: Problem with form validation (works in FF, but not in IE)
Just to let you know, that switching from jquery.validate.pack.js to jquery.validate.js worked like a champ. I wonder if the packed version can be fixed though as I'd rather use it. On Feb 24, 4:11 pm, Chris Jordan [EMAIL PROTECTED] wrote: Thanks for the response! I'll let you know how it turned out. On Feb 20, 10:41 pm, Macarrão [EMAIL PROTECTED] wrote: Hails! Well, I've been using this plugin and it works nice! I think you'd better give the attribute name the same value as the id attribute. I believe IE and Opera selects by name insted of id. On 20 fev, 22:58, ChrisJordan [EMAIL PROTECTED] wrote: Hi folks, This page http://seifactory.com/login.php works in FireFox without problem, but doesn't do anything in IE. Now, I'm only talking about validation here, the form doesn't actually *do* anything just yet. All I was trying to do was get the validation going. This is the first time I've attempted to use Jörn's validation plug-in, and I'm kinda getting the hang of it (or so I thought), but now this isn't working in IE so I'm all stumped. I'd like to figure this out before I try to work on learning anything else (like error message placement ... hints on that would be welcome too, though). Thanks heaps everyone, Chris --http://cjordan.us
[jQuery] validation plug-in and error placement -- need help
Hi folks, I'm in need of some assistance in figuring out how to place error messages via Jörn's form validation plug-in. I'm not sure I understand how it works. So far what appears to happen is that the plug-in itself adds a label tag with the class error and then the text of the error that I've specified in my code or the default if I've left one out. I know there's some documentation on this, and I continue to read it, but up to now I don't seem to be catching on to quickly. If someone had a very simple example of how to place the error message anywhere I wanted that would be fantastic. I will of course continue to work on the problem myself, but any help would be greatly appreciated. Cheers! Chris
[jQuery] Re: validation plug-in and error placement -- need help
Just some clarification on what I'm trying to achieve. I'm looking at the error container example for the validation plug-in and that's darn close to what I want, but I was hoping for the error container to be more like a modal dialog. Is there a way of placing these error messages inside of a modal dialog? Thanks heaps, Chris On Feb 25, 10:03 am, Chris Jordan [EMAIL PROTECTED] wrote: Hi folks, I'm in need of some assistance in figuring out how to placeerror messages via Jörn's formvalidationplug-in. I'm not sure I understand how it works. So far what appears to happen is that the plug-in itself adds a label tag with the class error and then the text of theerrorthat I've specified in my code or the default if I've left one out. I know there's some documentation on this, and I continue to read it, but up to now I don't seem to be catching on to quickly. If someone had a very simple example of how to place theerrormessage anywhere I wanted that would be fantastic. I will of course continue to work on the problem myself, but any help would be greatly appreciated. Cheers! Chris
[jQuery] Re: validation plug-in and error placement -- need help
Jörn Zaefferer wrote: Chris Jordan schrieb: Just some clarification on what I'm trying to achieve. I'm looking at the error container example for the validation plug-in and that's darn close to what I want, but I was hoping for the error container to be more like a modal dialog. Is there a way of placing these error messages inside of a modal dialog? If the modal dialog is the error container itself, the validation plugin could handle showing/hiding it. Really tight integration into a modal dialog would most likely need some improvements in the validation plugin. You should recondisder actually trying to implement that, because it gets you quite close to alert-validation. In any case it would help if you could show what you've got so far and describe in more details what you want to achieve. Jörn Hi Jörn, Basically, what I didn't like was that I had a nice centered login screen and the errors appearing next to the elements where they did caused all of my elements to shift undesirably. It doesn't have to be in a modal (though I don't personally see what's wrong with that. What I'd really like to have is a message area that is always there and where the errors appear when they need to. Typically I handle this by incorporating a message container div which always takes up the space that a message would (so I always make sure my largest message will fit into it) and it is into that div that place all of my messages to the user. This is sort of like the status bar on a browser -- it's always there, and messages just appear when they need to -- and the display doesn't do any weird shifting about. Does that make more sense? I don't feel like I'm explaining it very well. Right now, all I've done is left justify my whole login screen and let the plug-in work like it does so the shifting doesn't happen, and I've moved on to something else pending any response to this message. Cheers! Chris
[jQuery] Re: Problem with form validation (works in FF, but not in IE)
Thanks for the response! I'll let you know how it turned out. On Feb 20, 10:41 pm, Macarrão [EMAIL PROTECTED] wrote: Hails! Well, I've been using this plugin and it works nice! I think you'd better give the attribute name the same value as the id attribute. I believe IE and Opera selects by name insted of id. On 20 fev, 22:58, ChrisJordan [EMAIL PROTECTED] wrote: Hi folks, This page http://seifactory.com/login.php works in FireFox without problem, but doesn't do anything in IE. Now, I'm only talking about validation here, the form doesn't actually *do* anything just yet. All I was trying to do was get the validation going. This is the first time I've attempted to use Jörn's validation plug-in, and I'm kinda getting the hang of it (or so I thought), but now this isn't working in IE so I'm all stumped. I'd like to figure this out before I try to work on learning anything else (like error message placement ... hints on that would be welcome too, though). Thanks heaps everyone, Chris --http://cjordan.us
[jQuery] Problem with form validation (works in FF, but not in IE)
Hi folks, This page http://seifactory.com/login.php works in FireFox without problem, but doesn't do anything in IE. Now, I'm only talking about validation here, the form doesn't actually *do* anything just yet. All I was trying to do was get the validation going. This is the first time I've attempted to use Jörn's validation plug-in, and I'm kinda getting the hang of it (or so I thought), but now this isn't working in IE so I'm all stumped. I'd like to figure this out before I try to work on learning anything else (like error message placement ... hints on that would be welcome too, though). Thanks heaps everyone, Chris -- http://cjordan.us
[jQuery] Re: OT: FCK editor now double spaces with enter key?
that's lame. enter should be a single line break. If I want a double line break, I'll hit enter twice. On Feb 13, 2008 1:29 AM, andrea varnier [EMAIL PROTECTED] wrote: On Feb 12, 8:32 pm, Andy Matthews [EMAIL PROTECTED] wrote: We've been using FCK editor for a while now. It used to create a single return when hitting the enter button. We recently upgraded to a newer version (2.5 I think) and now it creates a double space instead. shift + enter = single line break if you didn't know that :) -- http://cjordan.us
[jQuery] Re: OT: FCK editor now double spaces with enter key?
Nice find. I'll bet that does it! :o) On Feb 13, 2008 10:36 AM, tlphipps [EMAIL PROTECTED] wrote: I think I found the setting. In the fckconfig.js file there are two lines: FCKConfig.EnterMode = 'p' ; // p | div | br FCKConfig.ShiftEnterMode = 'br' ; // p | div | br Looks like if you change the first one to 'br' you'd be set. On Feb 13, 9:32 am, Andy Matthews [EMAIL PROTECTED] wrote: Right... You can force it to single space by hitting SHIFT + enter, but I'd like to know if there's a preference which can be changed to force it to revert to single spacing by default. This is changed in the new version of FCK. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of andrea varnier Sent: Wednesday, February 13, 2008 9:14 AM To: jQuery (English) Subject: [jQuery] Re: OT: FCK editor now double spaces with enter key? On 13 Feb, 16:03, Chris Jordan [EMAIL PROTECTED] wrote: that's lame. definitely. but I think it has something to do with editors like Dreamweaver. I remember using it once... is there a CTRL+Return combo or something? -- http://cjordan.us
[jQuery] Re: Another jdMenu problem... IE specific...
Jonathan, Thanks for the update! Sorry I didn't see it until now. I've been in the hospital (just had gastric bypass surgery), and I'm finally at home recovering. Again, thanks for the wonderful plug-in! Chris On Jan 31, 2008 11:01 AM, Jonathan Sharp [EMAIL PROTECTED] wrote: Hi Chris, Just wanted to give you a heads up, I've released jdMenu 1.4.0 at http://jdsharp.us/jQuery/plugins/jdMenu/1.4.0 (though I haven't posted notice of this yet) It's been updated to work with jQuery 1.2.2 and the latest dimensions plugin. Cheers, -Jonathan On 1/24/08, Chris Jordan [EMAIL PROTECTED] wrote: Sorry, I'm just now getting back to this guys (I was sick yesterday). I appreciate all the suggestions. I'll bet it's malformed markup. I don't create it though. This is an osCommerce shopping cart. I'll see if I can find where the HTML is getting messed up. Thanks heaps! Chris On Jan 21, 2008 7:02 PM, Karl Swedberg [EMAIL PROTECTED] wrote: Hi Chris, Sorry, I was looking in Firefox. I see now that the problem exists in IE only. It might have something to do with the fact that the page is running in quirks mode and that the markup is invalid. Try running it through an HTML validator ( e.g. http://validator.w3.org/)http://validator.w3.org/%29. In particular, you have two extra DOCTYPE declarations throughout the page. And if you want to stick with HTML 4.01 transitional, replace this ... !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN with this ... !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd If cleaning up the HTML doesn't help, we can look at some other stuff. In the meantime, I'll poke around the plugin code and the stylesheets a bit to see how the positioning is being done. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 21, 2008, at 4:08 PM, Chris Jordan wrote: You said it was positioning correctly for you? What version of IE was that in? For me, in IE6 it shows up in the top left (0,0) of the view port... it's supposed to show just below the top-level menu choice. Also, I know there are broken images. Ignore those and look mostly at the ones that do have images. I'm still waiting on my graphic artist guy to get me the rest of the images. I also don't see anywhere (unless I'm just missing it) where the sub-menus are being positioned. You can check out all the css if you have the Web Developer extension for FF. Thanks again, Chris On Jan 21, 2008 1:01 PM, Chris Jordan [EMAIL PROTECTED] wrote: going to lunch. I'd like to exchange emails with you about this. I'll be back in about an hour or so. Thanks so much Karl. Chris On Jan 21, 2008 12:52 PM, Karl Swedberg [EMAIL PROTECTED] wrote: It looked to me like it was being positioned correctly. Also looks like you have a broken link to a rollover image for the top-level nav items. I'm guessing that the sub-menus are using position:absolute for their positioning, so you'll need to have a parent element given position:relative in order for the submenus to be positioned relative to those parent elements rather than the body element. Hope that helps. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 21, 2008, at 1:42 PM, Chris Jordan wrote: Hi folks. I'm having another problem with the jdMenu plug-in. In IE when I hover over the top-level menu the sub-menu appears in the absolute top left of the view-port! Bah! I don't know what I've done wrong. I've used jdMenu at another client of mine, and it works great in both FF and IE. This time around however, I *am* customizing the css file quite a bit to better suit my needs. The problem can be seen herehttp://seidal.com/dev/furniturehotspot/ . This is causing me much aggravation, and more time at this one particular client that I should really be spending. I would *really* appreciate anyone's help on this problem. Of course, I'll keep working on finding a solution, but if someone knows what I'm going through, or can offer suggestions, that'd be great. Thanks, Chris -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: Another jdMenu problem... IE specific...
Sorry, I'm just now getting back to this guys (I was sick yesterday). I appreciate all the suggestions. I'll bet it's malformed markup. I don't create it though. This is an osCommerce shopping cart. I'll see if I can find where the HTML is getting messed up. Thanks heaps! Chris On Jan 21, 2008 7:02 PM, Karl Swedberg [EMAIL PROTECTED] wrote: Hi Chris, Sorry, I was looking in Firefox. I see now that the problem exists in IE only. It might have something to do with the fact that the page is running in quirks mode and that the markup is invalid. Try running it through an HTML validator (e.g. http://validator.w3.org/)http://validator.w3.org/%29. In particular, you have two extra DOCTYPE declarations throughout the page. And if you want to stick with HTML 4.01 transitional, replace this ... !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN with this ... !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; If cleaning up the HTML doesn't help, we can look at some other stuff. In the meantime, I'll poke around the plugin code and the stylesheets a bit to see how the positioning is being done. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 21, 2008, at 4:08 PM, Chris Jordan wrote: You said it was positioning correctly for you? What version of IE was that in? For me, in IE6 it shows up in the top left (0,0) of the view port... it's supposed to show just below the top-level menu choice. Also, I know there are broken images. Ignore those and look mostly at the ones that do have images. I'm still waiting on my graphic artist guy to get me the rest of the images. I also don't see anywhere (unless I'm just missing it) where the sub-menus are being positioned. You can check out all the css if you have the Web Developer extension for FF. Thanks again, Chris On Jan 21, 2008 1:01 PM, Chris Jordan [EMAIL PROTECTED] wrote: going to lunch. I'd like to exchange emails with you about this. I'll be back in about an hour or so. Thanks so much Karl. Chris On Jan 21, 2008 12:52 PM, Karl Swedberg [EMAIL PROTECTED] wrote: It looked to me like it was being positioned correctly. Also looks like you have a broken link to a rollover image for the top-level nav items. I'm guessing that the sub-menus are using position:absolute for their positioning, so you'll need to have a parent element given position:relative in order for the submenus to be positioned relative to those parent elements rather than the body element. Hope that helps. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 21, 2008, at 1:42 PM, Chris Jordan wrote: Hi folks. I'm having another problem with the jdMenu plug-in. In IE when I hover over the top-level menu the sub-menu appears in the absolute top left of the view-port! Bah! I don't know what I've done wrong. I've used jdMenu at another client of mine, and it works great in both FF and IE. This time around however, I *am* customizing the css file quite a bit to better suit my needs. The problem can be seen here http://seidal.com/dev/furniturehotspot/ . This is causing me much aggravation, and more time at this one particular client that I should really be spending. I would *really* appreciate anyone's help on this problem. Of course, I'll keep working on finding a solution, but if someone knows what I'm going through, or can offer suggestions, that'd be great. Thanks, Chris -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: Another jdMenu problem... IE specific...
Karl, I ran the site through the validator you linked to (thanks for that), but my problem still remains. I should note that there are still 43 errors, but they're things like No ALT specified and there is no attribute X The errors that are bothering me most right now are: 1. cannot generate system identifier for general entity osCsid 2. general entity osCsid not defined and no default entity. 3. reference to entity osCsid for which no system identifier could be generated. I don't know how to fix these. osCommerce dynamically generates the code that this is complaining about. I notice now that I'm getting a javascript error in IE: Object does not support this property or method unfortunately, as has been seen no such error manifests itself in FF. I've been given two hours to fix this, and I've only got an hour left. What a pia... Anyway, if anyone can help me out. I'd love the help. I'll of course keep working on it from my end. Thanks so much everyone, Chris On Jan 24, 2008 10:54 AM, Chris Jordan [EMAIL PROTECTED] wrote: Sorry, I'm just now getting back to this guys (I was sick yesterday). I appreciate all the suggestions. I'll bet it's malformed markup. I don't create it though. This is an osCommerce shopping cart. I'll see if I can find where the HTML is getting messed up. Thanks heaps! Chris On Jan 21, 2008 7:02 PM, Karl Swedberg [EMAIL PROTECTED] wrote: Hi Chris, Sorry, I was looking in Firefox. I see now that the problem exists in IE only. It might have something to do with the fact that the page is running in quirks mode and that the markup is invalid. Try running it through an HTML validator ( e.g. http://validator.w3.org/)http://validator.w3.org/%29. In particular, you have two extra DOCTYPE declarations throughout the page. And if you want to stick with HTML 4.01 transitional, replace this ... !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN with this ... !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd If cleaning up the HTML doesn't help, we can look at some other stuff. In the meantime, I'll poke around the plugin code and the stylesheets a bit to see how the positioning is being done. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 21, 2008, at 4:08 PM, Chris Jordan wrote: You said it was positioning correctly for you? What version of IE was that in? For me, in IE6 it shows up in the top left (0,0) of the view port... it's supposed to show just below the top-level menu choice. Also, I know there are broken images. Ignore those and look mostly at the ones that do have images. I'm still waiting on my graphic artist guy to get me the rest of the images. I also don't see anywhere (unless I'm just missing it) where the sub-menus are being positioned. You can check out all the css if you have the Web Developer extension for FF. Thanks again, Chris On Jan 21, 2008 1:01 PM, Chris Jordan [EMAIL PROTECTED] wrote: going to lunch. I'd like to exchange emails with you about this. I'll be back in about an hour or so. Thanks so much Karl. Chris On Jan 21, 2008 12:52 PM, Karl Swedberg [EMAIL PROTECTED] wrote: It looked to me like it was being positioned correctly. Also looks like you have a broken link to a rollover image for the top-level nav items. I'm guessing that the sub-menus are using position:absolute for their positioning, so you'll need to have a parent element given position:relative in order for the submenus to be positioned relative to those parent elements rather than the body element. Hope that helps. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 21, 2008, at 1:42 PM, Chris Jordan wrote: Hi folks. I'm having another problem with the jdMenu plug-in. In IE when I hover over the top-level menu the sub-menu appears in the absolute top left of the view-port! Bah! I don't know what I've done wrong. I've used jdMenu at another client of mine, and it works great in both FF and IE. This time around however, I *am* customizing the css file quite a bit to better suit my needs. The problem can be seen herehttp://seidal.com/dev/furniturehotspot/ . This is causing me much aggravation, and more time at this one particular client that I should really be spending. I would *really* appreciate anyone's help on this problem. Of course, I'll keep working on finding a solution, but if someone knows what I'm going through, or can offer suggestions, that'd be great. Thanks, Chris -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us -- http
[jQuery] Re: $(window).scrollLeft is not a function ... help! :o(
Problem solved. I feel stupid. It was a typo in my path to the .js source for the dimensions plug-in. Duh. :o/ Chris On Jan 21, 2008 10:25 AM, Chris Jordan [EMAIL PROTECTED] wrote: Hi folks, I'm trying to use jdMenu for jQuery (which I have successfully used before), but I'm getting the following errors when trying to use it this time around (1.3.beta2). When using the unpacked version I get: $(window).scrollLeft is not a function When using the packed version I get the following: missing ; before statement ... which then causes this error: $(ul.jd_menu).jdMenu is not a function Can anybody help? I really need this menu to work right now. Thanks so much, Chris -- http://cjordan.us -- http://cjordan.us
[jQuery] Another jdMenu problem... IE specific...
Hi folks. I'm having another problem with the jdMenu plug-in. In IE when I hover over the top-level menu the sub-menu appears in the absolute top left of the view-port! Bah! I don't know what I've done wrong. I've used jdMenu at another client of mine, and it works great in both FF and IE. This time around however, I *am* customizing the css file quite a bit to better suit my needs. The problem can be seen here http://seidal.com/dev/furniturehotspot/. This is causing me much aggravation, and more time at this one particular client that I should really be spending. I would *really* appreciate anyone's help on this problem. Of course, I'll keep working on finding a solution, but if someone knows what I'm going through, or can offer suggestions, that'd be great. Thanks, Chris -- http://cjordan.us
[jQuery] Re: Another jdMenu problem... IE specific...
going to lunch. I'd like to exchange emails with you about this. I'll be back in about an hour or so. Thanks so much Karl. Chris On Jan 21, 2008 12:52 PM, Karl Swedberg [EMAIL PROTECTED] wrote: It looked to me like it was being positioned correctly. Also looks like you have a broken link to a rollover image for the top-level nav items. I'm guessing that the sub-menus are using position:absolute for their positioning, so you'll need to have a parent element given position:relative in order for the submenus to be positioned relative to those parent elements rather than the body element. Hope that helps. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 21, 2008, at 1:42 PM, Chris Jordan wrote: Hi folks. I'm having another problem with the jdMenu plug-in. In IE when I hover over the top-level menu the sub-menu appears in the absolute top left of the view-port! Bah! I don't know what I've done wrong. I've used jdMenu at another client of mine, and it works great in both FF and IE. This time around however, I *am* customizing the css file quite a bit to better suit my needs. The problem can be seen here http://seidal.com/dev/furniturehotspot/. This is causing me much aggravation, and more time at this one particular client that I should really be spending. I would *really* appreciate anyone's help on this problem. Of course, I'll keep working on finding a solution, but if someone knows what I'm going through, or can offer suggestions, that'd be great. Thanks, Chris -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: Another jdMenu problem... IE specific...
You said it was positioning correctly for you? What version of IE was that in? For me, in IE6 it shows up in the top left (0,0) of the view port... it's supposed to show just below the top-level menu choice. Also, I know there are broken images. Ignore those and look mostly at the ones that do have images. I'm still waiting on my graphic artist guy to get me the rest of the images. I also don't see anywhere (unless I'm just missing it) where the sub-menus are being positioned. You can check out all the css if you have the Web Developer extension for FF. Thanks again, Chris On Jan 21, 2008 1:01 PM, Chris Jordan [EMAIL PROTECTED] wrote: going to lunch. I'd like to exchange emails with you about this. I'll be back in about an hour or so. Thanks so much Karl. Chris On Jan 21, 2008 12:52 PM, Karl Swedberg [EMAIL PROTECTED] wrote: It looked to me like it was being positioned correctly. Also looks like you have a broken link to a rollover image for the top-level nav items. I'm guessing that the sub-menus are using position:absolute for their positioning, so you'll need to have a parent element given position:relative in order for the submenus to be positioned relative to those parent elements rather than the body element. Hope that helps. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 21, 2008, at 1:42 PM, Chris Jordan wrote: Hi folks. I'm having another problem with the jdMenu plug-in. In IE when I hover over the top-level menu the sub-menu appears in the absolute top left of the view-port! Bah! I don't know what I've done wrong. I've used jdMenu at another client of mine, and it works great in both FF and IE. This time around however, I *am* customizing the css file quite a bit to better suit my needs. The problem can be seen here http://seidal.com/dev/furniturehotspot/. This is causing me much aggravation, and more time at this one particular client that I should really be spending. I would *really* appreciate anyone's help on this problem. Of course, I'll keep working on finding a solution, but if someone knows what I'm going through, or can offer suggestions, that'd be great. Thanks, Chris -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: Another jdMenu problem... IE specific...
Thanks Jack! I'm trying to fit troubleshooting this IE problem in with working on other parts of this particular menu project, and I may not get a chance to try out your suggestion tonight, but I appreciate your effort, and would love to know if you find anything. Also, when I get a chance to try out your suggestion, I'll report back my results. Thanks, Chris On Jan 21, 2008 3:44 PM, Jack Killpatrick [EMAIL PROTECTED] wrote: Chris, I don't have time to dig into looking at your code right now, but I had a similar problem with jdMenu when the top level menu item did not have an A tag inside of it, due to how jdMenu handled either event binding or event bubbling. If I remember correctly, IE threw because a property was not present that jdMenu expected to have been bound to. I can rummage through our old code later tonight and look for diffs if that doesn't get you anywhere. - Jack Chris Jordan wrote: Hi folks. I'm having another problem with the jdMenu plug-in. In IE when I hover over the top-level menu the sub-menu appears in the absolute top left of the view-port! Bah! I don't know what I've done wrong. I've used jdMenu at another client of mine, and it works great in both FF and IE. This time around however, I *am* customizing the css file quite a bit to better suit my needs. The problem can be seen here http://seidal.com/dev/furniturehotspot/. This is causing me much aggravation, and more time at this one particular client that I should really be spending. I would *really* appreciate anyone's help on this problem. Of course, I'll keep working on finding a solution, but if someone knows what I'm going through, or can offer suggestions, that'd be great. Thanks, Chris -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: Programmatically controlling cut and paste
Oh! Thanks for that little tidbit Yehuda... where can I find more information on doing that? I probably won't do it, but for future reference it'd be nice to know. :o) Chris On Dec 26, 2007 11:51 AM, Yehuda Katz [EMAIL PROTECTED] wrote: If you're only using IE, you're good to go. An alternative that works cross-browser is to hijack Flash's access to the clipboard via ExternalInterface. -- Yehuda On Dec 26, 2007, at 9:29 AM, Chris Jordan wrote: Okay, I think I just found it. Before I posted this question I was searching google for javascript programmatic cut and paste (and other variations on that theme), but getting no where. Just a bit ago it occurred to me that was I was really trying to do was get access to the clipboard. Duh. A search for javascript clipboard access returned what I was looking for -- window.clipboardData.setData(); Before folks start writing to tell me that this is a security risk, keep in mind that a) my app is for company intranet use only and not available to the general public and b) I'm not using the control for evil... only for good ;o) I won't be storing the information for any long term use, or tracking what IP had what in their clipboard... nothing like that. I'm one of the good guys *show's everyone his white hat* Also, I realize that the method I mentioned above only works for IE which is okay for me because when users launch this app they don't get a browser choice. It's automattically using IE 6. All that said, comments are still welcomed. :o) Thanks, Chris On 12/26/07, Chris Jordan [EMAIL PROTECTED] wrote: Is there a way to use jQuery (or javascript in general) to programmatically controll copy and paste functions? I'd like to replace the right-click context menu and *only* offer the ability to cut and paste. I was looking at using Chris Domigan's ContextMenu plug-in to capture the right-click and replace the stock menu with my own, but then it occurred to me that I don't know how I would control the copying and pasting ability. Thanks, Chris -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us
[jQuery] Programmatically controlling cut and paste
Is there a way to use jQuery (or javascript in general) to programmatically controll copy and paste functions? I'd like to replace the right-click context menu and *only* offer the ability to cut and paste. I was looking at using Chris Domigan's ContextMenu plug-in to capture the right-click and replace the stock menu with my own, but then it occurred to me that I don't know how I would control the copying and pasting ability. Thanks, Chris -- http://cjordan.us
[jQuery] Re: Programmatically controlling cut and paste
Okay, I think I just found it. Before I posted this question I was searching google for javascript programmatic cut and paste (and other variations on that theme), but getting no where. Just a bit ago it occurred to me that was I was really trying to do was get access to the clipboard. Duh. A search for javascript clipboard access returned what I was looking for -- window.clipboardData.setData(); Before folks start writing to tell me that this is a security risk, keep in mind that a) my app is for company intranet use only and not available to the general public and b) I'm not using the control for evil... only for good ;o) I won't be storing the information for any long term use, or tracking what IP had what in their clipboard... nothing like that. I'm one of the good guys *show's everyone his white hat* Also, I realize that the method I mentioned above only works for IE which is okay for me because when users launch this app they don't get a browser choice. It's automattically using IE 6. All that said, comments are still welcomed. :o) Thanks, Chris On 12/26/07, Chris Jordan [EMAIL PROTECTED] wrote: Is there a way to use jQuery (or javascript in general) to programmatically controll copy and paste functions? I'd like to replace the right-click context menu and *only* offer the ability to cut and paste. I was looking at using Chris Domigan's ContextMenu plug-in to capture the right-click and replace the stock menu with my own, but then it occurred to me that I don't know how I would control the copying and pasting ability. Thanks, Chris -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: jChess
Sweet! Thanks for the update. :o) Chris On Dec 7, 2007 6:38 AM, aldur [EMAIL PROTECTED] wrote: I'm in the process of setting up my web site again. it will be on the http://www.bloodmoongames.com site when the new version goes up. I've had to move hosting companies. -- http://cjordan.us
[jQuery] Re: jChess
aldur, Let's see a demo, dude! :o) -Chris On Dec 6, 2007 9:05 AM, aldur [EMAIL PROTECTED] wrote: html head script src=jquery.js/script script src=jQuery.chess.js/script script $(document).ready( function(){ $(#chessboard).chess(); } ); /script style table.board{border:1px solid black} table.board td{border:1px solid black;display:table-cell} table.board td.legend{background-color:white;border:1px solid white;text-align:center;} table.board td.white{border:1px solid black;background-color:#f66} table.board td.black{border:1px solid black;background-color:#666} table.board td.black.highlight, table.board td.white.highlight {border:1px solid black;background-color:lightblue} table.board td.black.incheck, table.board td.white.incheck {border: 1px solid black;background-color:blue} div.piece {display:none} td.square {border:1px solid black;text-align:center;} td.blackMove, td.whiteMove {vertical-align:top} ul#gameoptions li {border:1px solid #006;background- color:#00a;color:#fff;margin:5px;padding:5px} ul#gameoptions li:hover {border:1px solid #006;background- color:#00f;color:#fff} /style /head body div id='chessboard'/div /body /html -- http://cjordan.us
[jQuery] Re: new jARIA plugin
This looks cool. I have to admit that to this point, I've not been required to make sure that things are accessible by screen readers and the like. It looks like if I'm ever required to do so, that this plug-in will make things *much* easier! Nice work. :o) Chris On Dec 3, 2007 1:03 PM, Chris [EMAIL PROTECTED] wrote: On Dec 3, 5:31 am, Richard D. Worth [EMAIL PROTECTED] wrote: This looks really good. Especially, thanks for gathering a bunch of summary information in your well-written docs. Thank you, and you're welcome. 1. I prefer acronyms exceeding 3 chars to be not all caps. AriaRole, AriaState, is a lot easier to read and type. As in XMLHttpRequest? I agree, and changed the method names. To keep with the convention of methods starting with lowercase letters, I've changed them to ariaState() and ariaRole(), etc. 2. When I first saw hasARIARole and hasARIAState, I assumed it would return a boolean (has- and is- suggest boolean to me). Since it's returning a set of elements, perhaps something like AriaRoleFilter, AriaStateFilter would be more jQuery-like. They are now ariaRoleFilter() and ariaStateFilter(), respectively. I've also added a custom ariaready event that gets fired when the ARIA information in the document has been parsed. Thanks again for the feedback. Regards, Chris email: mistermuckle *at* gmail *dot* com -- http://cjordan.us
[jQuery] Re: DateJS: Robust Date manipulation library
that's pretty dang cool. I like the syntactic sugar. I was amazed that for all it's coolness when I entered tomorrow at 8:15PM that it understood that as tomorrow at 8:15AM... it ignored my AM/PM designation! It only works off of a 24 hour clock. That's a little disappointing, but not so much as it's file size. Still it's pretty sweet. :o) Chris On Nov 28, 2007 2:03 PM, Jörn Zaefferer [EMAIL PROTECTED] wrote: Erik Beeson schrieb: Hello all, This came through my feed reader this morning, and I thought it looked like the kind of thing jQuerians might enjoy: http://www.datejs.com/ It's a Date library with lots of parsing capabilities and jQuery style chainable syntactic sugar. It's ~25k minified (!), so it's probably not for everyone, but I can imagine a lot of places where something like this would be very helpful. Thats good stuff. I like how it solves only Date related problems, would be nice if libraries could use that as a base. Though for that to happen its currently too big. Maybe they could split it into modules... Jörn -- http://cjordan.us
[jQuery] Re: SITE: http://www.foodnetwork.com/
That's just got to give John and the rest of the jQuery core crew the warm fuzzies, you know? It would if I were in their shoes! :o) Chris On Nov 6, 2007 7:28 PM, Andy Matthews [EMAIL PROTECTED] wrote: Don't know if this has already been posted or not, but it appears that FoodTV giant FoodNetwork.com is using jQuery (1.1.4): http://www.foodnetwork.com/ We're taking over people...we'll soon be reaching critical mass where businesses will be LOOKING for people who know jQuery! hip hip hooray. andy -- http://cjordan.us
[jQuery] Re: I just hate the way this mailing list handles grouping messages...
The way Gmail view emails as conversations really works for me. There may be 100 posts on a particular thread, but it only shows up as one line in my inbox. I have an account on a Zimbra server that's also able to view the inbox either as a list of individual emails or as conversations. I thought outlook could do that too (well, full blown outlook, not express). -Chris On 10/30/07, Rick Faircloth [EMAIL PROTECTED] wrote: Thanks for the tip, Bil... I'll check out the header! (But if that is the problem, wouldn't it affect other lists?) Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Bil Corry Sent: Tuesday, October 30, 2007 2:31 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: I just hate the way this mailing list handles grouping messages... Rick Faircloth wrote on 10/30/2007 12:04 PM: Can this be done differently? This has to be a mailing list setting or something, because all my other mailing lists are able to have follow-up messages containing Re: automatically grouped with the original. I don't use Outlook, but threading works fine for me using Thunderbird on Windows XP for this list. One thought, choose one of the replies from this list and view the headers for it -- does it have the In-Reply-To header? If not, then your SMTP server (or email gateway) is stripping that header out, which is used for threading. - Bil -- http://cjordan.us
[jQuery] Re: noob: table row level link and hover
crybaby, Given the following markup: table border=1 tr link=site.com/tutorial/1tdRow 1 Cell 1/tdtdRow 1 Cell 2/td/tr tr link=site.com/tutorial/1tdRow 2 Cell 1/tdtdRow 2 Cell 2/td/tr /table you could do something like this: $(function(){ $(tr[link]).bind(click, function(){ var link = $(this).attr(link); window.location.href = link; }); }); In case you hadn't see this before, the $(function(){ // put all your jQuery goodness here. }); bit of the code is short hand for $(document).ready(function() { // put all your jQuery goodness in here. }); I hope this helps. If not, ping us back and keep askin' :o) Cheers Chris On 10/20/07, crybaby [EMAIL PROTECTED] wrote: I need to have each table rows point to different link. I am looking at table striping and how hover works in 15daysofjquery.com. http://15daysofjquery.com/table-striping-made-easy/5/ I need to make the whole table row clickable and should take the user to a different link on the site. How do I do this in jquery? For example table is as follows: table border=1 trtdRow 1 Cell 1/tdtdRow 1 Cell 2/td/tr trtdRow 2 Cell 1/tdtdRow 2 Cell 2/td/tr /table Row1 link: site.com/tutorial/1 Row2 link: site.com/tutorial/2 and so on. -- http://cjordan.us
[jQuery] Re: noob: table row level link and hover
I just noticed Glen's reply and looked at that example. It's almost identical to what i was suggesting with a couple of minor differences that I thought I'd point out. His example: var newURL; $(td).click(function(){ newURL = $(this).parents(tr).attr(goto); window.location.href = newURL; alert(newURL); }); the click event is being bound to each td. While there's nothing particularly wrong with that it's not really necessary. Just bind the click event to the tr. That's where you wanted it anyway wasn't it? The only time I really bind click events to td tags is when it's possible that clicking on one td will do one thing, while clicking on a different td (in the same row) will do something else. Also, the code I provided does less work. The selector I chose: $(tr[link]) ... tells jQuery to look at only tr tags, and then return only those that have an expando called link. While the other example looks at every single td in the DOM and tries to apply a click to it based on the parent's expando. I should also point out that I should probably have var'd my link variable outside of the function just as a matter of form. The last difference I want to point out is the use of the .click() method vs. the .bind() method. Both work just fine. I *think* that the .click() method is essentially a shortcut for the .bind() method. I'm not sure which is preferred or better. It probably comes down to a matter of style. Someone please feel free to correct me if I'm wrong. Cheers, Chris On 10/20/07, crybaby [EMAIL PROTECTED] wrote: I need to have each table rows point to different link. I am looking at table striping and how hover works in 15daysofjquery.com. http://15daysofjquery.com/table-striping-made-easy/5/ I need to make the whole table row clickable and should take the user to a different link on the site. How do I do this in jquery? For example table is as follows: table border=1 trtdRow 1 Cell 1/tdtdRow 1 Cell 2/td/tr trtdRow 2 Cell 1/tdtdRow 2 Cell 2/td/tr /table Row1 link: site.com/tutorial/1 Row2 link: site.com/tutorial/2 and so on. -- http://cjordan.us
[jQuery] Re: AJAX and dynamically created dropdowns
Yaz, View Source will never show you dynamically generated content. Download the FireFox extension: View Source Charthttps://addons.mozilla.org/en-US/firefox/addon/655. It's quite handy, and shows you dynamically generated content. It's often helped me to figure out problems where I really need to know what the generated markup looks like. Cheers, Chris On 10/19/07, Yaz [EMAIL PROTECTED] wrote: With the select plugin I get the same results. Added the form tag. Still no results. Btw, I noticed that even though in Firefox the dropdown does get populated, at view source there is no list of schools Thanks for the suggestion guys. -yaz On Oct 19, 2:31 pm, Jack Killpatrick [EMAIL PROTECTED] wrote: FWIW, I've never had any problems with id and name being the same on controls in IE. I don't see a form tag on the page, maybe that's the issue? You might also want to try this: http://www.texotela.co.uk/code/jquery/select/ - Jack Chris Jordan wrote: Could it be because you're name and id are identical? select name=SchoolID id=SchoolID /select Perhaps IE doesn't like this? Just a guess. Chris On 10/19/07, *Yaz* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Hello everyone, I have a script that basically just reads some data from an xml file, then the data gets loaded into a select dropdown, by dynamically creating option tags. Here's the working sample: http://yazmedia.com/sandbox/ View source for the code. XML: http://yazmedia.com/sandbox/data.html It works fine in Firefox, but in IE 7 or 6 it doesn't. I tried using a function addOption() that I found online, to see if at least I was doing something wrong in my code, but still neither option works. Anything that could shed a little light into this would be much appreciated. -yaz -- http://cjordan.us -- http://cjordan.us
[jQuery] AjaxCFC + jQuery tutorial: part 2
I realize that this is way late in coming, but I've finally put together part two of the AjaxCFC + jQuery tutorial. I feel seriously guilty about not getting it out before now, so I hope anyone who was interested in seeing it still is, will forgive my lateness in getting it published, and will find it useful and informative. Cheers, Chris -- http://cjordan.us
[jQuery] Re: Why people love the jQuery JavaScript library
Very cool. Thanks for the link Rey! :o) Chris On 10/17/07, Rey Bango [EMAIL PROTECTED] wrote: Read Ben Nadel's posting title jQuery And The Anticipation Of Greatness (http://www.bennadel.com/index.cfm?dax=blog:997.view) Rey... -- http://cjordan.us
[jQuery] Re: creating drop down menus with JQuery?
check out jdMenu http://jdsharp.us/jQuery/plugins/jdMenu/. It's pretty cool. Chris On 10/15/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, Is there a plug-in that allows for menu creatio in JQuery? Specifically, I'm looking for something where when you roll over an arrow graphic, a menu will pop up beneath it. I do not need submenus to pull out over individual menu items. Thanks for any advice, - Dave -- http://cjordan.us
[jQuery] Re: Select box show/hide
bombaru, I had just helped another user with almost this same question. I'm lazy, so check out this short threadhttp://groups.google.com/group/jquery-en/browse_thread/thread/61f29abca67a866c/075832c811ad0ee3#075832c811ad0ee3 . He was doing things on a click, but you could do them on the change event. I've not used this event in jQuery so I'm making an assumption that it's covered. Why wouldn't it be, right? so in the code in that thread I do something like: $(.someClass).bind(click, function(){ // function goes here... }); you would do something like: $(#mySelectBoxElement).bind(change, function(){ // function goes here... }); or I think you could do: $(#mySelectBoxElement).change(function(){ // function goes here... }); I'm not sure which is the preferable syntax. I think it's a matter of style. I tend to use the bind function. I hope this helps. Cheers, Chris On 10/8/07, bombaru [EMAIL PROTECTED] wrote: Does anyone have any examples of how I could use a select box to show/ hide different divs on a page. To take it a level further, I would also like the same behavior to work if images are clicked. A little background: I'm tring to build a payment options page and have a list of payment icons (Visa, MC, AmEx, etc) as well as a select box that lists the options. The page would have all the forms in their own DIVs with an ititial value set to hide();. clicking on an image would result in showing the appropriate DIV for that option as well as changing the select box to alert the customer of their choice. Using the select box would have the same behavior but no need to highlight the image. Does this make any sense? I've been messing around with this for a while and can not seem to get anything to work. I'd appreciate any help you might be able to offer me. Here's an example of the page: h1Payment Methods/h1 pConfused about payment types? a href=#Learn more about your payment options here./a/p form select option id=value1Option 1/option option id=value2Option 2/option option id=value3Option 3/option option id=value4Option 4/option option id=value5Option 5/option option id=value6Option 6/option option id=value7Option 7/option /select /form div class=option id=option-1Option 1/div div class=option id=option-2Option 2/div div class=option id=option-3Option 3/div div class=option id=option-4Option 4/div div class=option id=option-5Option 5/div div class=option id=option-6Option 6/div div class=option id=option-7Option 7/div script type=text/javascript $(document).ready(function() { // (hide the divs on initial view) $('#option-1').hide(); $('#option-2').hide(); $('#option-3').hide(); $('#option-4').hide(); $('#option-5').hide(); $('#option-6').hide(); $('#option-7').hide(); // (need help figuring out how to trigger the show) }); /script Thanks for your help. -- http://cjordan.us
[jQuery] Re: Select box show/hide
Also, I just noticed this code: $(document).ready(function() { // (hide the divs on initial view) $('#option-1').hide(); $('#option-2').hide(); $('#option-3').hide(); $('#option-4').hide(); $('#option-5').hide(); $('#option-6').hide(); $('#option-7').hide(); // (need help figuring out how to trigger the show) }); you could simplify that code like this: $(div[id^='option']).hide(); This says, get me all the elements of type div that have the attribute 'id' that starts with 'option'. Seven lines to one line! Isn't that cool!? Have fun! Chris On 10/8/07, Chris Jordan [EMAIL PROTECTED] wrote: bombaru, I had just helped another user with almost this same question. I'm lazy, so check out this short threadhttp://groups.google.com/group/jquery-en/browse_thread/thread/61f29abca67a866c/075832c811ad0ee3#075832c811ad0ee3 . He was doing things on a click, but you could do them on the change event. I've not used this event in jQuery so I'm making an assumption that it's covered. Why wouldn't it be, right? so in the code in that thread I do something like: $(.someClass).bind(click, function(){ // function goes here... }); you would do something like: $(#mySelectBoxElement).bind(change, function(){ // function goes here... }); or I think you could do: $(#mySelectBoxElement).change(function(){ // function goes here... }); I'm not sure which is the preferable syntax. I think it's a matter of style. I tend to use the bind function. I hope this helps. Cheers, Chris On 10/8/07, bombaru [EMAIL PROTECTED] wrote: Does anyone have any examples of how I could use a select box to show/ hide different divs on a page. To take it a level further, I would also like the same behavior to work if images are clicked. A little background: I'm tring to build a payment options page and have a list of payment icons (Visa, MC, AmEx, etc) as well as a select box that lists the options. The page would have all the forms in their own DIVs with an ititial value set to hide();. clicking on an image would result in showing the appropriate DIV for that option as well as changing the select box to alert the customer of their choice. Using the select box would have the same behavior but no need to highlight the image. Does this make any sense? I've been messing around with this for a while and can not seem to get anything to work. I'd appreciate any help you might be able to offer me. Here's an example of the page: h1Payment Methods/h1 pConfused about payment types? a href=#Learn more about your payment options here./a/p form select option id=value1Option 1/option option id=value2Option 2/option option id=value3Option 3/option option id=value4Option 4/option option id=value5Option 5/option option id=value6Option 6/option option id=value7Option 7/option /select /form div class=option id=option-1Option 1/div div class=option id=option-2Option 2/div div class=option id=option-3Option 3/div div class=option id=option-4Option 4/div div class=option id=option-5Option 5/div div class=option id=option-6Option 6/div div class=option id=option-7Option 7/div script type=text/javascript $(document).ready(function() { // (hide the divs on initial view) $('#option-1').hide(); $('#option-2').hide(); $('#option-3').hide(); $('#option-4').hide(); $('#option-5').hide(); $('#option-6').hide(); $('#option-7').hide(); // (need help figuring out how to trigger the show) }); /script Thanks for your help. -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: Select box show/hide
Karl, I was thinking that the ids seemed unnecessary too, but then I thought that maybe he'd want to show only a subset of the items rather than all or nothing. Chris On 10/8/07, Karl Swedberg [EMAIL PROTECTED] wrote: Here is one way you could do it, based on the index of the options and divs: $(document).ready(function() { var $optionDivs = $('div[id^=option]').hide(); $('select').change(function() { var i = $('option', this).index( $(':selected')[0]); $optionDivs.hide().eq(i).show(); }); }); tested successfully in FF 2.0.0.7 The IDs on those divs seem superfluous. You could do the same thing with a common class: $('div.options').hide(); // etc. Or you could wrap all of those divs in another div with an id of options: $('#options div').hide() // etc. Hope that helps. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Oct 8, 2007, at 4:23 PM, Chris Jordan wrote: Also, I just noticed this code: $(document).ready(function() { // (hide the divs on initial view) $('#option-1').hide(); $('#option-2').hide(); $('#option-3').hide(); $('#option-4').hide(); $('#option-5').hide(); $('#option-6').hide(); $('#option-7').hide(); // (need help figuring out how to trigger the show) }); you could simplify that code like this: $(div[id^='option']).hide(); This says, get me all the elements of type div that have the attribute 'id' that starts with 'option'. Seven lines to one line! Isn't that cool!? Have fun! Chris On 10/8/07, Chris Jordan [EMAIL PROTECTED] wrote: bombaru, I had just helped another user with almost this same question. I'm lazy, so check out this short threadhttp://groups.google.com/group/jquery-en/browse_thread/thread/61f29abca67a866c/075832c811ad0ee3#075832c811ad0ee3 . He was doing things on a click, but you could do them on the change event. I've not used this event in jQuery so I'm making an assumption that it's covered. Why wouldn't it be, right? so in the code in that thread I do something like: $(.someClass).bind(click, function(){ // function goes here... }); you would do something like: $(#mySelectBoxElement).bind(change, function(){ // function goes here... }); or I think you could do: $(#mySelectBoxElement).change(function(){ // function goes here... }); I'm not sure which is the preferable syntax. I think it's a matter of style. I tend to use the bind function. I hope this helps. Cheers, Chris On 10/8/07, bombaru [EMAIL PROTECTED] wrote: Does anyone have any examples of how I could use a select box to show/ hide different divs on a page. To take it a level further, I would also like the same behavior to work if images are clicked. A little background: I'm tring to build a payment options page and have a list of payment icons (Visa, MC, AmEx, etc) as well as a select box that lists the options. The page would have all the forms in their own DIVs with an ititial value set to hide();. clicking on an image would result in showing the appropriate DIV for that option as well as changing the select box to alert the customer of their choice. Using the select box would have the same behavior but no need to highlight the image. Does this make any sense? I've been messing around with this for a while and can not seem to get anything to work. I'd appreciate any help you might be able to offer me. Here's an example of the page: h1Payment Methods/h1 pConfused about payment types? a href=#Learn more about your payment options here./a/p form select option id=value1Option 1/option option id=value2Option 2/option option id=value3Option 3/option option id=value4Option 4/option option id=value5Option 5/option option id=value6Option 6/option option id=value7Option 7/option /select /form div class=option id=option-1Option 1/div div class=option id=option-2Option 2/div div class=option id=option-3Option 3/div div class=option id=option-4Option 4/div div class=option id=option-5Option 5/div div class=option id=option-6Option 6/div div class=option id=option-7Option 7/div script type=text/javascript $(document).ready(function() { // (hide the divs on initial view) $('#option-1').hide(); $('#option-2').hide(); $('#option-3').hide(); $('#option-4').hide(); $('#option-5').hide(); $('#option-6').hide(); $('#option-7').hide(); // (need help figuring out how to trigger the show) }); /script Thanks for your help. -- http://cjordan.us -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: [newbie] toggle between two images
HI Jeremie (sorry about the lack of accent characters, I'm feeling lazy right now) Would the imgFull class have the full image as a background image? and then maybe an imgThumb with a background image of the thumbnail? If so, that's as easy as doing something like this: $(#someID).click(function(){ if($(this).hasClass(imgFull)){ //switch to the imgThumb $(this).removeClass(imgFull).addClass(imgThumb); } else{ //do the opposite $(this).removeClass(imgThumb).addClass(imgFull); } }); so the html for that code would look something like this: div id=someID class=imgThumb/div If the class wouldn't contain the image as a background image, then you could do something like this: html head // include the jquery core of course... script // this $(function... syntax is a shortcut for the normal jQuery document ready stuff $(function(){ $(#theImageLink).bind(click,function(){ var imgTag = $(this).children(img); if( imgTag.attr(src) == path/to/my/thumbImage.gif){ imgTag.attr(src, path/to/my/largImage.gif); } else{ imgTag.attr(src, path/to/my/thumbImage.gif); } }); }); /script /head body span id=theImageLink class=imgThumbimg src=path/to/my/thumbImage.gif/span /body /html None of this code is tested, so I could have made some mistakes. Also, some other guru might have different techniques, or would perhaps use different selectors. Without seeing how you'd really want your html to look it's a bit hard, so I've made some assumptions. Cheers, and I hope this helps! Chris On 10/7/07, Jérémie [EMAIL PROTECTED] wrote: HI, I'm trying to do something with jQuery, and each time I think I have it right, it all falls apart. Yep, it's quite obvious me and javascript aren't the best buddies... maybe someone can give me a hand? In a web page, I would like to display an image, let's call it imgFull (that would be it's class). When the page is loaded with a javascript-capable UA, this image is immediately hidden (as soon as possible to avoid strange visual effect for slow connections), and another one is displayed at its place, let's call it imgThumb When either of these two images are clicked (they could be inside a a tag), the one displayed is hidden (I'll add some effect), and after that the other one (hidden) is displayed. Basically it's a thumbnail/full image toggle on click, that would degrade gracefully without javascript or inside XML (like Atom). It's über simple, and yet I'm banging my head at it... :-( Please please please, anyone got an idea ? -- http://cjordan.us
[jQuery] Re: HTML returned from GET: What's the best solution to this issue?
dude... what the hell is that! LOL! :o) On 10/7/07, Andy Matthews [EMAIL PROTECTED] wrote: Just a clarification...I really just want to be able to pass in a string of text, from any source, and create a valid jQuery object from it. In this case, this is the string that I'm going to be using: http://www.commadelimited.com/code/fillertext/hillbilly.html I want to isolate the p tags into a jQuery object. On Oct 7, 7:46 pm, Andy Matthews [EMAIL PROTECTED] wrote: I'm building a little app that will read in a page of static HTML. I'd like to take the string that's returned from the get() call and parse through it, dumping only the paragraphs into a jQuery object with a length of 40. What's the best approach to this? -- http://cjordan.us
[jQuery] Re: HTML returned from GET: What's the best solution to this issue?
Oh... okay. I was thinkin' I'd have to see whatever site was going to use that content! :o) On 10/7/07, Andy Matthews [EMAIL PROTECTED] wrote: :) It's filler text. You've probably seen the fake Latin text lorem Ipsum It's just meant to be text put into a text box or whatever to take up visual space. On Oct 7, 9:39 pm, Christopher Jordan [EMAIL PROTECTED] wrote: dude... what the hell is that! LOL! :o) On 10/7/07, Andy Matthews [EMAIL PROTECTED] wrote: Just a clarification...I really just want to be able to pass in a string of text, from any source, and create a valid jQuery object from it. In this case, this is the string that I'm going to be using: http://www.commadelimited.com/code/fillertext/hillbilly.html I want to isolate the p tags into a jQuery object. On Oct 7, 7:46 pm, Andy Matthews [EMAIL PROTECTED] wrote: I'm building a little app that will read in a page of static HTML. I'd like to take the string that's returned from the get() call and parse through it, dumping only the paragraphs into a jQuery object with a length of 40. What's the best approach to this? --http://cjordan.us- Hide quoted text - - Show quoted text - -- http://cjordan.us
[jQuery] Re: Off-line documentation
Thanks Glen... where do you suppose I could get the 1.1 offline docs... I just want a sample of it for my ColdFusion Users Group preso next Tuesday. We don't typically have a live internet connection so I can't show them the online documentation. Any help would be great. Thanks, Chris On 10/6/07, Glen Lipka [EMAIL PROTECTED] wrote: There are a few I have seen, but all for 1.1, not 1.2. When the 1.2 xml is released, I think we should have some new hard copies around. Glen On 10/6/07, Christopher Jordan [EMAIL PROTECTED] wrote: I seem to remember reading once that I could download the jQuery documentation for use off-line. I've looked a little, but couldn't find it. Does anyone remember if this is so? And if so, where do I get it? Cheers, Chris -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: ajaxCFC and CF8
O... wrappers around the jQuery UI components sounds cool. Gotta keep us posted about that one! :o) Chris On 10/3/07, Rey Bango [EMAIL PROTECTED] wrote: Brook, CF8 provides quite a number of options in terms of prebuilt Ajax controls but I tend to refer to them as intro widgets. They don't provide the level of functionality available in jQuery or many other libs and do not adhere to any form of progressive enhancement. Also, few users want to use Spry for their development and CF8, out of the box, already includes an outdated and non-upgradeable version of YUI. AjaxCFC most certainly remains relevant as it provides a very easy interface for making Ajax calls to your CF templates and leveraging native CF data types. In addition, since jQuery is included in AjaxCFC, you now have the capability to leverage the wealth of jQuery plugins available. And since it's open source, you can upgrade things as needed instead of having to wait until Adobe patches the libs. Rob and I will be working on updating AjaxCFC to jQuery v1.2.1 soon and possibly creating wrappers around jQuery UI components. Rey... Brook Davies wrote: Can Rob or Rey shed some light on this? Is ajaxCFC still relevant with the release of CF8? BrookD -- http://cjordan.us
[jQuery] Re: AjaxCFC
Email Rob Gonda and see what he says about all this. He's the ultimate source on ajaxCFC anyway. If you get an answer to this, it'd be cool to hear about it. Chris On 10/4/07, Brook Davies [EMAIL PROTECTED] wrote: Thanks for the feecback Jack. I am using the success() method and within that method I want to call a method on the current object. The reason is because I have spawned multiple objects and they all fetch data via ajaxCFC and I want the correct object to handle the result. I could save a reference in the global scope, but that would mean I could only have one ajax call at a time. I just wish I could pass an object through to the callback handler so that reference would be available in success(). I guess I could pass a string reference to the class object to the server and have it returned an evaluated – but there must be a better way, no? BrookD -- size=2 width=100% align=center tabindex=-1 *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On Behalf Of *Jack Killpatrick *Sent:* October 3, 2007 6:19 PM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Re: AjaxCFC Hmm, maybe create a global var to hold a ref to the scope? var currentObj; and in getData: currentObj = this; ajax call and in dataResult: currentObj.someProperty = data.yadda; currentObj = null; ? In case you don't know, the ajaxCFC also has a success callback: $.AjaxCFC({ url: some.cfc, method: 'doIt', data: { yadda:'ya' }, success: function(data){ do some stuff; } }); I'm assuming you're calling the dataResult() function via the success attribute, but just in case, FYI. It doesn't really change the approach to knowing scope thing, though, AFAIK. If you try putting this inside the anonymous function, it still won't know the calling object. - Jack Brook Davies wrote: Hello Jack, Well I want to get the scope of the calling object that the function resides in. I have multiple instances of this object: someObj = { getData: function(){ //cfAjax request starts here } , dataResult: function(data){ // handle result from cfAjax here } } a = new someObj() b = new someObj() // call getData on 'a' instance a.getData(); This is where I want the cfAjax callback to be within the scope of the 'a' object or at least somehow get a reference to 'a'. How do I do that? BrookD -- http://cjordan.us
[jQuery] Re: Does JQuery 1.2 solve the thickbox positioning problem when scrolling?
I'm having this same problem. I have a very long list of items that are each clickable. When the user clicks on one it pops up a thickbox that allows the user to edit that item. However, when the user clicks on items far down in the list, they appear to get no thickbox. After a little investigation, I find that the thickbox did indeed show up, just off screen! Ack! How can I fix this? I'll continue investigating this, but if anyone has the answer right off, I could really use it. Thanks, Chris On Sep 21, 10:29 am, WebolizeR [EMAIL PROTECTED] wrote: Same problem in here, I have been playing with CSS ofthickboxbut nothing for now... :( On 11 Eylül, 17:02, Angelo Zanetti [EMAIL PROTECTED] wrote: Will do but dont have the time now. If I do will post the response and let you guys know. Thanks Alexandre Plennevaux wrote: Why not testing it yourself and letting us know of your conclusions? -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Angelo Zanetti Sent: mardi 11 septembre 2007 14:49 To: jquery-en@googlegroups.com Subject: [jQuery] Does JQuery 1.2 solve thethickboxpositioningproblem when scrolling? Hi all Does JQuery 1.2 solve thethickboxpositioningproblem when scrolling? The problem is when you have scrolled down a page and then click on the thickboxlink, thethickboxpopup appears at the top of the page but as you have scrolled down its not centered? I see there are some changes to the CSS in the latest version. Please advise. Thanks Kind regards -- Angelo Zanetti Systems developer *Telephone:* +27 (021) 552 9799 *Mobile:* +27 (0) 72 441 3355 *Fax:*+27 (0) 86 681 5885 * Web:*http://www.zlogic.co.za *E-Mail:* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.485 / Base de données virus: 269.13.14/999 - Date: 10/09/2007 17:43 -- Angelo Zanetti Systems developer *Telephone:* +27 (021) 552 9799 *Mobile:* +27 (0) 72 441 3355 *Fax:*+27 (0) 86 681 5885 * Web:*http://www.zlogic.co.za *E-Mail:* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
[jQuery] Re: Does JQuery 1.2 solve the thickbox positioning problem when scrolling?
If anyone cares, I think my problem here was that I didn't have the latest code for thickbox (even though, the version numbers were the same...:o/) Anyway, I found that my tb_position function looked like this: function tb_position() { $(#TB_window).css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'}); if ( !(jQuery.browser.msie typeof XMLHttpRequest == 'function')) { // take away IE6 $(#TB_window).css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) + 'px'}); } } While in the latest version of the code it looked like this: function tb_position() { $(#TB_window).css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'}); if ( !(jQuery.browser.msie jQuery.browser.version 7)) { // take away IE6 $(#TB_window).css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) + 'px'}); } } I replaced that one function, and all seems right with the world again. I feel like I should say that I know this had nothing even remotely to do with jQuery 1.2. That's just the subject the original poster put on this topic, and he and I happened to be having the same problem, and I didn't think I should start a new thread. Cheers, Chris On 10/1/07, Chris Jordan [EMAIL PROTECTED] wrote: I'm having this same problem. I have a very long list of items that are each clickable. When the user clicks on one it pops up a thickbox that allows the user to edit that item. However, when the user clicks on items far down in the list, they appear to get no thickbox. After a little investigation, I find that the thickbox did indeed show up, just off screen! Ack! How can I fix this? I'll continue investigating this, but if anyone has the answer right off, I could really use it. Thanks, Chris On Sep 21, 10:29 am, WebolizeR [EMAIL PROTECTED] wrote: Same problem in here, I have been playing with CSS ofthickboxbut nothing for now... :( On 11 Eylül, 17:02, Angelo Zanetti [EMAIL PROTECTED] wrote: Will do but dont have the time now. If I do will post the response and let you guys know. Thanks Alexandre Plennevaux wrote: Why not testing it yourself and letting us know of your conclusions? -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Angelo Zanetti Sent: mardi 11 septembre 2007 14:49 To: jquery-en@googlegroups.com Subject: [jQuery] Does JQuery 1.2 solve thethickboxpositioningproblem when scrolling? Hi all Does JQuery 1.2 solve thethickboxpositioningproblem when scrolling? The problem is when you have scrolled down a page and then click on the thickboxlink, thethickboxpopup appears at the top of the page but as you have scrolled down its not centered? I see there are some changes to the CSS in the latest version. Please advise. Thanks Kind regards -- Angelo Zanetti Systems developer *Telephone:* +27 (021) 552 9799 *Mobile:* +27 (0) 72 441 3355 *Fax:*+27 (0) 86 681 5885 * Web:*http://www.zlogic.co.za *E-Mail:* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.485 / Base de données virus: 269.13.14/999 - Date: 10/09/2007 17:43 -- Angelo Zanetti Systems developer *Telephone:* +27 (021) 552 9799 *Mobile:* +27 (0) 72 441 3355 *Fax:*+27 (0) 86 681 5885 * Web:*http://www.zlogic.co.za *E-Mail:* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] -- http://cjordan.us
[jQuery] Presentation pointers
Hi folks, I'm going to be giving a talk to my local CFUG on jQuery, and specifically using jQuery in conjunction with ColdFusion. I've been writing a tutorial on my blog on this subject, but haven't finished it yet (it's a three-parter). However, this talk looming in the future has lit a fire under my butt so I'm all gung-ho now, and my talk will pretty much be my blog article (completed). My problem now is that I've never given a presentation before. I think I can do a pretty good job, but I'd like to get some pointers from the community of folks who've given talks before. Thanks, Chris -- http://cjordan.us
[jQuery] Thickbox 3.1: Transparency issues in IE6
Hi folks, I've just started using thickbox 3.1 and I notice that transparencies are *not* working in IE6. Is anyone else having this issue? I've not had this issue in the past, so it's confusing me. The CSS appears to be correct to me, but for some reason, the background refuses to be transparent. Can anyone offer any advice? Thanks heaps, Chris
[jQuery] Re: Thickbox 3.1: Transparency issues in IE6
@Alexandre: Sorry, but I don't have a publicly accessible url to be able to show off this problem. @Equand: You think? ;o) Chris On Sep 10, 11:27 am, Equand [EMAIL PROTECTED] wrote: looks to me like an 'opacity' css problem On Sep 10, 7:23 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Do you have a link where we can check your problem? -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Chris Jordan Sent: lundi 10 septembre 2007 17:09 To: jQuery (English) Subject: [jQuery] Thickbox 3.1: Transparency issues in IE6 Hi folks, I've just started using thickbox 3.1 and I notice that transparencies are *not* working in IE6. Is anyone else having this issue? I've not had this issue in the past, so it's confusing me. The CSS appears to be correct to me, but for some reason, the background refuses to be transparent. Can anyone offer any advice? Thanks heaps, Chris Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.485 / Base de données virus: 269.13.12/997 - Date: 9/09/2007 10:17
[jQuery] Re: Thickbox 3.1: Transparency issues in IE6
The opacity code is already inclided in the Thickbox code (in thickbox.css) how much more manual are you talking about? Thanks, Chris On 9/10/07, Equand [EMAIL PROTECTED] wrote: http://www.mandarindesign.com/opacity.html u can manually set a filter on the thickboxes overlay. On Sep 10, 8:49 pm, Chris Jordan [EMAIL PROTECTED] wrote: @Alexandre: Sorry, but I don't have a publicly accessible url to be able to show off this problem. @Equand: You think? ;o) Chris On Sep 10, 11:27 am, Equand [EMAIL PROTECTED] wrote: looks to me like an 'opacity' css problem On Sep 10, 7:23 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Do you have a link where we can check your problem? -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Chris Jordan Sent: lundi 10 septembre 2007 17:09 To: jQuery (English) Subject: [jQuery] Thickbox 3.1: Transparency issues in IE6 Hi folks, I've just started using thickbox 3.1 and I notice that transparencies are *not* working in IE6. Is anyone else having this issue? I've not had this issue in the past, so it's confusing me. The CSS appears to be correct to me, but for some reason, the background refuses to be transparent. Can anyone offer any advice? Thanks heaps, Chris Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.485 / Base de données virus: 269.13.12/997 - Date: 9/09/2007 10:17 -- http://cjordan.us
[jQuery] Re: 1.2 out?
Woo-HOO! On 9/10/07, Justin Sepulveda [EMAIL PROTECTED] wrote: Yah, it looks like they're in the middle of updating everything. On Sep 10, 3:46 pm, MrNase [EMAIL PROTECTED] wrote: I just grabbedhttp://jquery.com/src/jquery-latest.jsand the header of the file says: /* * jQuery 1.2 - New Wave Javascript * * Copyright (c) 2007 John Resig (jquery.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * $Date: 2007-09-10 15:45:49 -0400 (Mon, 10 Sep 2007) $ * $Rev: 3219 $ */ Is 1.2 officially out? YEAH! :-) -- http://cjordan.us
[jQuery] Re: Corner Plugin affects layout
Sam, I visited both links in your post (using IE6) and I can't see the problem? Also, I don't see anything on either page that looks like the corner plug-in has been applied. Hmmm... did you fix things already? :o/ Chris On 9/10/07, weepy [EMAIL PROTECTED] wrote: that's an awesome plugin On Sep 10, 3:59 pm, Sam Collett [EMAIL PROTECTED] wrote: Using canvas instead of nested div's for the corner didn't help with the layout (although it looks slightly better). The problem is caused by the 'position: relative' added to the element with the corner applied to it. On Sep 10, 2:28 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: ugin use this plugin:http://meerbox.nl/?page_id=4 works fine and it's pretty nice ;) -- http://cjordan.us
[jQuery] Re: Corner Plugin affects layout
Dude, that looks pretty freakin' sweet! I may have to give that one a shot sometime. Chris On 9/10/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: use this plugin: http://meerbox.nl/?page_id=4 works fine and it's pretty nice ;) -- http://cjordan.us
[jQuery] Re: Thickbox 3.1: Transparency issues in IE6
Bah! Darned fingers! Included ... not inclided... :o/ Chris On 9/10/07, Christopher Jordan [EMAIL PROTECTED] wrote: The opacity code is already inclided in the Thickbox code (in thickbox.css) how much more manual are you talking about? Thanks, Chris On 9/10/07, Equand [EMAIL PROTECTED] wrote: http://www.mandarindesign.com/opacity.html u can manually set a filter on the thickboxes overlay. On Sep 10, 8:49 pm, Chris Jordan [EMAIL PROTECTED] wrote: @Alexandre: Sorry, but I don't have a publicly accessible url to be able to show off this problem. @Equand: You think? ;o) Chris On Sep 10, 11:27 am, Equand [EMAIL PROTECTED] wrote: looks to me like an 'opacity' css problem On Sep 10, 7:23 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Do you have a link where we can check your problem? -Original Message- From: jquery-en@googlegroups.com [mailto: [EMAIL PROTECTED] On Behalf Of Chris Jordan Sent: lundi 10 septembre 2007 17:09 To: jQuery (English) Subject: [jQuery] Thickbox 3.1: Transparency issues in IE6 Hi folks, I've just started using thickbox 3.1 and I notice that transparencies are *not* working in IE6. Is anyone else having this issue? I've not had this issue in the past, so it's confusing me. The CSS appears to be correct to me, but for some reason, the background refuses to be transparent. Can anyone offer any advice? Thanks heaps, Chris Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.485 / Base de données virus: 269.13.12/997 - Date: 9/09/2007 10:17 -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: blockUI... I must be doing something wrong...
Mike, it does indeed seem that $StoreUpdateForm[0] is undefined on subsequent clicks. I don't understand why that should be! I've got something happening now that is causing my page to be repetitively blocked and unblocked such that it looks like the screen is flashing with a slow fade (if I weren't having a problem, I'd say it even looks kinda cool ;o). Mike, if you've got some time. Please email me off list and I can show this to you in action. Thanks, Chris Notice that this time instead of caching the jQuery object $(#StoreUpdateForm) into a variable called $StoreUpdateForm, I now force jQuery to look it up each time I use it. On 8/6/07, Christopher Jordan [EMAIL PROTECTED] wrote: Mike, thanks. I'll check that. email me off list if you'd like to see it working... or not working... or whatever ;o) On 8/6/07, Mike Alsup [EMAIL PROTECTED] wrote: Chris, It's hard to say without seeing the code in action. Try putting a break on the line where $.blockUI is called. Based on your description it would seem like $StoreUpdateForm[0] is null at that point. Mike success: function(data) { $StoreUpdateForm.empty().append(data); $(#CloseBtnID).bind(click,function(){ $.unblockUI(); }); $(#SaveBtnID).bind(click,function(){ alert(coming soon); }); $.blockUI($StoreUpdateForm[0],{padding:'2px', borderColor:'#3F6F5E', top:'25%', left:'50%' }); -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: [New Plugins] Ajax Queue and Ajax Sync
Those sound really useful! Where can we get the code? Cheers, Chris On 8/7/07, John Resig [EMAIL PROTECTED] wrote: Hey everyone - So Mike Hostetler was telling me about some Ajax queueing plugins that he wanted to write - so I got some ideas, and less than an hour later - here are two new Ajax queueing plugins for you to enjoy! Lame demo: http://dev.jquery.com/~john/plugins/ajaxqueue/ About the plugins: * Queued Ajax requests. A new Ajax request won't be started until the previous queued request has finished. Example: jQuery.ajaxQueue({ url: test.php, success: function(html){ jQuery(ul).append(html); } }); * Synced Ajax requests. The Ajax request will happen as soon as you call this method, but the callbacks (success/error/complete) won't fire until all previous synced requests have been completed. Example: jQuery.ajaxSync({ url: test.php, success: function(html){ jQuery(ul).append(b+html+/b); } }); Both have their uses, but ajaxSync, in particular, seems quite useful. Let me know what you think. If this code helps you out, let me know, and I'll throw it up somewhere. --John -- http://cjordan.us
[jQuery] blockUI... I must be doing something wrong...
Hi folks, I'm in need of some help. I'm using blockUI to display a small set of fields to the user along with two buttons, save and close. This little psuedo-form (it's not a true form) appears when the user clicks on a store from a list of stores that I'm displaying for them. It works great on the first click (regardless of the store selected) but doesn't work for any subsequent clicks. All subsequent clicks display the default Please Wait message. Here's how I'm accomplishing this so far: The list of stores is in a table. Each row has a click bound to it that calls a function called SetClickEvent. For different tables this function performs different actions. In the case of selecting a store, it basically binds that click to the function EditStore. The EditStore function then makes an ajax call to my ColdFusion server which builds the psuedo-form and returns it so that jQuery can then place it in the DOM. The psuedo-form comes back from the server with all its buttons and all it's fields pre-filled depending on which store was clicked. Immediately after putting the markup into the DOM, I use jQuery to find the buttons and bind their click events to them. Then I call blockUI to show the psuedo-form. Like I said, it works like a champ the first time around, but all subsequent clicks fail. Here's the EditStore function: function EditStore(id){ alert(id); var $StoreUpdateForm = $(#StoreUpdateForm); var $MessageArea = $(.SystemMessages); $MessageArea.empty().append(Loading...).show(); $.AjaxCFC({ url: CFC/Display.cfc, method: displayStoreUpdateForm, data: {id:id}, unnamedargs: false, serialization: json, success: function(data) { $StoreUpdateForm.empty().append(data); $(#CloseBtnID).bind(click,function(){ $.unblockUI(); }); $(#SaveBtnID).bind(click,function(){ alert(coming soon); }); $.blockUI($StoreUpdateForm[0],{padding:'2px', borderColor:'#3F6F5E', top:'25%', left:'50%' }); }, complete: function(){ $MessageArea.empty().hide(); } }); } Unlike, most of my projects this one can be viewed online, but I'd have to give my password to the development area of this little app., and (I know this is a bad thing, but...) even in the development version it deals with live data. I'm hesitant to just post that information to a list. It's not that the app allows access to overly sensitive data, but I'd rather be safe. Let me know if you just have to, have to, have to see the bug in the wild. I am using the latest version of blockUI, with the latest version of jQuery. I have verified (via the alert statement that you can see at the top of the EditStore function) that each time a store gets clicked on, it's ID is indeed passed into the function as expected. Presumably the problem exists somewhere in the success block of my ajax call. Cheers, Chris -- http://cjordan.us
[jQuery] Re: blockUI... I must be doing something wrong...
this didn't seem to post the first time even though it's in my sent items. hopefully it will work this time. i really need help with this. thanks, chris On 8/6/07, Christopher Jordan [EMAIL PROTECTED] wrote: Hi folks, I'm in need of some help. I'm using blockUI to display a small set of fields to the user along with two buttons, save and close. This little psuedo-form (it's not a true form) appears when the user clicks on a store from a list of stores that I'm displaying for them. It works great on the first click (regardless of the store selected) but doesn't work for any subsequent clicks. All subsequent clicks display the default Please Wait message. Here's how I'm accomplishing this so far: The list of stores is in a table. Each row has a click bound to it that calls a function called SetClickEvent. For different tables this function performs different actions. In the case of selecting a store, it basically binds that click to the function EditStore. The EditStore function then makes an ajax call to my ColdFusion server which builds the psuedo-form and returns it so that jQuery can then place it in the DOM. The psuedo-form comes back from the server with all its buttons and all it's fields pre-filled depending on which store was clicked. Immediately after putting the markup into the DOM, I use jQuery to find the buttons and bind their click events to them. Then I call blockUI to show the psuedo-form. Like I said, it works like a champ the first time around, but all subsequent clicks fail. Here's the EditStore function: function EditStore(id){ alert(id); var $StoreUpdateForm = $(#StoreUpdateForm); var $MessageArea = $(.SystemMessages); $MessageArea.empty().append(Loading...).show(); $.AjaxCFC({ url: CFC/Display.cfc, method: displayStoreUpdateForm, data: {id:id}, unnamedargs: false, serialization: json, success: function(data) { $StoreUpdateForm.empty().append(data); $(#CloseBtnID).bind(click,function(){ $.unblockUI(); }); $(#SaveBtnID).bind(click,function(){ alert(coming soon); }); $.blockUI($StoreUpdateForm[0],{padding:'2px', borderColor:'#3F6F5E', top:'25%', left:'50%' }); }, complete: function(){ $MessageArea.empty().hide(); } }); } Unlike, most of my projects this one can be viewed online, but I'd have to give my password to the development area of this little app., and (I know this is a bad thing, but...) even in the development version it deals with live data. I'm hesitant to just post that information to a list. It's not that the app allows access to overly sensitive data, but I'd rather be safe. Let me know if you just have to, have to, have to see the bug in the wild. I am using the latest version of blockUI, with the latest version of jQuery. I have verified (via the alert statement that you can see at the top of the EditStore function) that each time a store gets clicked on, it's ID is indeed passed into the function as expected. Presumably the problem exists somewhere in the success block of my ajax call. Cheers, Chris -- http://cjordan.us -- http://cjordan.us