[jQuery] Re: Tablesorter dateFormat
Hi Jay, There was a small bug in the parser. This works as expected: $.tablesorter.addParser({ // set a unique id id: 'dates', is: function(s) { // return false so this parser is not auto detected return false; }, format: function(s) { // split var a = s.split('-'); // get month num a[1] = this.getMonth(a[1]); // glue and return a new date return new Date(a.reverse().join(/)).getTime(); }, getMonth: function(s) { var m = ['jan','feb','mar','apr','may','jun','jul','aug','sep','oct','nov','dec'] var l = m.length; for(var i=0; i l; i++) { if(m[i] == s.toLowerCase()) { return (i+1); } } }, // set type, either numeric or text type: 'numeric' }); /Christian 2007/12/19, Jay Fallon [EMAIL PROTECTED]: Hi Christian, thanks for the follow up, I implemented the script as you described and it's still not sorting correctly: http://jayfallon.net/tablesorter/tablesorter.html On Dec 19, 1:21 pm, Christian Bach [EMAIL PROTECTED] wrote: Hi Jay, This will solve your problem: // add parser through the tablesorter addParser method $.tablesorter.addParser({ // set a unique id id: 'dates', is: function(s) { // return false so this parser is not auto detected return false; }, format: function(s) { // split var a = s.split('-'); // get month num a[1] = this.getMonth(a[1]); // glue and return a new date return new Date(a.join(/)).getTime(); }, getMonth: function(s) { var m = ['jan','feb','mar','apr','may','jun','jul','aug','sep','oct','nov','dec'] var l = m.length; for(var i=0; i l; i++) { if(m[i] == s.toLowerCase()) { return (i+1); } } }, // set type, either numeric or text type: 'numeric' }); /christian 2007/12/18, Jay Fallon [EMAIL PROTECTED]: It's easy to write a parser to convert the months to a sortable value, but the days and years are trickier. the current code is as follows: // add parser through the tablesorter addParser method $.tablesorter.addParser({ // set a unique id id: 'dates', is: function(s) { // return false so this parser is not auto detected return false; }, format: function(s) { // format your data for normalization return s.toLowerCase ().replace(/dec/,12).replace(/nov/, 11).replace(/oct/,10).replace(/sep/,09).replace(/aug/,08).replace(/ jul/,07).replace(/jun/,06).replace(/may/,05).replace(/apr/, 04).replace(/mar/,03).replace(/feb/,02).replace(/jan/,01); }, // set type, either numeric or text type: 'numeric' }); $(function() { $.tablesorter.defaults.widgets = ['zebra']; $(#announcements).tablesorter({ headers: { 0: {sorter:'dates'},1: {sorter:false},2: {sorter:false},3: {sorter:false} } }); }); On Dec 18, 2:06 pm, Jay Fallon [EMAIL PROTECTED] wrote: I need to sort a table based on the date format: 10-Dec-2007. Does anyone know if this is possible with Tablesorter? I've tried us, uk iso to no avail. Thanks, Jay
[jQuery] Re: Interface droppables versus UI Droppables
If you could file a feature request ticket here, I'd be happy to take a look at it: http://dev.jquery.com/newticket Thanks. - Richard On Dec 19, 2007 6:11 AM, Karl Delandsheere [EMAIL PROTECTED] wrote: Hi! I'm moving a project from Interface to UI. When it was working with Interface, I used to call .recallDroppable when the DOM was modified (display new droppables and so on) while dragging. The comment of .recallDroppable is to the point :D... * useful when the positions/dimensions for droppables * are changed while dragging a element So! My question is how can I do the same with UI Droppable? It seems nothing is planed for that in UI :/.
[jQuery] Re: tr not applying CSS
Have you tried giving your row a specific class instead of using name? eg. $('tr.myRowClass').hover( function() { $(this).addClass(newClass); }, function() { $(this).removeClass(newClass); } ); On Dec 20, 4:31 am, JQueryProgrammer [EMAIL PROTECTED] wrote: I have a table that displays n rows based on the records from the database. For a particular row that gets displayed n times, I have assigned a name to the row. The row already has some CSS applied to it. But I want that whenever I take the mouse over the row, the new CC should get applied and the on mouse out the old CSS should reapply. I tried the code as: $(tr[name='myRowName').hover( function() { $(this).addClass(newClass); }, function() { $(this).removeClass(newClass); } ); But it does not work. Can anyone let me know.
[jQuery] tablesorter: sorting every 2nd row
we have a table where every 2nd table-row provides some detailed information on the row above. structure: table tbody trtdmain content .../tdtd .../td/tr tr class=extendedtdsubcontent .../tr and so on ... /tbody now, I´d like to sort the table without rearranging the tr's with the class extended. is this possible? if yes, how? another solution is to sort the tbodies, but I also don´t know how this should work. any help is much appreciated. thanks, patrick
[jQuery] Re: rounded corners on images with jquery?
Hi Mike, thanks a lot for the plug-in! I would ask for borders too, if possible, and, if I may, it would be great for anti-alias too as made in CurvyCorners. That would made it excellent. That said, is it possible to use the wrapping div without previous knowing its size and so image size? I.E. Can I apply an in-line style to size image wrapping div on the fly according to the sizes of the image it contains since I can't know them in advance? Thanks again! P.S. Does the plug-in supports transparent backgrounds? On Dec 18, 4:11 pm, Mike Alsup [EMAIL PROTECTED] wrote: I had to tweak the script to get this working right in IE. v1.92 is now available: http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js Mike On Dec 18, 2007 8:04 AM, Mike Alsup [EMAIL PROTECTED] wrote: Here's an example of how to use the jQuery Corner plugin on an image: http://www.malsup.com/jquery/corner/image.html Mike On Dec 17, 2007 7:12 PM, bdee1 [EMAIL PROTECTED] wrote: i know there are jquery plugins to round the corners on divs but is there one that will work on images? to see what i mean take a look at http://beta.asset-guardians.com/. it is a sit i am working on that in its very early stages. towards the bottom of the page there are two images (one is a baseball and the other is a ring. the baseball has square corners. the ring image has round corners. the corners on the ring image were rounded in photoshop and saved that way. it would be nice however to be able to apply a similar effect to any image with some simple jquery code like $(#ringImage).roundcorners(); anybody know if this is possible? -- View this message in context:http://www.nabble.com/rounded-corners-on-images-with-jquery--tp143758... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: tr not applying CSS
Sometimes the order of your CSS definitions make a difference. If newClass is defined before the other CSS being applied you can try to move the newClass definition below. Next, make sure your selector is working. Try something like $(this).css(background-color, #f00); If you don't see that cell go red, then you know your selector isn't quite right. Not a great help, I'm sure, but hope it gets you going. Good luck. Shawn JQueryProgrammer wrote: I have a table that displays n rows based on the records from the database. For a particular row that gets displayed n times, I have assigned a name to the row. The row already has some CSS applied to it. But I want that whenever I take the mouse over the row, the new CC should get applied and the on mouse out the old CSS should reapply. I tried the code as: $(tr[name='myRowName').hover( function() { $(this).addClass(newClass); }, function() { $(this).removeClass(newClass); } ); But it does not work. Can anyone let me know.
[jQuery] javascript function causes cluetip to stop working
hi all i'm trying to learn jquery and cluetip and have come across a problem where an extra line of jquery javascript causes cluetip to stop working eg it works if I write script type=text/javascript $(document).ready(function() { $('a.player').cluetip(); }); /script but if I write script type=text/javascript $(document).ready(function() { $('a.player').cluetip(); try { $(form :input:first).focus(); } catch (exception) { } }); /script cluetip stops working. There are no javascript errors reported, but the $(form :input:first).focus(); line causes the cluetip popups to stop appearing. Is there something obvious here I am doing wrong?
[jQuery] Plugin for code highlighting and row numbering?
I know I saw something a while ago, but can't seem to see it on the Plugins page. I'm looking for a plugin that can do syntax coloring and row numbering for when I need to post code samples to my web pages. The best I've found so far is Chili for the syntax coloring. But it's samples don't seem to indicate it can do row numbering. Any tips? (apologies if I'm just being blind). Shawn
[jQuery] Re: tr not applying CSS
Does the class that you are applying to your tr set the background- color on the tr itself? If so, you might want to try modifying your CSS a bit to apply the background-color to the td elements in your tr like: tr.newClass td { background:#ff; } Hope this helps. On Dec 20, 4:31 am, JQueryProgrammer [EMAIL PROTECTED] wrote: I have a table that displays n rows based on the records from the database. For a particular row that gets displayed n times, I have assigned a name to the row. The row already has some CSS applied to it. But I want that whenever I take the mouse over the row, the new CC should get applied and the on mouse out the old CSS should reapply. I tried the code as: $(tr[name='myRowName').hover( function() { $(this).addClass(newClass); }, function() { $(this).removeClass(newClass); } ); But it does not work. Can anyone let me know.
[jQuery] Re: JQZoom Updated
Do you like it? it's my plugin. Ing. Renzi Marco On 18 Dic, 06:31, Rey Bango [EMAIL PROTECTED] wrote: JQZoomhas been updated to v1.1 http://www.mind-projects.it/blog/?page_id=14 It acts as a magnifier for images. Rey
[jQuery] Re: How to find a table cells value?
Knowing the basics of jQuery helps. Then being able to project what you know for the easy problems onto the harder problems is also a good skill. In this case, knowing the basics that .text() gets the text of an HTML element is the starting point. This is defined in the docs, and after some digging should be rather simple to use. Then applying this to the more complex problem of getting the text of a table cell... well a table cell is an HTML element as well, so doing something like $(#mytablecell).text() should work. But in your case you didn't have a reference to the cell - just the row. So we need apply some jQuery selector magic (i.e. combining some selector methods) to arrive at a reference to the desired cell. This results in $(#myTR td:eq(3)).text(); - assuming you wanted the 4th cell. As you gain more experience with the language, and JavaScript in general, this will become second nature and you rarely need to think things out. The answers become obvious (sometimes). As for the .rowIndex and .cellIndex tips, that is core JavaScript and DOM coding, and isn't a jQuery thing at all (though I'm sure jQuery makes use of those properties in places). To know these points off the top of your head means to understand and/or have some experience doing DOM coding. So in short, he knew the answer because of his past experience... :) I'm just too long winded to put it that way.. LOL As for learning the ins/outs of jQuery, well the simple answer is to do it. The more you work with jQuery (and JavaScript), the easier it becomes. But having a solid JavaScript background really helps too. By that I mean that if you can do the things jQuery does, without using jQuery, and understand the whys and fors of these techniques, then using jQuery becomes much easier. For instance, build a couple of Ajax routines the traditional way. Then the jQuery Ajax routines make perfect sense. Or write some animation routines (like the slideUp/Down) without using jQuery... You'll get a better appreciation for the shortcuts jQuery gives you, but more importantly you'll have a better idea how you can tweak these shortcuts to do exactly what you want. Ok, I'm done typing now. :) Hopefully this answers your questions or helps you out some... Shawn Monica wrote: Thanks for the replies. So tell me, how did you know the answers. I have the Learning jQuery book by Chaffer and Swedberg. I poured over the table manipulation chapter with no clarity!!! So the question is : What'e the best/smart way to learn JQuery ins and outs? Go through the jquery.js? Thanks!
[jQuery] Attribute selector (^=) problem with multiple values
Hi jQuery group, The simple piece of code below is designed to highlight table cells whose class name is that of the currently hovered one (to visually group them). In my example the class name itself is film + id (film1, film2, etc) so I use the [attribute^=value] selector. OK to that point, but if the class attribute happens to have whitespace-separated extra content for css purposes (eg class=film1 small ), the selector doesn't capture the element. More generally it seems to dodge any attribute value ending with a white-space + another char. Any idea why? code $(document).ready(function() { $([class^='film']).bind(mouseover,function() { $ (.+this.attributes['class'].value).css({cursor:pointer,background- color:#FFCC99}); }); $([class^='film']).bind(mouseout,function() { $ (.+this.attributes['class'].value).css({cursor:pointer,background- color:transparent}); }); /code Thanks.
[jQuery] Can UI Sortable create additional levels?
UI Sortable seems a great tool but to be sure it suits my purpose I need to know if it implements the possibility to create further levels, ie if an item is dropped over another item, it would be nested in that one. The demos I've seen don't work that way but it would be a pity (and even a bit absurd) if it couldn't be done. Thanks Nicolas
[jQuery] Re: JQZoom Updated
Very cool plugin ! I'll use it soon ! thanks Cordialement, Vincent Majer, Responsable technique, TraveLinks [EMAIL PROTECTED] a écrit : Do you like it? it's my plugin. Ing. Renzi Marco On 18 Dic, 06:31, Rey Bango [EMAIL PROTECTED] wrote: JQZoomhas been updated to v1.1 http://www.mind-projects.it/blog/?page_id=14 It acts as a magnifier for images. Rey
[jQuery] Re: JQZoom Updated
Absolutely Renzi! That's why I wanted to make sure that everyone on the list knew it had been updated. Always be sure to let us know about updates and new plugins. :) Rey [EMAIL PROTECTED] wrote: Do you like it? it's my plugin. Ing. Renzi Marco On 18 Dic, 06:31, Rey Bango [EMAIL PROTECTED] wrote: JQZoomhas been updated to v1.1 http://www.mind-projects.it/blog/?page_id=14 It acts as a magnifier for images. Rey
[jQuery] Re: iPhone and slide animations
I don't use jQuery for IPhone, but I do code for it. I suppose the problem is the delay of the interval. While a normal browser handles 20ms pretty well, the IPhone seems to go mad, see if you can find that number in the source and change it for 80 or 100. Ariel Flesler On Dec 19, 7:11 pm, kpmartin [EMAIL PROTECTED] wrote: Is anyone using jQuery on iPhone? I tried altering the iui iphonenav.js script to use jQuery and, though it works, it seems very very slow when performing the right to left (or vice versa) slide transitions. I'm just doing something like this... fromPanelElem.animate({ left: 0px }, 500 ); toPanelElem.animate({ left: 0px }, 500 ); Any thoughts?
[jQuery] Re: rounded corners on images with jquery?
Hi, somebody know the www.meerbox.nl corner plugin? it´s jquery based too. But what that is better? 1 - www.meerbox.nl 2 - http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js 3 - http://www.malsup.com/jquery/corner/ Somebody knows? Thz
[jQuery] Re: Removing elements
Hi Larry, Nothing stupid at all about your question. Brandon or John can correct me if I'm wrong, but I think the behavior of the remove() method has changed recently in svn. With recent svn versions, the elements are completely destroyed (to avoid memory leaks?). Clearly I'm not the most informed person when it comes to this issue, but I wanted to make sure that someone at least replied to your question. Can anyone confirm or deny my suspicions? Thanks, --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Dec 19, 2007, at 10:23 AM, McLars wrote: I have a quick, and stupid, question. When I use the remove() method, elements are removed from the DOM, but they still seem to be hanging around in memory. How do I completely destroy an element? Thanks, Larry
[jQuery] Re: rounded corners on images with jquery?
I would ask for borders too, if possible, and, if I may, it would be great for anti-alias too as made in CurvyCorners. That would made it excellent. Borders are possible, just not super thin borders. See the demo pages referred to in the source file. Anti-aliasing will not be added to this plugin. There are other plugins that provide that capability. I believe there is even a port of CC to jQuery. That said, is it possible to use the wrapping div without previous knowing its size and so image size? I.E. Can I apply an in-line style to size image wrapping div on the fly according to the sizes of the image it contains since I can't know them in advance? I haven't tried that but I think it will work. But what that is better? 1 - www.meerbox.nl 2 - http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js 3 - http://www.malsup.com/jquery/corner/ #2 #3 are the same thing. #1 is a cool way to do corners using canvas. It has excellent support for borders but requires the additional excanvas script for IE. Mike
[jQuery] Possible solution to IE7 opacity and cleartype
It's probably common knowledge that changing opacity in IE7 disables cleartype. Someone seems to have come up with a workaround: http://mattberseth.com/blog/2007/12/ie7_cleartype_dximagetransform.html Is this a viable fix? If so, how likely is it that this solution would be incorporated into jQuery's fade animations?
[jQuery] Help Test jQuery 1.2.2 (beta 2)
Hi Everyone - We've landed about 20 more bug fixes since the previous 1.2.2 beta and we'd like to do a quick sanity check before we go live. http://code.jquery.com/jquery-1.2.2b2.js Please pay special attention to $(document).ready() in Safari 3 and Opera 9, .height() and .width(), and IE garbage collection. Let us know if you encounter any new bugs. --John
[jQuery] Re: Tablesorter dateFormat
Thanks Christian!! That worked out great. Thanks again for your time and the plugin, of course. On Dec 20, 3:02 am, Christian Bach [EMAIL PROTECTED] wrote: Hi Jay, There was a small bug in the parser. This works as expected: $.tablesorter.addParser({ // set a unique id id: 'dates', is: function(s) { // return false so this parser is not auto detected return false; }, format: function(s) { // split var a = s.split('-'); // get month num a[1] = this.getMonth(a[1]); // glue and return a new date return new Date(a.reverse().join(/)).getTime(); }, getMonth: function(s) { var m = ['jan','feb','mar','apr','may','jun','jul','aug','sep','oct','nov','dec'] var l = m.length; for(var i=0; i l; i++) { if(m[i] == s.toLowerCase()) { return (i+1); } } }, // set type, either numeric or text type: 'numeric' }); /Christian 2007/12/19, Jay Fallon [EMAIL PROTECTED]: Hi Christian, thanks for the follow up, I implemented the script as you described and it's still not sorting correctly: http://jayfallon.net/tablesorter/tablesorter.html On Dec 19, 1:21 pm, Christian Bach [EMAIL PROTECTED] wrote: Hi Jay, This will solve your problem: // add parser through the tablesorter addParser method $.tablesorter.addParser({ // set a unique id id: 'dates', is: function(s) { // return false so this parser is not auto detected return false; }, format: function(s) { // split var a = s.split('-'); // get month num a[1] = this.getMonth(a[1]); // glue and return a new date return new Date(a.join(/)).getTime(); }, getMonth: function(s) { var m = ['jan','feb','mar','apr','may','jun','jul','aug','sep','oct','nov','dec'] var l = m.length; for(var i=0; i l; i++) { if(m[i] == s.toLowerCase()) { return (i+1); } } }, // set type, either numeric or text type: 'numeric' }); /christian 2007/12/18, Jay Fallon [EMAIL PROTECTED]: It's easy to write a parser to convert the months to a sortable value, but the days and years are trickier. the current code is as follows: // add parser through the tablesorter addParser method $.tablesorter.addParser({ // set a unique id id: 'dates', is: function(s) { // return false so this parser is not auto detected return false; }, format: function(s) { // format your data for normalization return s.toLowerCase ().replace(/dec/,12).replace(/nov/, 11).replace(/oct/,10).replace(/sep/,09).replace(/aug/,08).replace(/ jul/,07).replace(/jun/,06).replace(/may/,05).replace(/apr/, 04).replace(/mar/,03).replace(/feb/,02).replace(/jan/,01); }, // set type, either numeric or text type: 'numeric' }); $(function() { $.tablesorter.defaults.widgets = ['zebra']; $(#announcements).tablesorter({ headers: { 0: {sorter:'dates'},1: {sorter:false},2: {sorter:false},3: {sorter:false} } }); }); On Dec 18, 2:06 pm, Jay Fallon [EMAIL PROTECTED] wrote: I need to sort a table based on the date format: 10-Dec-2007. Does anyone know if this is possible with Tablesorter? I've tried us, uk iso to no avail. Thanks, Jay
[jQuery] Re: If Thickbox doesn't load, then do something
We just had a user on Mac 0S 9 with an old IE browser call in and say the thickbox would not load. If anyone has a solution for how to detect when the thickbox doesn't load, I'd really really love to know about it.
[jQuery] Re: JQZoom Updated
Hi Is the zoomed image being ajax loaded each time the thumbnail is hovered ? I have a slow and erratic Internet connection, and when I hover the thumb, I just see a little brown square in the inner top of a big grey square. It then takes a few seconds before to see the zoomed image. You may consider adding a loading animation or something similar... Olivier Rey Bango wrote: Absolutely Renzi! That's why I wanted to make sure that everyone on the list knew it had been updated. Always be sure to let us know about updates and new plugins. :) Rey [EMAIL PROTECTED] wrote: Do you like it? it's my plugin. Ing. Renzi Marco On 18 Dic, 06:31, Rey Bango [EMAIL PROTECTED] wrote: JQZoomhas been updated to v1.1 http://www.mind-projects.it/blog/?page_id=14 It acts as a magnifier for images. Rey
[jQuery] navigation and cycle plugin
i spent 3 hours and i cant make it work, if someone can helpme pls, i try to integrate this: the remove class and the pause/resume cycle jQuery(#btn_pausa a).bind(click, function() { jQuery(this).addClass(current).parent().parent().find(a).not(jQuery(this)).removeClass(current); // wow! $(#btn_pausa).toggle(function(){ $(#nota_rotativa).cycle('pause'); },function(){ $(#nota_rotativa).cycle('resume'); }); the html have 2 buttons, i only want the pause button keep pressed the css is this #btn_pausa a { margin: 0 4px 0 0; width: 31px; height: 29px; padding: 29px 0 0 0; height /**/:29px; /* for IE5/Win only */ background: url(tpl/btn_pausa.gif) top left no-repeat; } #btn_pausa a:hover, #btn_pausa a.current { background-position: 0 -29px; }
[jQuery] Re: iPhone and slide animations
Awesome. Thanks for giving me something to chase down.
[jQuery] Re: rounded corners on images with jquery?
uhmmm...Good, but You tell us the #1 requires the additional excanvas script for IE, I using that and I no need any additional, and it´s working so good for IE 6 and 7. Alexsandro
[jQuery] Re: Plugin for code highlighting and row numbering?
Chili is probably your best bet. I whipped up a little example that does a little post processing to add line numbers: http://erikandcolleen.com/erik/projects/jquery/chililineno/ There might already be an option for it in Chili, and there's probably a smother way to apply it than I'm doing, but I'm in a hurry, and what I did works, so it should at least get you started. It would probably be nice if this was just an option to Chili. Only tested on FF2/Mac. --Erik On 12/20/07, Shawn [EMAIL PROTECTED] wrote: I know I saw something a while ago, but can't seem to see it on the Plugins page. I'm looking for a plugin that can do syntax coloring and row numbering for when I need to post code samples to my web pages. The best I've found so far is Chili for the syntax coloring. But it's samples don't seem to indicate it can do row numbering. Any tips? (apologies if I'm just being blind). Shawn
[jQuery] Re: rounded corners on images with jquery?
Well IE doesn't support the canvas tag natively, so you must be including the script. If you look at the examples you will see they include it too (conditionally). Mike On Dec 20, 2007 11:41 AM, Alexsandro_xpt [EMAIL PROTECTED] wrote: uhmmm...Good, but You tell us the #1 requires the additional excanvas script for IE, I using that and I no need any additional, and it´s working so good for IE 6 and 7. Alexsandro
[jQuery] Re: autocomplete bug when focus called
This error does NOT depend on an AJAX-queue! The autocomplete plugin sets an internal focus variable and if it is not set then the autcomplete listing is not shown. I added an option for focus. The option sets the internal focus and also sets the cursor into the field: $(document).ready(function() { $(#my_id).autocomplete('autocomplete.php', { focus:true, } ); }); jquery.autocomplete.js ### line 28 var keyb = false; // next 2 lines changed var hasFocus = options.focus; if(hasFocus) $input.focus(); var lastKeyPressCode = null; line 484 options.width = parseInt(options.width, 10) || 0; // next line changed options.focus = options.focus || false; Hope it works for you. Emile
[jQuery] Re: rounded corners on images with jquery?
Using the meerbox plugin, we were unable in IE6 to get bottom corners to move correctly when the content inside the rounded box changed height dynamically. The bottom line would move, but the corners would not. We also had some troubles in IE6 with the bottom line appearing approx 2px off from the corners, but got around that with a browser-specific height adjustment via CSS. Both of these issues were seen using 1px-wide borders, which is part of the reason we opted for the plugin: others did not handle 1px borders very well. I don't know if the issues exist with wider borders. Otherwise, meerbox did what we needed for 1px borders. - Jack Alexsandro_xpt wrote: Hi, somebody know the www.meerbox.nl corner plugin? it´s jquery based too. But what that is better? 1 - www.meerbox.nl 2 - http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js 3 - http://www.malsup.com/jquery/corner/ Somebody knows? Thz
[jQuery] using AJAX with jQuery
Hello, I'm new to jQuery (and AJAX for that matter). Even if the library is really easy to use, I'm still having problems ajaxing. I'd like to understand how to post the following simple form to the server, and send a message to the client depending on the submission process output (telling him if what he submitted is ok or not). Would someone be kind enough to guide me through the steps? Here's the HTML bit. I am going to use jQuery with the Zend Framework (PHP). html head script type=text/javascript src=jquery-1.2.1.js/script script type=text/javascript //? /script /head body form action=/test/ajax/record/ method=post input type=text name=test value= / input type=submit name=ajax value=save / /form /body /html
[jQuery] Re: using AJAX with jQuery
jjshell, The easiest way is to use the form plugin: http://www.malsup.com/jquery/form/ On 12/20/07, jjshell [EMAIL PROTECTED] wrote: Hello, I'm new to jQuery (and AJAX for that matter). Even if the library is really easy to use, I'm still having problems ajaxing. I'd like to understand how to post the following simple form to the server, and send a message to the client depending on the submission process output (telling him if what he submitted is ok or not). Would someone be kind enough to guide me through the steps? Here's the HTML bit. I am going to use jQuery with the Zend Framework (PHP). html head script type=text/javascript src=jquery-1.2.1.js/script script type=text/javascript //? /script /head body form action=/test/ajax/record/ method=post input type=text name=test value= / input type=submit name=ajax value=save / /form /body /html -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: Can't set CSS left for IE6
Hi Nathan, It's kind of hard to debug your example without knowing the context of the html and css. Do you have a sample url? Cheers, -Jonathan On 12/19/07, cfdvlpr [EMAIL PROTECTED] wrote: if( $.browser.msie (jQuery.browser.version 7.) ) { $('div##rightShoppingCartButton').css(left,582px); } Can anyone see why this doesn't seem to be recognized at all by IE6?
[jQuery] Re: using AJAX with jQuery
Replace // ? with: $(function(){ // 1 $(form).submit(function(){ // 2 var value = $(this).find(input[name=test]).val(); // 3 $.post(/test/ajax/record/,{test:value},function(){ // 4 alert(Message sent successfully!); // 5 }); return false; // 6 }); }); Notes for each line: 1. $(function(){}) is short hand for $(document).ready(function(){}), this means your javascript won't run until the entire document is loaded, check out: http://docs.jquery.com/Events/ready 2. We bind a function to execute when our form is being submitted: $(form) finds all of the form elements on the page (there is only one right now) $(form).submit() binds a function to the submit event of the form (what takes place when you click the submit button), see: http://docs.jquery.com/Events/submit#fn 3. When a function is bound to a select set ($(form) = $(form).submit()), the this keyword is automatically set to the element we are currently with, so rather than writing $(form) again, we can simply refer to $(this), see: ...the 'this' keyword points to the specific DOM element... http://docs.jquery.com/Core/each 4. The $.post function has three parameters: a. The URL target for the post b. Variables to be sent to server: {var:value} (Accessible in PHP using $_POST['var']) c. A callback function to be executed when the AJAX message successfully sends and receives a response, see: http://docs.jquery.com/Ajax/jQuery.post#urldatacallback 5. A JavaScript popup for succesful completion. 6. return false to prevent the form from actually submitting, which would take us away from the current page, see: http://docs.jquery.com/Events_(Guide)#event.stopPropagation.28__.29 So, that, in a nutshell is how to do Ajax with jQuery without a plugin. There is a lot of other stuff thrown in, so definitely check out the resources before embarking on your AJAX trip and learn all the things jQuery can do. - jake On Dec 20, 2007 1:49 PM, jjshell [EMAIL PROTECTED] wrote: Hello, I'm new to jQuery (and AJAX for that matter). Even if the library is really easy to use, I'm still having problems ajaxing. I'd like to understand how to post the following simple form to the server, and send a message to the client depending on the submission process output (telling him if what he submitted is ok or not). Would someone be kind enough to guide me through the steps? Here's the HTML bit. I am going to use jQuery with the Zend Framework (PHP). html head script type=text/javascript src=jquery-1.2.1.js/script script type=text/javascript //? /script /head body form action=/test/ajax/record/ method=post input type=text name=test value= / input type=submit name=ajax value=save / /form /body /html
[jQuery] Re: My First jQuery Plugin..... jQuery.Sheet, a spreadsheet for jQuery
nice work. a good start select rows or cols - and be able to copy (just them to copypaste) shift clicking sorting (excel can exclude header cells) double click to edit in place (I see you can put the value in the top, but that alot of backward and forewards with the mouse) transform cell referances to uppercase On 19/12/2007, Robert-CFL [EMAIL PROTECTED] wrote: Here is a link to a running version of the plugin: http://www.weebly.com/uploads/3/1/3/8/313814/jquery.sheet.html On Dec 19, 3:02 pm, Robert-CFL [EMAIL PROTECTED] wrote: Actually, I thank you for the criticism. The reason that I went ahead and posted it was because it is (in reality) past a beta state in that it works and at TrimPath it's in version 1.0.14. It's in beta in my eyes because I'm porting it over from standard JavaScript and the additional jQuery functionality. I'm sure in the future this project will advance much. And as far as having a demo, I will have one up shortly. I honestly have had very limited time to work on this project. Bare with me guys :). On Dec 18, 5:36 pm, Shawn [EMAIL PROTECTED] wrote: Sounds like a good plugin, but may I offer a couple of suggestions? 1. Post a demo of the plugin. I don't have time to download and setup all the plugins I might potentially want to use. A quick sample takes me seconds to make that evaluation, rather than 30+ minutes to go through a setup area. 2. I don't mean to curb your enthusiasm, but I have a problem with 0.01 releases getting posted to the plugins page. As a developer looking for a solution, I'm looking for something that is at least mature enough to be considered stable. a 0.01 version is still beta (to me at least). I can't bash you tooo hard on this though - I have my own plugin posted on my site at a 0.01 version. But I wouldn't dream of posting this to plugins.jquery.com at this time. :) I'm interested to see where your plugin goes. I can see a lot of potential for a spreadsheet like grid. Shawn Robert-CFL wrote: I know there's not to much content, but let me know if you want to help out with this plugin. it has GREAT possibilities. I know alot of people have been looking for something like this. let me know what you guys think. I'll work on documentation when i get time. http://plugins.jquery.com/project/Sheet
[jQuery] Re: Updating input values before the submit.
Ah do you have a copy of the form, so I can see exactly what you're doing? - jake On Dec 18, 2007 7:29 PM, Jesse R. [EMAIL PROTECTED] wrote: The request is still failing. Any other ideas? On Dec 18, 11:37 am, Jake McGraw [EMAIL PROTECTED] wrote: The problem is that the form is actually submitting before you can get a response, this is the nature of an asynchronous request (the first A in AJAX). Perhaps you could bind the the submit to one of the callbacks: jQuery(#googleCheckout).submit(function() { var $form = jQuery(this); if (!$form.is(.okgo)) { jQuery.ajax({ type: POST, dataType: json, url: /json-checkout, error: function(){ // Do nothing, okgo not added }, success: function(json){ jQuery(input:first).val(json.gec); jQuery(input:eq(1)).val(json.ges); // This will prevent the AJAX message from being sent again $form.addClass(okgo); // Successful AJAX message, re-submit, this time for real $form.submit(); } }); return false; } }); On Dec 18, 2007 11:27 AM, Jesse R. [EMAIL PROTECTED] wrote: I have the following html code: form id=googleCheckout action=https://sandbox.google.com/checkout/ cws/v2/Merchant/747474/checkout method=post input type=hidden name=cart value=somevalue / input type=hidden name=signature value=anothervalue / input type=image name=Google Checkout alt=Fast checkout through Google src=https://sandbox.google.com/checkout/buttons/checkout.gif? merchant_id=747474amp;w=160amp;h=43amp;style=WHITEamp;variant=TEXTamp;loc=en_US height=43 width=160 / /form I want to dynamically load those values with a json request immediately before the submit, but not any sooner. I tried doing the following code: jQuery(#googleCheckout).submit(function() { jQuery.ajax({ type: POST, dataType: json, url: /json-checkout, error: function(){return false;}, success: function(json){ jQuery(input:first).attr({ value: json.gec }); jQuery(input:eq(1)).attr({ value: json.ges }); return true; } }); }); However, the ajax request fails according to Firebug and the submit contains the old data. The requested URL is http://www.blueskyvineyard.com/json-checkout. Any suggestions would be greatly appreciated!
[jQuery] Re: Help Test jQuery 1.2.2 (beta 2)
So many bug fixes! keep up the great work guys, would be nice to get these (http://dev.jquery.com/ticket/2079) fixed up though :D Merry xmas to all jQuery team/community! Byron
[jQuery] animate() with em fontsize units
Hello, I have a chunk of code that animates fontsize changes with the units set to em. The animation is a bit wacky. Am I doing something wrong or have I found a bug? style #test { font-size:1.2em; } /style div id=test href=http://www.google.com;Test/div script type=text/javascript $('#test').mouseover(function() { $('#test').animate({fontSize:'1.8em'},200); }); $('#test').mouseout(function() { $('#test').animate({fontSize:'1.2em'},200); }); /script
[jQuery] Re: Plugin for code highlighting and row numbering?
Hi! You can check this one: http://code.google.com/p/syntaxhighlighter/ and yes )) its near - at Google Code ;-) On Dec 20, 2007 8:27 PM, Erik Beeson [EMAIL PROTECTED] wrote: Chili is probably your best bet. I whipped up a little example that does a little post processing to add line numbers: http://erikandcolleen.com/erik/projects/jquery/chililineno/ There might already be an option for it in Chili, and there's probably a smother way to apply it than I'm doing, but I'm in a hurry, and what I did works, so it should at least get you started. It would probably be nice if this was just an option to Chili. Only tested on FF2/Mac. --Erik On 12/20/07, Shawn [EMAIL PROTECTED] wrote: I know I saw something a while ago, but can't seem to see it on the Plugins page. I'm looking for a plugin that can do syntax coloring and row numbering for when I need to post code samples to my web pages. The best I've found so far is Chili for the syntax coloring. But it's samples don't seem to indicate it can do row numbering. Any tips? (apologies if I'm just being blind). Shawn
[jQuery] Re: animate() with em fontsize units
BTW, This seems to be an IE only problem. Works fine in Firefox.
[jQuery] [NEWS] Blog Post: 50+ Amazing Jquery Examples- Part1
Very cool post detailing 50 jQuery plugins: http://www.noupe.com/ajax/50-amazing-jquery-examples-part1.html Rey...
[jQuery] Re: using AJAX with jQuery
Keeping in mind that the $.get() and $.post() methods are just convenience wrappers for $.ajax(). You could do the same with this: $.ajax({ url: /test/ajax/record/, type: POST, data: test= + $(input[name=test]).val(), success: function (data) { alert(Successfully saved data); } }); On the surface this looks like more work, but I'm finding that it's MUCH easier to understand and customize to my needs. Then again, I know how to do Ajax without jQuery too :) I guess the lesson here is that there is always more than one way to accomplish a task... Shawn Jake McGraw wrote: Replace // ? with: $(function(){ // 1 $(form).submit(function(){ // 2 var value = $(this).find(input[name=test]).val(); // 3 $.post(/test/ajax/record/,{test:value},function(){ // 4 alert(Message sent successfully!); // 5 }); return false; // 6 }); }); Notes for each line: 1. $(function(){}) is short hand for $(document).ready(function(){}), this means your javascript won't run until the entire document is loaded, check out: http://docs.jquery.com/Events/ready 2. We bind a function to execute when our form is being submitted: $(form) finds all of the form elements on the page (there is only one right now) $(form).submit() binds a function to the submit event of the form (what takes place when you click the submit button), see: http://docs.jquery.com/Events/submit#fn http://docs.jquery.com/Events/submit#fn 3. When a function is bound to a select set ($(form) = $(form).submit()), the this keyword is automatically set to the element we are currently with, so rather than writing $(form) again, we can simply refer to $(this), see: ...the 'this' keyword points to the specific DOM element... http://docs.jquery.com/Core/each 4. The $.post function has three parameters: a. The URL target for the post b. Variables to be sent to server: {var:value} (Accessible in PHP using $_POST['var']) c. A callback function to be executed when the AJAX message successfully sends and receives a response, see: http://docs.jquery.com/Ajax/jQuery.post#urldatacallback 5. A JavaScript popup for succesful completion. 6. return false to prevent the form from actually submitting, which would take us away from the current page, see: http://docs.jquery.com/Events_(Guide)#event.stopPropagation.28__.29 So, that, in a nutshell is how to do Ajax with jQuery without a plugin. There is a lot of other stuff thrown in, so definitely check out the resources before embarking on your AJAX trip and learn all the things jQuery can do. - jake On Dec 20, 2007 1:49 PM, jjshell [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Hello, I'm new to jQuery (and AJAX for that matter). Even if the library is really easy to use, I'm still having problems ajaxing. I'd like to understand how to post the following simple form to the server, and send a message to the client depending on the submission process output (telling him if what he submitted is ok or not). Would someone be kind enough to guide me through the steps? Here's the HTML bit. I am going to use jQuery with the Zend Framework (PHP). html head script type=text/javascript src=jquery-1.2.1.js/script script type=text/javascript //? /script /head body form action=/test/ajax/record/ method=post input type=text name=test value= / input type=submit name=ajax value=save / /form /body /html
[jQuery] Re: How to find a table cells value?
Rob, Imediately after the innerText post, I posted another message saying exactly what you said above. It did not work in firefox. So I had to change it to: $($('#searchDataTable)[0].rows[rowid].cells[colid]).text(); I think there is something wrong with this forum software, cause I do not see that message...!!! Shawn, thanks for the push in the right(sort of :-)) direction. It always comes does to experience, does'nt it? Anyways, thanks all!
[jQuery] Re: trigger all events of a type?
Here's what I was thinking of, untested: $(document).bind(myEvent, subscriber_element, function(event) { alert(I received an event without subscribing!); alert(my node type is +event.data.nodeType); }); $(document).trigger(myEvent); The basic idea is to pass the subscribing element as the data allowed in the bind operation, then pull it out in the event handler as event.data. If you need to pass more context, the data could be an array or object of stuff instead of a bare DOM object. Thanks. That looks perfect. I assume that I can bind multiple myEvents to document and when myEvent is triggered every one of the functions bound using myEvent will execute with the data that was in the bind call for that function. I can have any object register for any event without telling anyone else and any number of senders can send that event. Nobody has to register anything with anybody else. What could be more powerful than that? I can see where I could build a framework that does exactly this, but that is the great thing about jQuery. It is already there.
[jQuery] .click working once only
I'm sure this is something simple, but I'm fairly new to programming and very new to jquery. I have a table where each cell has a unique id. when the user hovers over the cell I display some options which loads a form based on what the user selects...(not important). Anyway, everything works great the first time a user makes a selection on a cell. However, once that cell has been .click(ed). they cannot click it again before clicking another cell first. I'm thinking maybe there is someway to reset the function, but I'm not sure about that. Any ideas? [code] // show the form near the cell which was clicked $(.add, .edit).click(function(event) { var id = this.id; var posTop = event.pageY-30; var posLeft = event.pageX-30; $.ajax({ type: GET, url: add.php, data: id, success: function(response){ alert('clicked'); $(#addForm).css({ position: 'absolute', top: posTop, left: posLeft }); $(#addForm).fadeIn(slow).html(response); } }); }); // prepare the form when the DOM is ready var options = { target:'#addForm', // target element(s) to be updated with server response success: showResponse }; // bind to the form's submit event $('#addForm').submit(function() { // inside event callbacks 'this' is the DOM element so we first // wrap it in a jQuery object and then invoke ajaxSubmit $(this).ajaxSubmit(options); // !!! Important !!! // always return false to prevent standard browser submit and page navigation return false; }); // pre-submit callback function showRequest(formData, jqForm, options) { // formData is an array; here we use $.param to convert it to a string to display it // but the form plugin does this for you automatically when it submits the data var queryString = $.param(formData); // jqForm is a jQuery object encapsulating the form element. To access the // DOM element for the form do this: // var formElement = jqForm[0]; alert('About to submit: \n\n' + queryString); // here we could return false to prevent the form from being submitted; // returning anything other than false will allow the form submit to continue } // post-submit callback function showResponse(options) { // for normal html responses, the first argument to the success callback // is the XMLHttpRequest object's responseText property // if the ajaxSubmit method was passed an Options Object with the dataType // property set to 'xml' then the first argument to the success callback // is the XMLHttpRequest object's responseXML property // if the ajaxSubmit method was passed an Options Object with the dataType // property set to 'json' then the first argument to the success callback // is the json data object returned by the server $.ajax({ type: GET, url: processes/addNow.php, data: uid=+uid+sid=+sid+, success: function(response2){ $(.+usid+-+uid).html(response2); $(#addForm).fadeOut(slow); } }); } [/code]
[jQuery] Droppable Objects
Hi All I 2 droppable objects FormObject andRadioComposite object .There is another object RadioObject. What i am trying to do is drop RadioComposite into FormObject and then drop RadioObject into RadioComposite. As of now, i can only drop RadioComposite into FormObject. After which i am unable to drop RadioObject into RadioComposite . Does jQuery support this scenario Thanks Haritha
[jQuery] Re: jquery forms with ajax responses
pedalpete, I am having this very same issue. Is there something specific you had to do to get jquery to work on returned forms? Thanks On Dec 18, 5:35 pm, pedalpete [EMAIL PROTECTED] wrote: Thanks for your help Hamish, I just got this working with the ajaxForm plugin.
[jQuery] Looking for jquery dev for job?
I am looking for an experienced jquery developer to work with me on a project? Any recommendations are welcome. :-) Please contact me at mike -at- yadab -dot- com
[jQuery] jQuery assistance w/ moving nearby elements
I have this navigation, pretty basic really: http://ghettocooler.net/stuff/code/jquery/push-nav/ But, If the user clicks on a list item in the middle, for example, I'd like all the Items above it to be triggerd, as if they were clicked as well. So, user clicks on a navigation item it pushes any navigation items above it up as well. Same for closing the navigation items as well. Can anyone point me in the right direction? Thanks, Bill
[jQuery] Re: Help Test jQuery 1.2.2 (beta 2)
We've landed about 20 more bug fixes since the previous 1.2.2 beta and we'd like to do a quick sanity check before we go live. John, is there any formal procedures for beta testers? I'd be happy to lend a hand, but I'm not really sure what you're looking for... Thanks, Nathan
[jQuery] How to get all CSS values from Attributes
Suppose this piece of css, how would I get the values for top, margin- left or padding? #divname { top: 0; margin-left: 1px; padding: 7px; } Setting this is easy: $(#divname).css('height', '200px'); And getting it also: var foo = $(#divname).width(); or var foo = $('#divname').get(0).width; However top, margin etc. I don't how to fetch it. Probably very obvious problem but seem to overlook it. Thanks in advance! --- Jeroen
[jQuery] Re: Interface droppables versus UI Droppables
Guys, there already is that feature available. It's just called a little different: $.ui.ddmanager.prepareOffsets(); (I guess). Please try if it works for you. Thanks. On Dec 20, 11:06 am, Richard D. Worth [EMAIL PROTECTED] wrote: If you could file a feature request ticket here, I'd be happy to take a look at it: http://dev.jquery.com/newticket Thanks. - Richard On Dec 19, 2007 6:11 AM, Karl Delandsheere [EMAIL PROTECTED] wrote: Hi! I'm moving a project from Interface to UI. When it was working with Interface, I used to call .recallDroppable when the DOM was modified (display new droppables and so on) while dragging. The comment of .recallDroppable is to the point :D... * useful when the positions/dimensions for droppables * are changed while dragging a element So! My question is how can I do the same with UI Droppable? It seems nothing is planed for that in UI :/.
[jQuery] jQuery LightBox issue in IE7
Hey guys, I'm hoping you can help me troubleshoot something. If you look at the following link in FF and click on any of the thumbnails under Photos, you'll see that the lightbox appears correctly. http://dev.healthybuyersclub.com/guide/detail.cfm?id=2 If you look at the same page in IE7, when the lightbox appears, the slideDown div the displays the Close image looks truncated. The Lightbox is Leando Vieira Pinho's jQuery Lightbox and it does in fact work in IE7 as his demos render fine: (http://leandrovieira.com/projects/jquery/lightbox/) So there must be something off with my code. Any help would be greatly appreciated. Rey...
[jQuery] Re: jQuery assistance w/ moving nearby elements
I've now got it doing what I want, thanks to the .prevAll() selector. However, the closing portion of my JS doesn't seem to work: $(document).ready(function() { $(#tabs li).addClass(closed) $(#tabs li.closed).click (function() { $(this).animate({top:'-387'}, 500).removeClass(closed).addClass(open); $(this).prevAll().animate({top:'-387'}, 500).removeClass(closed).addClass(open); return false; }); $(#tabs li.open).click (function() { $(this).animate({top:'0'}, 500).removeClass(open).addClass(closed); $(this).nextAll().animate({top:'0'}, 500).removeClass(open).addClass(closed); return false; }); }); Jquery gives open list items a class of open just fine, but clicking on those do nothing at all. Does it have something to do w/ the fact that jQuery has added the class open, but the document hasn't reloaded?
[jQuery] Re: Best technique? .load() and div height...
Good questions McLars... Thanks for the extra info. I was not sure if it was just me, a moderation thing, or combination thereof. I personally do not mind waiting to see my post... I opted to only view my messages online, so I am not sure if messages show-up faster via email. Either way, I am so glad that this list exists... It has helped me learn jQuery by leaps and bounds. Oh, are there any good jQuery forums available? If one exists, it would be nice to see it as active as this list. :) Thanks again McLars! Cheers, Micky On Dec 19, 3:26 pm, McLars [EMAIL PROTECTED] wrote: I think the delay is more than a new member thing. The list is nearly unusable lately. I have seen more double posts (people probably don't see their questions and resubmit them) and many threads are confusing because the posts are delayed so long (people are answering questions that have already been answered, but they don't know it at the time). Also, questions are not getting answered because they drop off the initial screen nearly as soon as they finally appear--it's like they come in batches. My question: is this a Google issue or a moderator issue? Larry On Dec 19, 1:34 pm, Glen Lipka [EMAIL PROTECTED] wrote: The delay, I think it's a new member thing. Mine show up right away, I think. I think your technique sounds good. The situations that I have done that were fixed height. Glen On Dec 18, 2007 9:33 PM, MickyHulse[EMAIL PROTECTED] wrote: Hi, I've got a few questions here... When I .load() text into a div -- basically swapping one bit of text for another, -- the div will collapse for a second while the textual content loads and switches... ...What would be the best way to retain the div size during .load()? My best guess would be to dynamically grab the div height before ajaxStart(), and then apply min-height/height to the container div only during the switching. Sound like an ok technique/approach? How have you handled such situations? off-topic I have noticed that my posts take a while to show-up on the list... Is this because of moderation? Are all posts moderated, or only those made by new members? /off-topic Thanks! Cheers, Micky- Hide quoted text - - Show quoted text -
[jQuery] Using jqGrids as the subgrid
Hello, I would like to use jqGrids as the subgrids for each row as its expanded. To that end, I have modified jqGrid to allow the dynamic creation of jqGrids that are set as the subgrid. The idea is to have jqGrid nested inside another jqGrid. This code is a work in progress and is probably quite a hack. As I am not a client-side guy, I don't quite know how to finish the work. I'm hoping some browser / jQuery guru will take mercy on me and help finish this thing - I need to get back to my real side-project. Please see the comments at the top of 'jquery.jqgrid.js'. What I have, and its caveats, can be found at: http://home.comcast.net/~mccrobie2000 Everything needed to run the example is in the zip file, including the json data files. I'll keep hacking at this, but I'm wondering if my time will be better spent with OpenLaszlo and its DHTML stuff. Does anyone have experience with OpenLaszlo / DHTML - I'm NOT interested in the Flash rendering. Chuck McCrobie