[jQuery] Re: superfish and Lokesh Dhakar's lightbox2 seem to conflict - please help
Figured it out. Thought I'd post my own answer here. Seems I was using an older version of scriptaculous.js . Apparently... there is a conflict with an older version of Scriptaculous and jQuery (Scriptaculous was attempting to extend the native Array prototype incorrectly). For anyone who may have a similar problem in the future I found this on this page http://stackoverflow.com/questions/134572/jquery-prototype-conflict (see reply three marked as the answer). So I upgrading scriptaculous.js including effects.js to version v1.8.0 and now Superfish and Lightbox2 work perfectly well together on the same page. The Prototype JavaScript framework was also upgraded to version 1.6.0.3. I followed the upgrade instructions on this page http://www.myphpbook.com/articles/updgrading-prototype-and-scriptaculous jQuery.noConflict(); was also required in the page header. The all important ordering of the calls to the external javascript libraries and files was as follows (according to Firefox Developer tools no errors are now occurring - please though if someone experienced with this kind of thing sees order errors in the below great if you could amend and post): !-- Prototype JavaScript framework Library - used by Lightbox2 -- script type=text/javascript src=../js/prototype.js/ script !-- jQuery JavaScript framework Library - used by Superfish -- script type=text/javascript src=../js/jquery-1.2.6.min.js/ script script type=text/javascript jQuery.noConflict(); // initialise plugins jQuery(document).ready(function(){ jQuery(ul.sf-menu).superfish({ pathClass: 'current' }); }); // Use Prototype with $(...), etc. $('someid').hide(); /script !-- Lightbox2 -- script type=text/javascript src=../js/scriptaculous.js? load=effects/script script type=text/javascript src=../js/lightbox.js/ script !-- Superfish -- script type=text/javascript src=../js/hoverIntent.js/ script script type=text/javascript src=../js/superfish.js/script On Jul 3, 5:53 pm, JayD jaydaniel...@gmail.com wrote: Thanks again Charlie, Have done as you've said but still no luck. I've placed the script file referencing to the 'prototypelibrary' above the below as you described. // UsePrototypewith $(...), etc. $('someid').hide(); The relevant parts of the page head now look like this: !-- CSS -- link rel=stylesheet type=text/css href= title=default / style type=text/css media=all @import url(../css/reset.css); @import url(../css/styles-2-column.css); @import url(../css/styles.css); @import url(../css/lightbox.css); /style !--SuperfishjQueryCSS. -- link rel=stylesheet type=text/css href=../css/superfish.css media=screen link rel=stylesheet type=text/css href=../css/superfish- navbar.css media=screen !-- All external javascript -- script type=text/JavaScript src=../js/global.js/script script type=text/javascript src=http://s7.addthis.com/js/ 250/addthis_widget.js?pub=pp023/script !-- Lightbox2 -- script type=text/javascript src=../js/prototype.js/ script script type=text/javascript src=../js/scriptaculous.js? load=effects/script script type=text/javascript src=../js/lightbox.js/ script !--SuperfishjQuery: link to the JavaScript files (hoverIntent is optional) -- script type=text/javascript src=../js/jquery-1.2.6.min.js/ script script type=text/javascript jQuery.noConflict(); // initialise plugins jQuery(document).ready(function(){ jQuery(ul.sf-menu).superfish({ pathClass: 'current' }); }); // UsePrototypewith $(...), etc. $('someid').hide(); /script script type=text/javascript src=../js/hoverIntent.js/ script script type=text/javascript src=../js/superfish.js/script I've placed the calls to the 2 externalSuperfishrelated JavaScript files belowjQuery.noConflict(); script. Above or below I didn't see any difference when testing not that this was something you suggested to try. I have also restored allSuperfishjs and css files back to the originals. I've taken out other 3rd party scripts along the way also. The 2nd tier extra top space issue has now come good so that was obviously something I'd done wrong with theSuperfishstyle sheet tweaking. Have re-added the 'PHP if statement' on the li and the a (have been using this tutorial to do such things for a while nowhttp://www.crucialwebhost.com/blog/you-are-here-using-php-to-highligh... ). That all seems to be behaving itself
[jQuery] Re: Treeview, async, persist location
Update. I've been searching and reading all over the web and haven't been able to solve this. One way I've read about is * Save IDs in cookie when the user expands nodes, and then re-open them on next page-load. (that would do fine if i would know how to do it :) ) I don't know how to bind the .click action to a node and do something intelligent with it * Use PHP to generate extra javascript code to load the correct nodes, based on the current url. I know how to add a node to the tree, but only static html which I've written (like in the demo). How can I add a node to the tree that is read from JSON? Also, I've read that I should use events to wait for when the JSON has been read before trying to append new node. I've only found the general ideas and perhaps a code snippet or two, but nothing on where to put that code. Again, I'm a beginner :| There must be someone that has done this. Can anyone give me more information? Have a nice day, Victor
[jQuery] Access a plug-in option from within the initial call?
Hi, I'm wondering how to access a plug-in's options from within the initial plug-in call. Here's an example: $(#someDiv).somePlugIn({ optionA: true, trigger: $(this).children('#trigger'), callback: function(){ trigger.doSomething(); } }); As you can see, all I'm trying to do is access optionB within the callback function I'm specifying in the initial call but I don't know how to access it. Any ideas? Thanks...
[jQuery] Re: error jquery-1.3.2.js(line 3633)
the html is pretty long but here is the complete document !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head titleagenda/title meta http-equiv=content-type content=text/html;charset=utf-8 / meta http-equiv=Content-Style-Type content=text/css / link href=agenda.cssrel=stylesheet type=text/css / script type=text/javascript src=jquery-1.3.2.js/ script script type=text/ javascript $(document).ready(function() { $(button).click(function() { $.post('handler.php', { jaar:$('#jaar').val(), maand:$('#maand').val(), week:$('#week').val() }, do_something) }); }); /script /head body div id=bdy div id =nieuw a href=nieuw.htmlNieuwe afspraak/a /div div id=wijzigen a href=wijzigen.htmlAfspraak wijzigen/a /div div id=verwijderen a href=//\\Afspraak verwijderen/a /div div id=importeren a href=//\\Importeren/a /div div id=zoeken a href=//\\Afspraak zoeken/a /div form id=myform ?php //creating month dropdown menu $mnd=array(Januari, Februari, Maart, April, Mei, Juni, Juli, Augustus, Sepember, Oktober, November, December); $counter=0; echo ( select id='maand' size='1'); echo(option selected value='Maanden'-Maanden- ); echo( /option ); for($counter==0; $counter 12;){ echo option value='m+.$counter.'; echo $mnd[$counter]; echo /option; $counter++; }; echo ( /select); //Creating the week dropdown $tel=0; while($tel 52){ $nummer = $tel + 1; $wk[$tel] =(Week $nummer); $tel++; } $teller=0; echo ( select id='week' size='1'); echo(option selected value='Weken'-Weken- ); echo( /option ); for($teller==0; $teller 52;){ echo (option value='w+.$teller.'); echo ($wk[$teller]); echo (/option); $teller++; } echo(/select); //creating the year drop down $jaar =date(Y); $volgendjaar_time = strtotime(+1 year);//next year $volgendjaar = date(Y,$volgendjaar_time); $vorig_jaar_time = strtotime(-1 year);//last year
[jQuery] Re: error jquery-1.3.2.js(line 3633)
Mark wrote: I have 3 drop down menu's where is post the value's bij a button.click (see code below). But when i push the button i see an error in fire bug POST http://localhost/agenda nieuw/handler.php 67ms jquery-1.3.2.js(line 3633) I looked online for awnsers but couldn't find any. Maybe you guys can help me. Here is my js code. Are you sure 'handler.php' exists? 'POST' isn't typically an error, unless the server returns a 404 or internal server error (500), in which case Firebug will show it in red. It would be nice if you uploaded your stuff somewhere (preferably reduced as a testcase). Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: function scope
On Jul 7, 11:04 am, Josh Nathanson joshnathan...@gmail.com wrote: You can't. Of course you can. You'll have to create a global variable outside document.ready: var myFuncs = {}; Or just: var foo; or from within the ready function: var global = (function(){return this;})(); global.foo = function(){...}; $(document).ready(function() { myFuncs.foo = function() { Then myFuncs.foo won't be available until the ready function is called. If foo is declared outside the function, assign the value at the same time. -- Rob
[jQuery] menu slide
Hi all, I want flash menu go away from my site. I've found http://interface.eyecon.ro/demos/menu.html but it seems a little buggy and needs too much js. I imagine a menu with 3 horizontal boxes (with a picture in each). When i hover on one of the box, its width increases to let appear a text beside the picture. If i hover the second box, the first one gets back its original size and so on. Have you got some links to a cool sliding menu ? thanx regards, f.
[jQuery] Re: menu slide
Hi Fabrice, the first thing I would do is search the jQuery plugins pages (there is a category for menus: http://plugins.jquery.com/project/Plugins/category/44), or simply search for something like jquery menu slide in Google/Bing/ Yahoo... Cheers On 7 Jul., 11:14, fabrice.regnier fabrice.regn...@gmail.com wrote: Hi all, I want flash menu go away from my site. I've foundhttp://interface.eyecon.ro/demos/menu.htmlbut it seems a little buggy and needs too much js. I imagine a menu with 3 horizontal boxes (with a picture in each). When i hover on one of the box, its width increases to let appear a text beside the picture. If i hover the second box, the first one gets back its original size and so on. Have you got some links to a cool sliding menu ? thanx regards, f.
[jQuery] Search Functionality in DataGrid
Hi Folks, I want search functionality in the grid..i found one link but it is in php...but i donno php :-( i want it in jsp.. Here is the link: http://trirand.com/jqgrid/jqgrid.html#. in this there is a take any exampel which contains search records..it is really very nice. please sort out my problem.. one more link i got for grid but it does nt have the functionality of searching another link:http://tablesorter.com/docs/index.html#Examples can anybody help me in this. Regards, Bharath
[jQuery] Re: $(delButton)..click(function(){... for later added button's
live should work, try this. $(.delButton).live(click, function(){ $(this).parent(.parentOFbutton).remove(); return false; }); pascal.nauj...@googlemail.com wrote: Hi, i implemented the following method for removing a button with it's parent: $(.delButton).click(function(event){ event.preventDefault(); $(this).parent(.parentOFbutton).remove(); }); this works fine. Now i added a script which dynamicly adds those delButtons to my dom- tree with when the user creates a new record: $(.parentOFbutton:last).append(' [a href=\# class=delButtonDEL/ a]'); This also works. But now my $(.delButton).click(function(event){ ... doesn't! Is this cause of appending the buttons on the runtime of the script? Is there a workaround? I found and tried the live method from jquery (http:// docs.jquery.com/Events/live#typefn) but i also can't get this to work *confused* Thanks for help qualle
[jQuery] how to change 2,5 to 2,50 ?
hi, thats my code: endpreis =Math.round(endpreis*100)/100; to round the price of something but i'd like to have 2,00 or 2,50 instead of 2 and 2,5. i'd be happy about any help. --weidc
[jQuery] Re: Mootools tooltip used inside of jquery??
Charlie, thanks a ton for answering and thanks to all for reading. I've changed the tooltip, you were right there's a bunch of very nice tooltips made with jQuery. I'm using jquery-tooltip and here's the result: http://www.vivocomtech.net/vidzapper/jquery-tooltip/tipmix2.htm As you'll see the only image that has got the tooltip is the one in the centre.. and I need all of them. Please give me a hand, I know for sure you'll find what's not working at once, here by now I'm totally numb and cannot see a thing. The usage: http://jquery.bassistance.de/tooltip/demo/ And my code (56 kb): http://www.vivocomtech.net/vidzapper/jquery-tooltip/tooltip_andThumbs.rar Thanks a million once again! Charlie escribi: If it was me I'd be saying "how can I change my Mootools code to jQuery"? Why? You can't beat the documentation that surrounds jQuery! When I originally probed around all the _javascript_ libraries (YUI,Mootools,Prototype,Dojo) I realized pretty quickly that jQuery has by far the best support when it comes to documentation , ease of locating documentation and examples of use for everything! (YUI is extremely well documented but not nearly as user friendly as jQuery and doesn't have same level of DOM manipulation functionality) Revisiting the Mootools site to see how their ajax worked as a curiosity from your situation it didn't take me long to realize jQuery was a very smart choice. There are a number of excellent tooltip plugins for jQuery. Basing a framework decision on having to use a tooltip seems somewhat short sited. Perhaps you are well acquainted with Mootools, however I suspect not or you wouldn't be asking on jQuery list how to resolve a Mootools issue. Just an opinion but it might be worth comparing the two libraries from a different perspective Araceli Domnguez wrote: Thanks Ricardo. And sorry for not sticking, this is quite urgent and didn't know who could help me. I have to use Mootols tooltip .. so how can I convert my jQuery code to mootools? haven't I done it yet? The code is here: http://www.vivocomtech.net/vidzapper/jQuery_andMoo_tooltip.rar (2 kb weight in two files, one .htm and the other .xml) Thanks once again! Ricardo escribi: Stick to a single framework.. avoid confusion and save your users' bandwidth. You should either convert your jQ code to mootools or use a jQuery tooltip plugin. And the whole thing you posted is unreadable, please use a sharing site like jsbin.com or snipt.org :) On Jul 6, 5:10am, Lleoun adoming...@vivocom.es wrote: Hi all, The code below shows three thumbnails with link and alt text . The info is coming from the xml file and I'm using $.ajax to place it in the page. Now I want to add a tooltip that is using Mootools. I have to add title="The tooltip::I want to read" class="tipz" to the div (or to the image, changing the function) in order to use the tooltip. But when generating the code dynamically using $.ajax, the tooltip code will work always for Safari (though it only shows half the tooltip), but just sometimes for IE and Firefox. When it does not work, the text shows like a normal alt tag text. Using IE or Firefox just keep reloading the page and put your mouse over the thumbnails to test it, you'll see what I mean. I'm adding an example at the bottom of the page (the div called example) so you can see how nicely it works in a static div. Can it be done? Can I add the tooltip to the dynamically generated code? Seems that the tooltip code go wrong when acts before the div is created .. is that the problem? how can I solve it? Thanks a ton! script type="text/_javascript_" src="" moz-do-not-send="true" class="moz-txt-link-rfc2396E" href="http://player27.narrowstep.tv/assets/players/4351/xml/jquery.js">"http://player27.narrowstep.tv/ assets/players/4351/xml/jquery.js"/script script language="_javascript_" type="text/ecmascript" src="" moz-do-not-send="true" class="moz-txt-link-rfc2396E" href="http://www.vivocom.tv/js/moo1.2.js">"http://www.vivocom.tv/js/moo1.2.js"/script style #thumb1{ position: absolute; width:82px; height:62px; top:16px; left:5px; } #thumb2{ position: absolute; width:82px; height:62px; top:16px; left:88px; } #thumb3{ position: absolute; width:82px; height:62px; top:16px; left:171px; } .tip { width:139px; font- family:arial; COLOR: #fff; line-height: 16px; } .tip-top{ } .tip-title {PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-FAMILY:Arial; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(http://www.vivocom.tv/images/smoke.png) left top; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #ff2228; PADDING-TOP: 8px } .tip-text{PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-FAMILY:Arial; FONT-SIZE: 11px; BACKGROUND: url (http://www.vivocom.tv/images/smoke.png) right bottom; PADDING-BOTTOM: 8px; PADDING-TOP: 4p}
[jQuery] Determine content type in $.post callback
Hi, How can I check if the content type is JSON or HTML here (server can return any)? $.post(url, params, function(data) { if (!isDataInJsonFormat(data, this)) { editDialog.html(data); return; }; // Assume JSON console.log('This is JSON=%o', data) }); How should isDataInJsonFormat function look like? Cheers, Dmitriy.
[jQuery] Re: how to change 2,5 to 2,50 ?
solved it by myself. endpreis =Math.round(endpreis*100)/100; endpreis = endpreis+ foo; endpreis = endpreis.replace(/ foo/,); var cent = endpreis.split(.); if(cent[1].length == 1) { endpreis = endpreis+0; }else{ if(cent[1].length == 2) { //schoen so }else{ endpreis = endpreis+.00; } } On 7 Jul., 12:11, weidc mueller.juli...@googlemail.com wrote: hi, thats my code: endpreis =Math.round(endpreis*100)/100; to round the price of something but i'd like to have 2,00 or 2,50 instead of 2 and 2,5. i'd be happy about any help. --weidc
[jQuery] Re: how to change 2,5 to 2,50 ?
ha ha good work :) On Tue, Jul 7, 2009 at 4:29 PM, weidc mueller.juli...@googlemail.comwrote: solved it by myself. endpreis =Math.round(endpreis*100)/100; endpreis = endpreis+ foo; endpreis = endpreis.replace(/ foo/,); var cent = endpreis.split(.); if(cent[1].length == 1) { endpreis = endpreis+0; }else{ if(cent[1].length == 2) { //schoen so }else{ endpreis = endpreis+.00; } } On 7 Jul., 12:11, weidc mueller.juli...@googlemail.com wrote: hi, thats my code: endpreis =Math.round(endpreis*100)/100; to round the price of something but i'd like to have 2,00 or 2,50 instead of 2 and 2,5. i'd be happy about any help. --weidc -- -- (¨`•.•´¨) I may be busy, `•.¸(¨`•.•´¨) but I assure you, (¨`•.•´¨)¸.•´ you are always in my heart `•.¸.•´ With Lots of Love. THANKS AND REGARDS Jeffery Jacob
[jQuery] Re: how to change 2,5 to 2,50 ?
This one is more general (and faster, I think: no if-else, no regexp) Number.prototype.padRight = function (fill) { var v = this.toString().split('.'), d = v[1] || ''; return (v[0] || '0') + '.' + d + fill.substr(d.length); } test1 = 2; test2 = 3.141592; test3 = 0.001; test4 = .33; test1.padRight('00'); // returns 2.00 test2.padRight('00'); // returns 3.141592 test3.padRight('00'); // returns 0.001 test4.padRight('00'); // returns 0.33 As I see you're dealing with cents, money and stuff, I have to remember you that JavaScript use IEEE 754 Floating Points as its own internal number type, so 0.1 + 0.2 !== 0.3: people tend to be very picky when dealing with money, especially if it's *their* money! :) So: be careful. And if you're relying on JavaScript logic to handle people's money, change programming language, JavaScript is not good at it. On Tue, Jul 7, 2009 at 12:11, weidcmueller.juli...@googlemail.com wrote: hi, thats my code: endpreis =Math.round(endpreis*100)/100; to round the price of something but i'd like to have 2,00 or 2,50 instead of 2 and 2,5. i'd be happy about any help. --weidc -- Massimo Lombardo Linux user #437712
[jQuery] Re: how to change 2,5 to 2,50 ?
no it's not for money + - money. it's just to show the price of something - % action in different sizes after selecting something in dropdown options. everything else is with php of course. but i'll try your way too. :) On 7 Jul., 13:14, Massimo Lombardo unwiredbr...@gmail.com wrote: This one is more general (and faster, I think: no if-else, no regexp) Number.prototype.padRight = function (fill) { var v = this.toString().split('.'), d = v[1] || ''; return (v[0] || '0') + '.' + d + fill.substr(d.length); } test1 = 2; test2 = 3.141592; test3 = 0.001; test4 = .33; test1.padRight('00'); // returns 2.00 test2.padRight('00'); // returns 3.141592 test3.padRight('00'); // returns 0.001 test4.padRight('00'); // returns 0.33 As I see you're dealing with cents, money and stuff, I have to remember you that JavaScript use IEEE 754 Floating Points as its own internal number type, so 0.1 + 0.2 !== 0.3: people tend to be very picky when dealing with money, especially if it's *their* money! :) So: be careful. And if you're relying on JavaScript logic to handle people's money, change programming language, JavaScript is not good at it. On Tue, Jul 7, 2009 at 12:11, weidcmueller.juli...@googlemail.com wrote: hi, thats my code: endpreis =Math.round(endpreis*100)/100; to round the price of something but i'd like to have 2,00 or 2,50 instead of 2 and 2,5. i'd be happy about any help. --weidc -- Massimo Lombardo Linux user #437712
[jQuery] Re: how to change 2,5 to 2,50 ?
weidc ha scritto: no it's not for money + - money. it's just to show the price of something - % action in different sizes after selecting something in dropdown options. everything else is with php of course. but i'll try your way too. :) As a (mainly) php programmer I think this site is fantastic: http://phpjs.org/functions/str_pad:525 http://phpjs.org/functions/number_format:481 Bye :-) -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] Re: how to change 2,5 to 2,50 ?
the price have to change on the page without reloading the site. the javascript is just to look well for the customers. but thank you anyway! On 7 Jul., 13:24, Giovanni Battista Lenoci gian...@gmail.com wrote: weidc ha scritto: no it's not for money + - money. it's just to show the price of something - % action in different sizes after selecting something in dropdown options. everything else is with php of course. but i'll try your way too. :) As a (mainly) php programmer I think this site is fantastic: http://phpjs.org/functions/str_pad:525 http://phpjs.org/functions/number_format:481 Bye :-) -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] Re: Mootools tooltip used inside of jquery??
http://docs.jquery.com/Frequently_Asked_Questions#Why_doesn.27t_an_event_work_on_a_new_element_I.27ve_created.3F Now that jQuery documentation comes in handy! Araceli Domínguez wrote: Charlie, thanks a ton for answering and thanks to all for reading. I've changed the tooltip, you were right there's a bunch of very nice tooltips made with jQuery. I'm using jquery-tooltip and here's the result: http://www.vivocomtech.net/vidzapper/jquery-tooltip/tipmix2.htm As you'll see the only image that has got the tooltip is the one in the centre.. and I need all of them. Please give me a hand, I know for sure you'll find what's not working at once, here by now I'm totally numb and cannot see a thing. The usage: http://jquery.bassistance.de/tooltip/demo/ And my code (56 kb): http://www.vivocomtech.net/vidzapper/jquery-tooltip/tooltip_andThumbs.rar Thanks a million once again! Charlie escribió: If it was me I'd be saying how can I change my Mootools code to jQuery? Why? You can't beat the documentation that surrounds jQuery! When I originally probed around all the javascript libraries (YUI,Mootools,Prototype,Dojo) I realized pretty quickly that jQuery has by far the best support when it comes to documentation , ease of locating documentation and examples of use for everything! (YUI is extremely well documented but not nearly as user friendly as jQuery and doesn't have same level of DOM manipulation functionality) Revisiting the Mootools site to see how their ajax worked as a curiosity from your situation it didn't take me long to realize jQuery was a very smart choice. There are a number of excellent tooltip plugins for jQuery. Basing a framework decision on having to use a tooltip seems somewhat short sited. Perhaps you are well acquainted with Mootools, however I suspect not or you wouldn't be asking on jQuery list how to resolve a Mootools issue. Just an opinion but it might be worth comparing the two libraries from a different perspective Araceli Domínguez wrote: Thanks Ricardo. And sorry for not sticking, this is quite urgent and didn't know who could help me. I have to use Mootols tooltip .. so how can I convert my jQuery code to mootools? haven't I done it yet? The code is here: http://www.vivocomtech.net/vidzapper/jQuery_andMoo_tooltip.rar (2 kb weight in two files, one .htm and the other .xml) Thanks once again! Ricardo escribió: Stick to a single framework.. avoid confusion and save your users' bandwidth. You should either convert your jQ code to mootools or use a jQuery tooltip plugin. And the whole thing you posted is unreadable, please use a sharing site like jsbin.com or snipt.org :) On Jul 6, 5:10 am, Lleoun adoming...@vivocom.es wrote: Hi all, The code below shows three thumbnails with link and alt text . The info is coming from the xml file and I'm using $.ajax to place it in the page. Now I want to add a tooltip that is using Mootools. I have to add title=The tooltip::I want to read class=tipz to the div (or to the image, changing the function) in order to use the tooltip. But when generating the code dynamically using $.ajax, the tooltip code will work always for Safari (though it only shows half the tooltip), but just sometimes for IE and Firefox. When it does not work, the text shows like a normal alt tag text. Using IE or Firefox just keep reloading the page and put your mouse over the thumbnails to test it, you'll see what I mean. I'm adding an example at the bottom of the page (the div called example) so you can see how nicely it works in a static div. Can it be done? Can I add the tooltip to the dynamically generated code? Seems that the tooltip code go wrong when acts before the div is created .. is that the problem? how can I solve it? Thanks a ton! script type=text/javascript src=http://player27.narrowstep.tv/ assets/players/4351/xml/jquery.js/script script language=javascript type=text/ecmascript src=http://www.vivocom.tv/js/moo1.2.js;/script style #thumb1{ position: absolute; width:82px; height:62px; top:16px; left:5px; } #thumb2{ position: absolute; width:82px; height:62px; top:16px; left:88px; } #thumb3{ position: absolute; width:82px; height:62px; top:16px; left:171px; } .tip{ width:139px; font- family:arial; COLOR: #fff; line-height: 16px; } .tip-top{ } .tip-title { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-FAMILY:Arial; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(http://www.vivocom.tv/images/smoke.png) left top; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #ff2228; PADDING-TOP: 8px } .tip-text { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-FAMILY:Arial; FONT-SIZE: 11px; BACKGROUND: url (http://www.vivocom.tv/images/smoke.png) right bottom;
[jQuery] Ajax Tabs with accordion content...
Hello, I use a jquery tabs with ajax (for loading a tab content) it works very well, but when ajax have to load an accordion, it doesn't work well (i loose the accordion presentation) i have maybe a clue : ajax doesn't load well also accent if their are not code like acirc; (yes, i'm french) thanks
[jQuery] form action not being set
Hi all Pulling out hair that doesn't exist. When I run the following code, none of the set's are being done. Most important one for me is the action attribute. Can anyone help? script type=text/javascript language=JavaScript $().ready(function() { var url = $(#aggurl).val(); alert(url); $(#frmhclogin).attr(action, url); $(#this_job).val(url); $(#id_no).val(value); $(#email).val(value); }); /script h2Title/h2 div id=hcapply_dialog class=flora title=Log onto p form id=frmhclogin name=frmhclogin action= method=post class=flora label for=id_noID:/label input name=id_no type=text id=id_no /br / label for=emailEmail Address:/label input name=email type=text id=email /br / input id=share_this name=share_this type=submit value=Go class=small style=float: right; / /form /p br / /div
[jQuery] getScript problem with ie6
Hi I download asynchronously a js with: $.getScript( mapScript, function(){ initMap(); } ); mapScript is a string that contains the microsoft virtual earth scripts. initMap display the map using the objects defined in mapScript. It works fine in all browsers: when mapScript is downloaded, the function initMap display correctly the map. Only in IE6, there is a problem: if during the download of the script mapScript no others events (for example a window.print()) are raised, everything works fine. If during the download of the script mapScript a window.print() or other javascript function are triggered, the download of the script aborts (in Fiddler I get the html code 200, but it tells me: SESSION STATE: Aborted). Any ideas to fix it? Thanks in advance for your help. Regards Luca
[jQuery] problem selectable disposition
Hello, I want to create a selectable list (with jQuery UI Selectable plugin). But I want to dispose the selectable list in table format. I need to represent list in a 3 columns and 2 rows. The code implemented is this, but I have a problem on clicking in a selectable element. The jquery don't detects the click on item i think because the table sentence. But I need this disposition in the list : ol id=selectable table tr td li class=ui-widget-contentItem 1/li /td td li class=ui-widget-contentItem 2/li /td td li class=ui-widget-contentItem 3/li /td /tr tr td li class=ui-widget-contentItem 4/li /td td li class=ui-widget-contentItem 5/li /td td li class=ui-widget-contentItem 6/li /td td li class=ui-widget-contentItem 7/li /td /tr /table /ol
[jQuery] Basic slideUp and slideDown jumping
Hi, my jQuery skills are pretty good normally but this is driving me mad! It's a fairly simple accordian I've coded up from scratch. Using jQuery 1.3.2 so there shouldn't be any jumping bugs but basically if you take a look at the example: http://www.mizudesign.com/jquery/accordian/basic.html I'm displaying the height for the target div on the right - if it contains text it thinks it's shorter than it is and jumping. If it's an image there's no problem. I can't figure out where I'm going wrong - it's obviously in the CSS somewhere but I've tried all the usual suspects like display:block Any ideas would be gratefully received! Yours, Chris PS Please forgive the nature of the source code, I've ripped it out the whole project I'm working on so it does include some divs that don't really need to be there.
[jQuery] Superfish - Menu put in Master page (asp.net MVC) doesn't behave ok in content pages
Hi I am using SuperFish menu plugin to create menu system for my web. It works ok on my home page but doesn't seem to be ok with other pages. The problem is that I can't see Arrow in other pages. Then I tried calling it in specific page using same code as master page (like below) then it works. But I need to refer the script again in my content page in addition to master page otherwise it gives error saying $('ul.sf-menu').superfish() is not defined function. script type=text/javascript src=%=Url.Content(~/Content/webui/ Scripts/superfish.js)%/script $(function() { $('ul.sf-menu').superfish(); }); But I don't want to include script in every page and if possible I don't want to call this line of code in every page. Is there any solution to this problem or someone having same problem or may be I am doing some stupid thing cause I am still new MVC and JQuery stuffs. Thanks in advance
[jQuery] Re: menu slide
some known as Horizontal Accordion olsch01 wrote: Hi Fabrice, the first thing I would do is search the jQuery plugins pages (there is a category for menus: http://plugins.jquery.com/project/Plugins/category/44), or simply search for something like jquery menu slide in Google/Bing/ Yahoo... Cheers On 7 Jul., 11:14, fabrice.regnier fabrice.regn...@gmail.com wrote: Hi all, I want flash menu go away from my site. I've foundhttp://interface.eyecon.ro/demos/menu.htmlbut it seems a little buggy and needs too much js. I imagine a menu with 3 horizontal boxes (with a picture in each). When i hover on one of the box, its width increases to let appear a text beside the picture. If i hover the second box, the first one gets back its original size and so on. Have you got some links to a cool sliding menu ? thanx regards, f.
[jQuery] Kicking off an Israeli users group
Hello all, I'm kicking off an Israeli Users group, with a users meet-up. Do you have recommendations for things to talk about, or even any presentations you are willing to share? Thanks in advance, Refael
[jQuery] How to read the contents of .php filw on the webserver
Hey guys, Myself totally new in this javascript worldi have to read the contents of a .php file which is placed on the webserver...say (http// www.example.com/read.php)...how to do that???
[jQuery] Problem with accordion in ajax Tabs
Hello, I use jquery Tabs with ajax for loading data it works well but when data is an accordion, there is no more presentation of the accordion (like no css, or no js) it's maybe nothing, but ajax has also a problem when data contain an accent who is not code with aacute; anyway, if somebody has any idea for accordion with ajax tabs or maybe you have an example who woks in this case thanks
[jQuery] Re: Ajax Tabs with accordion content...
http://docs.jquery.com/Frequently_Asked_Questions#Why_doesn.27t_an_event_work_on_a_new_element_I.27ve_created.3F Thomas wrote: Hello, I use a jquery tabs with ajax (for loading a tab content) it works very well, but when ajax have to load an accordion, it doesn't work well (i loose the accordion presentation) i have maybe a clue : ajax doesn't load well also accent if their are not code like acirc; (yes, i'm french) thanks
[jQuery] Re: Kicking off an Israeli users group
include the cakephp + jquery usage and how to get the value from jquery to a controller in cakephph with refrence site or examples On Tue, Jul 7, 2009 at 12:42 PM, Refael ref...@gmail.com wrote: Hello all, I'm kicking off an Israeli Users group, with a users meet-up. Do you have recommendations for things to talk about, or even any presentations you are willing to share? Thanks in advance, Refael -- -- (¨`•.•´¨) I may be busy, `•.¸(¨`•.•´¨) but I assure you, (¨`•.•´¨)¸.•´ you are always in my heart `•.¸.•´ With Lots of Love. THANKS AND REGARDS Jeffery Jacob
[jQuery] Re: Mootools tooltip used inside of jquery??
Charlie sorry, I don't get it .. am I supposed to use $('a').click(fn) ? Did u read my code? Thanks again ! Charlie escribió: http://docs.jquery.com/Frequently_Asked_Questions#Why_doesn.27t_an_event_work_on_a_new_element_I.27ve_created.3F Now that jQuery documentation comes in handy! Araceli Domínguez wrote: Charlie, thanks a ton for answering and thanks to all for reading. I've changed the tooltip, you were right there's a bunch of very nice tooltips made with jQuery. I'm using jquery-tooltip and here's the result: http://www.vivocomtech.net/vidzapper/jquery-tooltip/tipmix2.htm As you'll see the only image that has got the tooltip is the one in the centre.. and I need all of them. Please give me a hand, I know for sure you'll find what's not working at once, here by now I'm totally numb and cannot see a thing. The usage: http://jquery.bassistance.de/tooltip/demo/ And my code (56 kb): http://www.vivocomtech.net/vidzapper/jquery-tooltip/tooltip_andThumbs.rar Thanks a million once again! Charlie escribió: If it was me I'd be saying how can I change my Mootools code to jQuery? Why? You can't beat the documentation that surrounds jQuery! When I originally probed around all the javascript libraries (YUI,Mootools,Prototype,Dojo) I realized pretty quickly that jQuery has by far the best support when it comes to documentation , ease of locating documentation and examples of use for everything! (YUI is extremely well documented but not nearly as user friendly as jQuery and doesn't have same level of DOM manipulation functionality) Revisiting the Mootools site to see how their ajax worked as a curiosity from your situation it didn't take me long to realize jQuery was a very smart choice. There are a number of excellent tooltip plugins for jQuery. Basing a framework decision on having to use a tooltip seems somewhat short sited. Perhaps you are well acquainted with Mootools, however I suspect not or you wouldn't be asking on jQuery list how to resolve a Mootools issue. Just an opinion but it might be worth comparing the two libraries from a different perspective Araceli Domínguez wrote: Thanks Ricardo. And sorry for not sticking, this is quite urgent and didn't know who could help me. I have to use Mootols tooltip .. so how can I convert my jQuery code to mootools? haven't I done it yet? The code is here: http://www.vivocomtech.net/vidzapper/jQuery_andMoo_tooltip.rar (2 kb weight in two files, one .htm and the other .xml) Thanks once again! Ricardo escribió: Stick to a single framework.. avoid confusion and save your users' bandwidth. You should either convert your jQ code to mootools or use a jQuery tooltip plugin. And the whole thing you posted is unreadable, please use a sharing site like jsbin.com or snipt.org :) On Jul 6, 5:10 am, Lleoun adoming...@vivocom.es wrote: Hi all, The code below shows three thumbnails with link and alt text . The info is coming from the xml file and I'm using $.ajax to place it in the page. Now I want to add a tooltip that is using Mootools. I have to add title=The tooltip::I want to read class=tipz to the div (or to the image, changing the function) in order to use the tooltip. But when generating the code dynamically using $.ajax, the tooltip code will work always for Safari (though it only shows half the tooltip), but just sometimes for IE and Firefox. When it does not work, the text shows like a normal alt tag text. Using IE or Firefox just keep reloading the page and put your mouse over the thumbnails to test it, you'll see what I mean. I'm adding an example at the bottom of the page (the div called example) so you can see how nicely it works in a static div. Can it be done? Can I add the tooltip to the dynamically generated code? Seems that the tooltip code go wrong when acts before the div is created .. is that the problem? how can I solve it? Thanks a ton! script type=text/javascript src=http://player27.narrowstep.tv/ assets/players/4351/xml/jquery.js/script script language=javascript type=text/ecmascript src=http://www.vivocom.tv/js/moo1.2.js;/script style #thumb1{ position: absolute; width:82px; height:62px; top:16px; left:5px; } #thumb2{ position: absolute; width:82px; height:62px; top:16px; left:88px; } #thumb3{ position: absolute; width:82px; height:62px; top:16px; left:171px; } .tip{ width:139px; font- family:arial; COLOR: #fff; line-height: 16px; } .tip-top{ } .tip-title { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-FAMILY:Arial; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(http://www.vivocom.tv/images/smoke.png) left top; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #ff2228; PADDING-TOP: 8px } .tip-text {
[jQuery] Re: Superfish - Menu put in Master page (asp.net MVC) doesn't behave ok in content pages
"is not defined function" error means calling a function that doesn't exist at time it is called. Make sure path to your js file is valid, that is where the function is defined. Also be sure jquery.js being loaded before plugin js . If problem persists post a link You can put your function calls into external js file to simplify script management HariOm wrote: Hi I am using SuperFish menu plugin to create menu system for my web. It works ok on my home page but doesn't seem to be ok with other pages. The problem is that I can't see "Arrow" in other pages. Then I tried calling it in specific page using same code as master page (like below) then it works. But I need to refer the script again in my content page in addition to master page otherwise it gives error saying "$('ul.sf-menu').superfish()" is not defined function. script type="text/_javascript_" src=""~/Content/webui/ Scripts/superfish.js")%"/script $(function() { $('ul.sf-menu').superfish(); }); But I don't want to include script in every page and if possible I don't want to call this line of code in every page. Is there any solution to this problem or someone having same problem or may be I am doing some stupid thing cause I am still new MVC and JQuery stuffs. Thanks in advance
[jQuery] Re: Mootools tooltip used inside of jquery??
it's not the click function that's important in the FAQ, it's the concept that events don't work on elements added to the DOM after page load. That is due to browser functionality Important to understand this part of link: Why doesn't an event work on a new element I've created? You can make it work but requires additional plugin, livequery. Perhaps take look at Cluetip tooltip plugin. Implementation method is same as mootools one you were using http://plugins.learningjquery.com/cluetip/ Either will work, just different implementation approaches Araceli Domnguez wrote: Charlie sorry, I don't get it .. am I supposed to use $('a').click(fn) ? Did u read my code? Thanks again ! Charlie escribi: http://docs.jquery.com/Frequently_Asked_Questions#Why_doesn.27t_an_event_work_on_a_new_element_I.27ve_created.3F Now that jQuery documentation comes in handy! Araceli Domnguez wrote: Charlie, thanks a ton for answering and thanks to all for reading. I've changed the tooltip, you were right there's a bunch of very nice tooltips made with jQuery. I'm using jquery-tooltip and here's the result: http://www.vivocomtech.net/vidzapper/jquery-tooltip/tipmix2.htm As you'll see the only image that has got the tooltip is the one in the centre.. and I need all of them. Please give me a hand, I know for sure you'll find what's not working at once, here by now I'm totally numb and cannot see a thing. The usage: http://jquery.bassistance.de/tooltip/demo/ And my code (56 kb): http://www.vivocomtech.net/vidzapper/jquery-tooltip/tooltip_andThumbs.rar Thanks a million once again! Charlie escribi: If it was me I'd be saying "how can I change my Mootools code to jQuery"? Why? You can't beat the documentation that surrounds jQuery! When I originally probed around all the _javascript_ libraries (YUI,Mootools,Prototype,Dojo) I realized pretty quickly that jQuery has by far the best support when it comes to documentation , ease of locating documentation and examples of use for everything! (YUI is extremely well documented but not nearly as user friendly as jQuery and doesn't have same level of DOM manipulation functionality) Revisiting the Mootools site to see how their ajax worked as a curiosity from your situation it didn't take me long to realize jQuery was a very smart choice. There are a number of excellent tooltip plugins for jQuery. Basing a framework decision on having to use a tooltip seems somewhat short sited. Perhaps you are well acquainted with Mootools, however I suspect not or you wouldn't be asking on jQuery list how to resolve a Mootools issue. Just an opinion but it might be worth comparing the two libraries from a different perspective Araceli Domnguez wrote: Thanks Ricardo. And sorry for not sticking, this is quite urgent and didn't know who could help me. I have to use Mootols tooltip .. so how can I convert my jQuery code to mootools? haven't I done it yet? The code is here: http://www.vivocomtech.net/vidzapper/jQuery_andMoo_tooltip.rar (2 kb weight in two files, one .htm and the other .xml) Thanks once again! Ricardo escribi: Stick to a single framework.. avoid confusion and save your users' bandwidth. You should either convert your jQ code to mootools or use a jQuery tooltip plugin. And the whole thing you posted is unreadable, please use a sharing site like jsbin.com or snipt.org :) On Jul 6, 5:10 am, Lleoun adoming...@vivocom.es wrote: Hi all, The code below shows three thumbnails with link and alt text . The info is coming from the xml file and I'm using $.ajax to place it in the page. Now I want to add a tooltip that is using Mootools. I have to add title="The tooltip::I want to read" class="tipz" to the div (or to the image, changing the function) in order to use the tooltip. But when generating the code dynamically using $.ajax, the tooltip code will work always for Safari (though it only shows half the tooltip), but just sometimes for IE and Firefox. When it does not work, the text shows like a normal alt tag text. Using IE or Firefox just keep reloading the page and put your mouse over the thumbnails to test it, you'll see what I mean. I'm adding an example at the bottom of the page (the div called
[jQuery] Re: error jquery-1.3.2.js(line 3633)
http://webserver.c4v.nl/mark/agenda%20nieuw/agenda.php for the main file http://webserver.c4v.nl/mark/agenda%20nieuw/handler.php for the handler http://webserver.c4v.nl/mark/agenda%20nieuw/agenda.css for the css http://webserver.c4v.nl/mark/agenda%20nieuw/jquery-1.3.2.js for the java sript librarie You can see all the files here and test what is going wrong. (the notes u see in the handler.php are in dutch made for my internship boss so hecan easy can see what i have done but he hasnt time to help me time = money:s ) On Jul 7, 10:09 am, Jonathan Vanherpe (T T NV) jonat...@tnt.be wrote: Mark wrote: I have 3 drop down menu's where is post the value's bij a button.click (see code below). But when i push the button i see an error in fire bug POST http://localhost/agendanieuw/handler.php 67ms jquery-1.3.2.js(line 3633) I looked online for awnsers but couldn't find any. Maybe you guys can help me. Here is my js code. Are you sure 'handler.php' exists? 'POST' isn't typically an error, unless the server returns a 404 or internal server error (500), in which case Firebug will show it in red. It would be nice if you uploaded your stuff somewhere (preferably reduced as a testcase). Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] ajax checkbox (status update)
i want create checkbox for show status system when user cheched status update to show=1 and when user uncheched status update to show=0 please help me with jquery and php,i am new in ajax and jquery if you want help me,please send full source code or show me where can i solve my problem in the internet and find more help
[jQuery] Re: how to change 2,5 to 2,50 ?
On Jul 7, 8:11 pm, weidc mueller.juli...@googlemail.com wrote: hi, thats my code: endpreis =Math.round(endpreis*100)/100; to round the price of something but i'd like to have 2,00 or 2,50 instead of 2 and 2,5. i'd be happy about any help. To format a number in javascript with exactly two decimal places it is a good idea to try a resource dedicated to javascript: URL: http://www.jibbering.com/faq/#formatNumber -- Rob
[jQuery] Re: jQuery in an eBay auction template? Is it possible?
I threw together the most basic sample here: http://erikpeterson.brinkster.net/ebay/template/test.html Basically the file is just jQuery and a very basic script but eBay isn't allowing it (I'm not loading it through src). Any thoughts? Thanks! On Jun 23, 5:57 pm, Raj rajb...@gmail.com wrote: Hi, eBaydoes say this as a rule. If you referencejquerythrough src in script, then it may fall under this category. HTML or JavaScript that automatically calls remote scripts and pages (such as JavaScript includes or iframes) However, there is nothing that stops you from pasting the content fromjquery.js to your page. I work foreBayand if its okay with you - please send me your content, I can check if there is anything else in there that makes it come back with this error message. Thanks, Raj rajb...@gmail.com On Jun 23, 4:13 pm, eepeterson eepeter...@gmail.com wrote: That's not the message I saw. Also you can definitely use some forms of javascript oneBay. See this:http://pages.ebay.com/help/policies/listing-javascript.html So I guess what I'm really asking is if it is possible to modify or use part of thejQueryscript to meeteBay'sterms on javascript. Thanks! On Jun 23, 5:23 am, Ricardo ricardob...@gmail.com wrote: The error message says it all: for security reasons, your listing *cannot* contain javascript. On Jun 22, 1:01 pm, eepeterson eepeter...@gmail.com wrote: Ok, let me start by saying I'm not a great programmer. I can do well with HTML CSS but don't know a ton about js jQuery. Anyway, I'd like to include somejQueryin the form of a gallery of images in myeBayauction. However the problem I run into is that when I paste the completed code into theeBayI get a message that says Your listing cannot contain javascript(.cookie, cookie(, replace (, IFRAME, META, or includes), cookies or base href. So I revised the code to include no hrefs to the js and pasted it all in the header instead. I still get the same error. I took a closer look at the code and of course the instances of the replace() method and so on. I would like to figure a way around this so I could usejQueryoneBay. Has anyone had any luck usingjQueryin aneBayauction? Any help you might have would be great. Thanks in advance.
[jQuery] Re: How to read the contents of .php filw on the webserver
var scrUrl; var Host = http://www.example.com/read.php;; function inializeUrl() { scrUrl = Host //+ string //in de string komt de api key te staan maar omdat die niet standaard is maak ik er later een string van } function do_it() { inializeUrl(); var letitsee = document.getElementById(ID OF DIV WHERE IT HAS TO GO INTO\\); letitsee.innerHTML = iframe id='iframe' src='+srcUrl+' frameborder='0' scrolling='yes'/iframe; } little script i have written today for a mail pakage service. I selected the things out of it what u need know you have only have to call the do_it function in your document now and make a div where it has to be printed in. ( div id=//This name has to be the same as the capslock part\\ /div ) On Jul 7, 9:19 am, Neha neha2...@gmail.com wrote: Hey guys, Myself totally new in this javascript worldi have to read the contents of a .php file which is placed on the webserver...say (http//www.example.com/read.php)...howto do that???
[jQuery] Re: how to change 2,5 to 2,50 ?
weidc ha scritto: the price have to change on the page without reloading the site. the javascript is just to look well for the customers. but thank you anyway! Yes, the functions I've posted are javascript trasposition of php functions. In php exists the number format function: |$number = 1000; echo number_format($number, 2, ',', '.'); // 1.000,00 After including the javascript function I've linked you can use the same syntax. Bye | -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] Re: Determine content type in $.post callback
Anybody please?
[jQuery] documentation system for jquery
Hi all, I wanted to ask which system you use to produce the jquery documentation (core and plugins). Thanks, David
[jQuery] Re: Mootools tooltip used inside of jquery??
Working! thanks a ton! Charlie escribió: it's not the click function that's important in the FAQ, it's the concept that events don't work on elements added to the DOM after page load. That is due to browser functionality Important to understand this part of link: *Why doesn't an event work on a new element I've created? * You can make it work but requires additional plugin, livequery. Perhaps take look at Cluetip tooltip plugin. Implementation method is same as mootools one you were using http://plugins.learningjquery.com/cluetip/ Either will work, just different implementation approaches Araceli Domínguez wrote: Charlie sorry, I don't get it .. am I supposed to use $('a').click(fn) ? Did u read my code? Thanks again ! Charlie escribió: http://docs.jquery.com/Frequently_Asked_Questions#Why_doesn.27t_an_event_work_on_a_new_element_I.27ve_created.3F Now that jQuery documentation comes in handy! Araceli Domínguez wrote: Charlie, thanks a ton for answering and thanks to all for reading. I've changed the tooltip, you were right there's a bunch of very nice tooltips made with jQuery. I'm using jquery-tooltip and here's the result: http://www.vivocomtech.net/vidzapper/jquery-tooltip/tipmix2.htm As you'll see the only image that has got the tooltip is the one in the centre.. and I need all of them. Please give me a hand, I know for sure you'll find what's not working at once, here by now I'm totally numb and cannot see a thing. The usage: http://jquery.bassistance.de/tooltip/demo/ And my code (56 kb): http://www.vivocomtech.net/vidzapper/jquery-tooltip/tooltip_andThumbs.rar Thanks a million once again! Charlie escribió: If it was me I'd be saying how can I change my Mootools code to jQuery? Why? You can't beat the documentation that surrounds jQuery! When I originally probed around all the javascript libraries (YUI,Mootools,Prototype,Dojo) I realized pretty quickly that jQuery has by far the best support when it comes to documentation , ease of locating documentation and examples of use for everything! (YUI is extremely well documented but not nearly as user friendly as jQuery and doesn't have same level of DOM manipulation functionality) Revisiting the Mootools site to see how their ajax worked as a curiosity from your situation it didn't take me long to realize jQuery was a very smart choice. There are a number of excellent tooltip plugins for jQuery. Basing a framework decision on having to use a tooltip seems somewhat short sited. Perhaps you are well acquainted with Mootools, however I suspect not or you wouldn't be asking on jQuery list how to resolve a Mootools issue. Just an opinion but it might be worth comparing the two libraries from a different perspective Araceli Domínguez wrote: Thanks Ricardo. And sorry for not sticking, this is quite urgent and didn't know who could help me. I have to use Mootols tooltip .. so how can I convert my jQuery code to mootools? haven't I done it yet? The code is here: http://www.vivocomtech.net/vidzapper/jQuery_andMoo_tooltip.rar (2 kb weight in two files, one .htm and the other .xml) Thanks once again! Ricardo escribió: Stick to a single framework.. avoid confusion and save your users' bandwidth. You should either convert your jQ code to mootools or use a jQuery tooltip plugin. And the whole thing you posted is unreadable, please use a sharing site like jsbin.com or snipt.org :) On Jul 6, 5:10 am, Lleoun adoming...@vivocom.es wrote: Hi all, The code below shows three thumbnails with link and alt text . The info is coming from the xml file and I'm using $.ajax to place it in the page. Now I want to add a tooltip that is using Mootools. I have to add title=The tooltip::I want to read class=tipz to the div (or to the image, changing the function) in order to use the tooltip. But when generating the code dynamically using $.ajax, the tooltip code will work always for Safari (though it only shows half the tooltip), but just sometimes for IE and Firefox. When it does not work, the text shows like a normal alt tag text. Using IE or Firefox just keep reloading the page and put your mouse over the thumbnails to test it, you'll see what I mean. I'm adding an example at the bottom of the page (the div called example) so you can see how nicely it works in a static div. Can it be done? Can I add the tooltip to the dynamically generated code? Seems that the tooltip code go wrong when acts before the div is created .. is that the problem? how can I solve it? Thanks a ton! script type=text/javascript src=http://player27.narrowstep.tv/ assets/players/4351/xml/jquery.js/script script language=javascript type=text/ecmascript src=http://www.vivocom.tv/js/moo1.2.js;/script style #thumb1{ position: absolute; width:82px; height:62px; top:16px; left:5px; } #thumb2{ position: absolute; width:82px; height:62px;
[jQuery] Re: menu slide
Hi, I'm currently playing with hslides.js which is an horizontal accordion. thanx for your help ;) regards, f.
[jQuery] Form Plugin Large File Upload Problem
I am using the JQuery Form Plugin on a form that is shown in a modal window (nyroModal) to upload files. It is working like a charm as long as the file is a reasonable size. However, if a user tries to upload a large file (say 100MB or more), when response comes back (HTML response), it re-loads the entire window, instead of re-writing the contents of a div in the modal window, like it is supposed to do. Does anyone have any idea as to what is going on? Seems like it may be a timeout issue, but I am not sure why it is happening or at which point it is timing out. Here is a snippet of the code. Nothing special going on. checkCmlUpdateForm is not shown, but it is a simple data validation function. jQuery(document).ready(function() { var options = { target: '#cmlCreateUpdate_formContainer', iframe: true, beforeSubmit: checkCmlUpdateForm, success: handleResponse }; // bind form using 'ajaxForm' jQuery('#supportingDocs').MultiFile(); jQuery('#cmlCreateUpdate_form').ajaxForm(options); jQuery('#cmlUpdate_cancelBtnBottom').bind('click',cancelUpdate); jQuery(textarea[name='description']).maxlength({maxCharacters: 4000, statusText: characters left, notificationClass: bg_alert}); }); function handleResponse(responseText, statusText) { // Re-run the search to update the results. if(jQuery(#cmlSearch_form).length 0){ doSearch('portlet:renderURL windowState=RAW/'); } }
[jQuery] Re: DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH IE8
Sorry for my suggestion, I misread your point, thought you were not able to disable your button. You say it works in FF, Have your tried this same code in IE 7.0 ? Does it works? I can see in your code that you bind a submit event to the #node-form twice, why is that? $(document).ready(function() { $('#node-form').submit(function (e) { // *** HERE var settings = Drupal.settings.block_submit; if (settings.block_submit_method == 'disable') { $('input[type=submit]', $(this)).attr('disabled', 'true').each(function (i) { }); $(this).submit(function (e) { // *** HERE return false; }); } return true; }); }); - Original Message - From: Amit amit2...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Monday, July 06, 2009 1:37 PM Subject: [jQuery] Re: DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH IE8 Hi Cesar, Thanks for your reply. But that isn't working. It still gives me the same result. The form does not post. It is just that the button gets disabled after click. Wonder why it works properly in Firefox and Chrome but not in IE.. :( Please help. ~Amit On Jul 6, 2:14 pm, Cesar Sanz the.email.tr...@gmail.com wrote: try .attr('disabled', 'disabled') instead of .attr('disabled', 'true') - Original Message - From: Amit amit2...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Monday, July 06, 2009 10:50 AM Subject: [jQuery] DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH IE8 Hello there, I am using Drupal forms with Jquery. I used the following code to disable a button after it is clicked to prevent double updates. $(document).ready(function() { $('#node-form').submit(function (e) { var settings = Drupal.settings.block_submit; if (settings.block_submit_method == 'disable') { $('input[type=submit]', $(this)).attr('disabled', 'true').each (function (i) { }); $(this).submit(function (e) { return false; }); } return true; }); }); Form ID should be specific to: node-form. This structure works fine with Firefox and Chrome but does not work with IE8 / 7 (compatibility mode). When I click the submit button for the form in IE, it disables the button but the form never submits. (it behaves like an AJAX button where it gets disabled without the submit action ever happening) How do I solve this? Please help me out of this... Thanks, ~Amit
[jQuery] (Validate) - How to apply validations on dynamically generated forms.
Hi, I am using the JQuery validation plug in for form validations. My page contains a loop in which dynamic forms are generated and within each form some text fields are also dynamically generated. I have assigned the id and name attributes both to form and fields with dynamically appending a value. Now I want to apply the validation on all these form, please note that each form contains its own submit button. I have tried using the following selector, $('[class^=commForm]').validate(); // I assigned a class 'commForm' to all the dynamic form. $('[id^=commForm]').validate(); // I assigned id which starts with 'commForm' to all the dynamic form. but none of the above works. Can anyone please help me in this? Thanks.
[jQuery] Re: How to read the contents of .php filw on the webserver
You can't ;) Since php is a server side language the webserver will give you the result but not the php code. This would be a serious security fail... 2009/7/7 Neha neha2...@gmail.com Hey guys, Myself totally new in this javascript worldi have to read the contents of a .php file which is placed on the webserver...say (http// www.example.com/read.php)...how http://www.example.com/read.php%29...howto do that???
[jQuery] Problem with submit(function())
Hi everyone, I'm running into troubles with a simple task. I want to bind a function to the submit event on a form : $j(document).ready( function(){ var oCurrentForm = $j(#syncCountry).parent().get(0); if(oCurrentForm.tagName == 'FORM') { oCurrentForm.submit(function(){alert(toto); return false;} ); } else { alert(No form found!10); } } ); But the form is submiting every time the page is loaded... What am i doing wrong ? Thx in advance
[jQuery] Re: Search Functionality in DataGrid
Which back end technology do you know? Asp, Asp.net, java.. ? - Original Message - From: jazz bharathbhooshan.amb...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Tuesday, July 07, 2009 3:54 AM Subject: [jQuery] Search Functionality in DataGrid Hi Folks, I want search functionality in the grid..i found one link but it is in php...but i donno php :-( i want it in jsp.. Here is the link: http://trirand.com/jqgrid/jqgrid.html#. in this there is a take any exampel which contains search records..it is really very nice. please sort out my problem.. one more link i got for grid but it does nt have the functionality of searching another link:http://tablesorter.com/docs/index.html#Examples can anybody help me in this. Regards, Bharath
[jQuery] Re: how to change 2,5 to 2,50 ?
Massimos' Number.prototype.padRight = function (fill) { var v = this.toString().split('.'), d = v[1] || ''; return (v[0] || '0') + '.' + d + fill.substr(d.length); } Very elegant solution!! - Original Message - From: Giovanni Battista Lenoci gian...@gmail.com To: jquery-en@googlegroups.com Sent: Tuesday, July 07, 2009 7:30 AM Subject: [jQuery] Re: how to change 2,5 to 2,50 ? weidc ha scritto: the price have to change on the page without reloading the site. the javascript is just to look well for the customers. but thank you anyway! Yes, the functions I've posted are javascript trasposition of php functions. In php exists the number format function: |$number = 1000; echo number_format($number, 2, ',', '.'); // 1.000,00 After including the javascript function I've linked you can use the same syntax. Bye | -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] Re: Determine content type in $.post callback
Well, All I have to say is that you must to be aware of what kind of result type are you specting from your back end system. - Original Message - From: dnagir dna...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Tuesday, July 07, 2009 7:44 AM Subject: [jQuery] Re: Determine content type in $.post callback Anybody please?
[jQuery] Re: Determine content type in $.post callback
dnagir ha scritto: Anybody please? if(typeof(ret_data) == 'object') { } or if it's not evalueated by jquery try to eval with a try/catch block. :-) -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] Re: tablesorter plugin leaks memory in IE6 and IE7
right, I narrowed down the problem and found it occurs in IE6 sp2, but not sp3. Probably why nobody metioned a memory leak!!! I'm using $.browser to only allow it for sp3 users of IE6. thanks, pob On Jun 17, 12:43 pm, pob pierce.obr...@gmail.com wrote: Thanks for the prompt reply MorningZ, Apologies for the inaccurate description, the apparent leak is only in IE6 I took your advice, created a simple table 10*200, based on the one on the plugin page. The only scripts on the page are: jquery-1.3.1.js, jquery.tablesorter.js, and the constructor: $(document).ready(function() { $(#myTable).tablesorter( {sortList: [[0,0], [1,0]]} ); } ); On each refresh in IE6 the memory rises by 1,200k If I reduce the table size to only one row, the memory still rises by 700k on each refresh. the page html looks like this: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head meta http-equiv=content-type content=text/html; charset=windows-1250 title/title script type=text/javascript src=./support/scripts/ jquery-1.3.1.js /script script type=text/javascript src=./support/scripts/ jquery.tablesorter.js /script script type=text/javascript $(document).ready(function() { $(#myTable).tablesorter( {sortList: [[0,0], [1,0]]} ); } ); /script /head body table id=myTable thead tr th Last Name /th th First Name /th th Email /th th Due /th th Web Site /th th Last Name /th th First Name /th th Email /th th Due /th th Web Site /th /tr /thead tbody tr td Smith /td td John /td td jsm...@gmail.com /td td $50.00 /td td http://www.jsmith.com /td td Smith /td td John /td td jsm...@gmail.com /td td $50.00 /td td http://www.jsmith.com /td /tr /tbody /table /body /html I have tried using jquery's unbind on th elements to deallocate it, also setting the $(#myTable).html('') to remove the dom elements, but nothing seems to work. Any help with this would be greatly appreciated!! thanks. On Jun 15, 2:14 pm, MorningZ morni...@gmail.com wrote: I wouldn't be so quick to point fingers @ the plugin There's lots of people on this list using it, with tables larger than your 10x200, without any talk of memory leaks of 2 megs on a page refresh... I'd start super simple (static HTML, tablesorter applied with all default options) and the add your code on top of that to figure out where/why the leak is happening. On Jun 15, 7:24 am, pob pierce.obr...@gmail.com wrote: Hi there, I have a table, 10 cols, 200 rows. Using tablesorter causes a memory leak on every page refresh of almost 2mB. A smaller table causes a proportionately smaller memory leak. Is there way to clear this memory? I've tried setting inner html of the table to '', but it makes no difference. Is there even a universal method i can call to remove any trace of any jquery plugin I have on the page? Any ideas would be great, I love this plugin and don't want to have to use a different one instead. - Pierce
[jQuery] Re: (Validate) - How to apply validations on dynamically generated forms.
$(.commForm).each(function() { $(this).validate(); }); The call to validate works only with the first selected element, so you have to do an explicit loop. Jörn On Tue, Jul 7, 2009 at 3:34 PM, mnaveedmnaveed...@gmail.com wrote: Hi, I am using the JQuery validation plug in for form validations. My page contains a loop in which dynamic forms are generated and within each form some text fields are also dynamically generated. I have assigned the id and name attributes both to form and fields with dynamically appending a value. Now I want to apply the validation on all these form, please note that each form contains its own submit button. I have tried using the following selector, $('[class^=commForm]').validate(); // I assigned a class 'commForm' to all the dynamic form. $('[id^=commForm]').validate(); // I assigned id which starts with 'commForm' to all the dynamic form. but none of the above works. Can anyone please help me in this? Thanks.
[jQuery] Re: how to change 2,5 to 2,50 ?
Thank you :) On Tue, Jul 7, 2009 at 16:46, Cesar Sanzthe.email.tr...@gmail.com wrote: Massimos' Number.prototype.padRight = function (fill) { var v = this.toString().split('.'), d = v[1] || ''; return (v[0] || '0') + '.' + d + fill.substr(d.length); } Very elegant solution!! -- Massimo Lombardo Linux user #437712
[jQuery] Re: how to change 2,5 to 2,50 ?
There are also some currency formatting plugins: http://plugins.jquery.com/project/currencyFormat (or search currency under plugins) On Jul 7, 3:11 am, weidc mueller.juli...@googlemail.com wrote: hi, thats my code: endpreis =Math.round(endpreis*100)/100; to round the price of something but i'd like to have 2,00 or 2,50 instead of 2 and 2,5. i'd be happy about any help. --weidc
[jQuery] long paragraph - hide some of it and show all on click
Not sure the best way to approach this. I would like all my text to be on the page (for seo reasons). for example --- Some text hidden below --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id elementum viverra, fringilla eu lacus. Nulla sit amet felis nulla. Ut vestibulum vehicula posuere. Sed eget nulla et odio molestie ultrices vel quis tellus. click for more - click would result in this below - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id elementum viverra, fringilla eu lacus. Nulla sit amet felis nulla. Ut vestibulum vehicula posuere. Sed eget nulla et odio molestie ultrices vel quis tellus. Quisque eget tellus ut justo volutpat placerat. Vivamus congue lacus sed ante luctus ac dictum felis fermentum. Etiam vel adipiscing leo. Integer tortor justo, volutpat non ullamcorper vel, consectetur in metus. Nunc ut dolor ac nunc interdum bibendum. Maecenas ultrices, diam at faucibus elementum, tellus nunc sodales purus, eget tempus ante augue a mi. Sed libero nulla, faucibus vel pellentesque et, tempor quis purus.
[jQuery] Re: Search Functionality in DataGrid
I've got an incomplete but working project you can use: http://bluemoon.reverse.net/~aquaone/tablefilter/ On Tue, Jul 7, 2009 at 02:54, jazz bharathbhooshan.amb...@gmail.com wrote: Hi Folks, I want search functionality in the grid..i found one link but it is in php...but i donno php :-( i want it in jsp.. Here is the link: http://trirand.com/jqgrid/jqgrid.html#. in this there is a take any exampel which contains search records..it is really very nice. please sort out my problem.. one more link i got for grid but it does nt have the functionality of searching another link:http://tablesorter.com/docs/index.html#Examples can anybody help me in this. Regards, Bharath
[jQuery] Re: long paragraph - hide some of it and show all on click
awesome, that would have been a better question. What should I search for? :) Thanks that should be good :) On Jul 7, 12:28 pm, brian bally.z...@gmail.com wrote: There are a bunch of existing plugins for truncation. I couldn't recommend any one over the others. Search google for jquery truncate. 2009/7/7 sso strongsilent...@gmail.com: Not sure the best way to approach this. I would like all my text to be on the page (for seo reasons). for example --- Some text hidden below --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id elementum viverra, fringilla eu lacus. Nulla sit amet felis nulla. Ut vestibulum vehicula posuere. Sed eget nulla et odio molestie ultrices vel quis tellus. click for more - click would result in this below - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id elementum viverra, fringilla eu lacus. Nulla sit amet felis nulla. Ut vestibulum vehicula posuere. Sed eget nulla et odio molestie ultrices vel quis tellus. Quisque eget tellus ut justo volutpat placerat. Vivamus congue lacus sed ante luctus ac dictum felis fermentum. Etiam vel adipiscing leo. Integer tortor justo, volutpat non ullamcorper vel, consectetur in metus. Nunc ut dolor ac nunc interdum bibendum. Maecenas ultrices, diam at faucibus elementum, tellus nunc sodales purus, eget tempus ante augue a mi. Sed libero nulla, faucibus vel pellentesque et, tempor quis purus.
[jQuery] Re: long paragraph - hide some of it and show all on click
There are a bunch of existing plugins for truncation. I couldn't recommend any one over the others. Search google for jquery truncate. 2009/7/7 sso strongsilent...@gmail.com: Not sure the best way to approach this. I would like all my text to be on the page (for seo reasons). for example --- Some text hidden below --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id elementum viverra, fringilla eu lacus. Nulla sit amet felis nulla. Ut vestibulum vehicula posuere. Sed eget nulla et odio molestie ultrices vel quis tellus. click for more - click would result in this below - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id elementum viverra, fringilla eu lacus. Nulla sit amet felis nulla. Ut vestibulum vehicula posuere. Sed eget nulla et odio molestie ultrices vel quis tellus. Quisque eget tellus ut justo volutpat placerat. Vivamus congue lacus sed ante luctus ac dictum felis fermentum. Etiam vel adipiscing leo. Integer tortor justo, volutpat non ullamcorper vel, consectetur in metus. Nunc ut dolor ac nunc interdum bibendum. Maecenas ultrices, diam at faucibus elementum, tellus nunc sodales purus, eget tempus ante augue a mi. Sed libero nulla, faucibus vel pellentesque et, tempor quis purus.
[jQuery] New Plugin: loopedCarousel
I'd love to hear any feedback on my latest project loopedCarousel. loopedCarousel is a plugin made for jQuery that is not only a looping carousel, its main goal is to be extremely easy to implement. No more messing around with CSS to get your carousel to look and function properly. You want to show 5 items? Tell it items: 5. You want some spacing in between those items? Just tell it spacing: 15. You want it to be vertical? Tell it vertical: true. Damn thing even auto generates pagination for you based on how many total items you have and how many items you're showing. Keep it simple! http://github.com/nathansearles/loopedCarousel
[jQuery] Re: Finding/selecting items identified by an attribute whose value contains quote characters
Conclusion - it can't be done. Workround: $(A).filter(function() { return $(this).attr(href) == href); }); On Jul 2, 12:14 pm, Nikki Locke ni...@trumphurst.com wrote: I am writing a test harness for a web app using jquery. When recording a test, I add handlers for user interaction events (e.g. click on an A tag), and record details of the tag clicked. When playing back, I need to find the tag (so I can emulate a click on it). The A tags do not have id elements - the only unique way to identify then is to use the href. However, I have hrefs containing quote characters [typical hrefs include javascript:Go('fred') and even javascript:Go(\jimmy's \)]. How do I construct a jquery selector to match these? My first attempt (before I noticed the presence of the quotes) was $(A[href=' + href + ']) Interestingly, this hung the browser completely for many minutes!
[jQuery] Re: Remote control of web pages for use as a test harness - clicking A links from script
Conclusion: It can't be done. Only workround is to look for javascript at the beginning of the url, and either eval it, or use window.location, depending on the result. On Jun 25, 8:07 pm, Nikki Locke ni...@trumphurst.com wrote: I am devising a test harness for a complex web application. The application inserts a javascript file into the HTML it outputs - record.js when recording tests, and playback.js when playing them back. Record.js attaches event handlers to all the objects the user might interact with (mostly INPUT, SELECT, TEXTAREA, BUTTON and A tags). The event handler uses Ajax to send details of the event to a server, which saves them to a database. Playback.js is supposed to query the server to retrieve events, then use javascript to play them back. I've got things mostly working, but I seem to have hit a brick wall when it comes to A links. I can't find a way to get the event to replay. I've tried obj.click() and obj.trigger(click), but neither causes the link to be followed. The hrefs in the links are a mixture of urls and javascript, so I can't simply do window.location=obj.attr(href). Is it just not possible to fire clicks on A links so that the normal browser behaviour is emulated? NikkiLocke
[jQuery] Re: jQuery.remove() = bug or feauture?
Thanks, true helper; Just issue a: delete myElement; and the memory is freed On Jun 28, 9:36 pm, Ricardo ricardob...@gmail.com wrote: On Jun 28, 5:19 am, Laszlo Bagi laszlo.b...@gmail.com wrote: Hi! I've started to deal with jQuery for few months ago and I bumped into some freaks but this was the first time (yesterday) when I blunder into a problem which queries the availability of the whole jQuery framework. I've got several problems with the remove() function... I hope you can help me to solve them. According to the documentation: jQuery.remove(): Removes all matched elements from the DOM. This does NOT remove them from the jQuery object, allowing you to use the matched elements further. So if I understand the documantation well: 1) There is a given window window1. I try to open an other window window2 FROM window1 and I try to move an HTML element from window1 to window2. Is that possible that the element belonging to deleted jQuery object will be able to available in both JQuery array? What do you mean jQuery array? Everytime you call $/jQuery you create a new object, there is no global jQuery object containing elements. When you remove an element, it is detached from the DOM and saved in a specific object. var myElement = $('#myEl').remove(); // #myEl is now in the myElement object, detached from any document // you can append it to another window's document $(window2.document.body).append( myElement ); (not sure the appending will work, there are issues when dealing with HTMLElements across frames you have to take into account, but that's the logic) 2) If I have to generate a list of unique id-s which contains several hundred rows then the jQuery array is just growing, growing, growing ad infinitum? Why would you do that? And what do you mean by the jQuery array again? No, an object will grow as large as the number of elements you put in it.
[jQuery] Caching nodes
Hi there, I'm developing a site that has some js visual effects and many graphic elements to move. So I have to take care of each single query on the DOM as it could take too much time to be executed, resulting in a flicking animation. I thought I could cache in memory a node and then querying it, but I can't understand if it made much sense. Something like: var list = $(ul.list); and then executing any query in ul.list in this way: $(list).find(li.selected).addClass(blah); instead of: $(ul.list li.selected).addClass(blah); would it be faster? tnx
[jQuery] Re: long paragraph - hide some of it and show all on click
Check this out pal http://jsbin.com/ifaha Put in a div / the text to hide e.g div class=hide Quisque eget tellus ut justo volutpat placerat. Vivamus congue lacus sed ante luctus ac dictum felis fermentum. Etiam vel adipiscing leo. Integer tortor justo, volutpat non ullamcorper /div and then hide it with jquery $(.hide).hide(); - Original Message - From: sso strongsilent...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Tuesday, July 07, 2009 10:08 AM Subject: [jQuery] long paragraph - hide some of it and show all on click Not sure the best way to approach this. I would like all my text to be on the page (for seo reasons). for example --- Some text hidden below --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id elementum viverra, fringilla eu lacus. Nulla sit amet felis nulla. Ut vestibulum vehicula posuere. Sed eget nulla et odio molestie ultrices vel quis tellus. click for more - click would result in this below - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id elementum viverra, fringilla eu lacus. Nulla sit amet felis nulla. Ut vestibulum vehicula posuere. Sed eget nulla et odio molestie ultrices vel quis tellus. Quisque eget tellus ut justo volutpat placerat. Vivamus congue lacus sed ante luctus ac dictum felis fermentum. Etiam vel adipiscing leo. Integer tortor justo, volutpat non ullamcorper vel, consectetur in metus. Nunc ut dolor ac nunc interdum bibendum. Maecenas ultrices, diam at faucibus elementum, tellus nunc sodales purus, eget tempus ante augue a mi. Sed libero nulla, faucibus vel pellentesque et, tempor quis purus.
[jQuery] Re: getScript does not always work for me
Just to bring you up to date, turns out the problem wasn't the ajax call not returning, it was in the code that processed the call, which hung the browser! The offending call was somthing like: $(a[href='javascript:Submit('text')']) On Jun 26, 11:45 am, Nikki Locke ni...@trumphurst.com wrote: Further to this, my real application is hanging the browser, and I don't know how to find out what is wrong :-( I have tried it with IE8, Firefox, Safari and Chrome - the browser always hangs at some point. Any suggestions what to try next would be very gratefully received. On 25 June, 20:57,NikkiLockeni...@trumphurst.com wrote: I am building a web app that is controlled from a server. I want the server to send objects to the app, which the app then processes. I am using getScript for this, but it doesn't seem to be working for me. I have example code at //jsbin.com/umuwi This code calls getScript on the url ://jsbin.com/utake - this returns the following text: _jq_action={type:href}; I call getScript as follows: var _jq_action; $(document).ready(function(){ _jq_getaction(); }); function _jq_getaction() { try { _jq_action = null; $.getScript(http://jsbin.com/utake;, _jq_processaction); _jq_log(sent request); } catch(e) { alert(e); } } function _jq_processaction() { try { _jq_log(got reply); if(_jq_action) { _jq_log(_jq_action.type + received); } else { _jq_log(no action); } } catch(e) { alert(e); } } _jq_log is a function which merely outputs messages to the screen, so I can see what is going on. The request gets sent, but _jq_action is always null. NikkiLocke- Hide quoted text - - Show quoted text -
[jQuery] Re: TreeView Problems
i had a similar problem this morning. I updated the call to the write cookie to include a path (i was getting a cookie written for each page in the app) line 172 in the uncompressed plugin. $.cookie(settings.cookieId, data.join(), { path: '/' } ); Jon 2009/7/6 Keith keithhen...@gmail.com Here is the menu that I'm trying to implement. I'm not sure what I'm doing wrong, I've followed all of the demos and still the menu is not properly setting the cookie, which is causing the menu to open incorrectly when the page loads. Please let me know if there is something wrong in my code or if anyone has a suggestion that I can try out that would be great. Thanks for your help. head link rel=stylesheet href=/mars/css/jquery.treeview.css / link rel=stylesheet href=/mars/css/screen.css / script src=/mars/js/lib/jquery.js type=text/javascript/script script src=/mars/js/lib/jquery.cookie.js type=text/javascript/ script script src=/mars/js/jquery.treeview.js type=text/javascript/ script script type=text/javascript jQuery.noConflict(); // fourth example jQuery(document).ready(function(){ // fourth example jQuery(#black, #gray).treeview({ control: #treecontrol, persist: cookie, cookieId: treeview-black }); }); /script /head body div id=main div id=treecontrol a title=Collapse the entire tree below href=#img src=/mars/ img/nav/minus.gif / Collapse All/a a title=Expand the entire tree below href=#img src=/mars/img/ nav/plus.gif / Expand All/a a title=Toggle the tree below, opening closed branches, closing open branches href=#Toggle All/a /div ul id=black class=treeview-black li spanCustomer Selection/span ul li a href=/mars/jsp/viewflightcalcrit.jsp Flight Search/a /li li a href=/mars/index.jsp?viewdash=1Dashboard/a /li /ul /li /ul ul id=gray class=treeview-gray li spanContrax/span ul li a href=/mars/contrax/contractselection.jsp? isRenewal=1Contracts (Renewals)/a /li li a href=/mars/contrax/systemselect.jspNew Contract/Estimate/ a /li /ul /li /ul /div /body Keith
[jQuery] [jcarousel] jCarousel Appears Vertical then Horizontal
Hi, I am using jCarousel and I am getting a weird bug that I am hoping someone can assist me with. Basically, jCarousel renders perfect - however for a brief instant the carousel appears vertically and then appears horizontal as it should in IE / FF Does anyone know how to fix this bug ? Thanks
[jQuery] Re: Caching nodes
What you wrote would work, and it would be faster than the original code, but you're making an unnecessary $() call each time you use $(list). Instead, do it like this: var $list = $(ul.list); $list.find(li.selected).addClass(blah); The $ in $list doesn't have any special meaning; it's just a naming convention to help remember that $list is already a jQuery object and doesn't need $() when used. -Mike From: Darko Romanov Sent: Tuesday, July 07, 2009 8:56 AM To: jQuery (English) Subject: [jQuery] Caching nodes Hi there, I'm developing a site that has some js visual effects and many graphic elements to move. So I have to take care of each single query on the DOM as it could take too much time to be executed, resulting in a flicking animation. I thought I could cache in memory a node and then querying it, but I can't understand if it made much sense. Something like: var list = $(ul.list); and then executing any query in ul.list in this way: $(list).find(li.selected).addClass(blah); instead of: $(ul.list li.selected).addClass(blah); would it be faster? tnx
[jQuery] Fade in first slide in Cycle
Hi all. I am using Cycle and I am trying to get the first slide to fade in. I am new to all of this and I just can't get it to work. I looked at the 2 examples that Mike has on his page, but I just don't know what exactly to put where with regards to the code. I am setting up a portfolio with simple fade transitions between each example. I am utilizing both a prev and next option with the paging feature as well. If someone could be pretty specific as to what code needs to go where, I would appreciate it. Thanks in advance for your help. Here is the script that I currently have on my page. script type=text/javascript $(function() { $('#cycleViewer').cycle({ fx: 'fade', timeout: 000, fastOnEvent: 000, pager: '#nav', next: '#next', prev: '#prev', nowrap: 1, pagerAnchorBuilder: function(idx, slide) { // return sel string for existing anchor return '#nav li:eq(' + (idx) + ') a'; } }); }); /script
[jQuery] Re: DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH IE8
Hello Cesar, The code didn't work with IE 7 too. Well, for the double submit, even I don't know exactly. It was a part of a code I got from somewhere. However as of now, I have modified the code so that it hides the submit button and gives a loading.gif image file. This works with IE too. Finally a working version for IE :) Thanks a lot for your help though and hoping to get help the next time I step back in here with any queries. Regards, ~Amit On Tue, Jul 7, 2009 at 9:38 AM, Cesar Sanz the.email.tr...@gmail.comwrote: Sorry for my suggestion, I misread your point, thought you were not able to disable your button. You say it works in FF, Have your tried this same code in IE 7.0 ? Does it works? I can see in your code that you bind a submit event to the #node-form twice, why is that? $(document).ready(function() { $('#node-form').submit(function (e) { // *** HERE var settings = Drupal.settings.block_submit; if (settings.block_submit_method == 'disable') { $('input[type=submit]', $(this)).attr('disabled', 'true').each(function (i) { }); $(this).submit(function (e) { // *** HERE return false; }); } return true; }); }); - Original Message - From: Amit amit2...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Monday, July 06, 2009 1:37 PM Subject: [jQuery] Re: DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH IE8 Hi Cesar, Thanks for your reply. But that isn't working. It still gives me the same result. The form does not post. It is just that the button gets disabled after click. Wonder why it works properly in Firefox and Chrome but not in IE.. :( Please help. ~Amit On Jul 6, 2:14 pm, Cesar Sanz the.email.tr...@gmail.com wrote: try .attr('disabled', 'disabled') instead of .attr('disabled', 'true') - Original Message - From: Amit amit2...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Monday, July 06, 2009 10:50 AM Subject: [jQuery] DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH IE8 Hello there, I am using Drupal forms with Jquery. I used the following code to disable a button after it is clicked to prevent double updates. $(document).ready(function() { $('#node-form').submit(function (e) { var settings = Drupal.settings.block_submit; if (settings.block_submit_method == 'disable') { $('input[type=submit]', $(this)).attr('disabled', 'true').each (function (i) { }); $(this).submit(function (e) { return false; }); } return true; }); }); Form ID should be specific to: node-form. This structure works fine with Firefox and Chrome but does not work with IE8 / 7 (compatibility mode). When I click the submit button for the form in IE, it disables the button but the form never submits. (it behaves like an AJAX button where it gets disabled without the submit action ever happening) How do I solve this? Please help me out of this... Thanks, ~Amit
[jQuery] Re: Fade in first slide in Cycle
"can't get it to work" ?? nothing happens? images change but not way you want? Sometimes interpreting the problem is half the battle. Can you post a link? If not , look at "Source" in browser of working example. Make sure you are including necessary script files ( jquery and plugin). Order is important. Positng link is easiest route to get help. A lot can be seen in browser Terry wrote: Hi all. I am using Cycle and I am trying to get the first slide to fade in. I am new to all of this and I just can't get it to work. I looked at the 2 examples that Mike has on his page, but I just don't know what exactly to put where with regards to the code. I am setting up a portfolio with simple fade transitions between each example. I am utilizing both a prev and next option with the paging feature as well. If someone could be pretty specific as to what code needs to go where, I would appreciate it. Thanks in advance for your help. Here is the script that I currently have on my page. script type="text/_javascript_" $(function() { $('#cycleViewer').cycle({ fx: 'fade', timeout: 000, fastOnEvent: 000, pager: '#nav', next: '#next', prev: '#prev', nowrap: 1, pagerAnchorBuilder: function(idx, slide) { // return sel string for existing anchor return '#nav li:eq(' + (idx) + ') a'; } }); }); /script
[jQuery] Re: String Remove Trailing
On Jul 6, 2009, at 2:09 PM, Israel Thompson wrote: How can I remove the trailing from a string I'm concatenating to go in a URL? if, for example, your string is in a variable called yourString. you could do this: yourString.replace(/$/,'') --Karl Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] How long does it take to download jquery?
Simple question, and I know the answer is not simple. How long does it take to download jquery? Does anyone have any numbers that would shed some light on this? I know that there are many variables, but does anyone have any numbers reflecting how long it would take, for example, the 85th percentile or something like that? Or have a reasonably informed guess? Thanks -Geoff
[jQuery] Re: Remove an li
On Jul 6, 2009, at 8:36 PM, expresso wrote: weird, I went to the selectors page but don't see nextAll That's because .nextAll() isn't a selector. It's a traversal method. http://docs.jquery.com/Traversing/nextAll#expr --Karl Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: Problem with submit(function())
When you use .get(), you're retrieving the actual element and it's not a jQuery object. Because of that, when you do oCurrentForm.submit(), it submits the form. It's using the submit() function of Javascript (which takes no arguments), not jQuery's bindsubmit event function. You can rework your code to make look more like (untested): var oCurrentForm = $j(#syncCountry).parent(); if(oCurrentForm.get(0).tagName == 'FORM') { oCurrentForm.submit(function(){alert(toto); return false;} ); } else { alert(No form found!10); } On Jul 7, 2:17 am, Maskime maxime.f...@gmail.com wrote: Hi everyone, I'm running into troubles with a simple task. I want to bind a function to the submit event on a form : $j(document).ready( function(){ var oCurrentForm = $j(#syncCountry).parent().get(0); if(oCurrentForm.tagName == 'FORM') { oCurrentForm.submit(function(){alert(toto); return false;} ); } else { alert(No form found!10); } } ); But the form is submiting every time the page is loaded... What am i doing wrong ? Thx in advance
[jQuery] Re: $(delButton)..click(function(){... for later added button's
Thanks a lot guys! Works like a charm now! On Jul 7, 4:42 pm, Cesar Sanz the.email.tr...@gmail.com wrote: Hello Liam is right, try live The reason your attempt does not work is beacause you bind your event to an existing element at first, but then, when you create a new one, the event is not aware of this new element. Using live, it checks elements (old and new ones) to ensure the event is bind correctly. Cheers - Original Message - From: Liam Potter radioactiv...@gmail.com To: jquery-en@googlegroups.com Sent: Tuesday, July 07, 2009 3:58 AM Subject: [jQuery] Re: $(delButton)..click(function(){... for later added button's live should work, try this. $(.delButton).live(click, function(){ $(this).parent(.parentOFbutton).remove(); return false; }); pascal.nauj...@googlemail.com wrote: Hi, i implemented the following method for removing a button with it's parent: $(.delButton).click(function(event){ event.preventDefault(); $(this).parent(.parentOFbutton).remove(); }); this works fine. Now i added a script which dynamicly adds those delButtons to my dom- tree with when the user creates a new record: $(.parentOFbutton:last).append(' [a href=\# class=delButtonDEL/ a]'); This also works. But now my $(.delButton).click(function(event){ ... doesn't! Is this cause of appending the buttons on the runtime of the script? Is there a workaround? I found and tried the live method from jquery (http:// docs.jquery.com/Events/live#typefn) but i also can't get this to work *confused* Thanks for help qualle
[jQuery] Re: form action not being set
Change: $().ready(function() { to $(document).ready(function() { On Jul 6, 9:50 pm, Misteka mist...@gmail.com wrote: Hi all Pulling out hair that doesn't exist. When I run the following code, none of the set's are being done. Most important one for me is the action attribute. Can anyone help? script type=text/javascript language=JavaScript $().ready(function() { var url = $(#aggurl).val(); alert(url); $(#frmhclogin).attr(action, url); $(#this_job).val(url); $(#id_no).val(value); $(#email).val(value);}); /script h2Title/h2 div id=hcapply_dialog class=flora title=Log onto p form id=frmhclogin name=frmhclogin action= method=post class=flora label for=id_noID:/label input name=id_no type=text id=id_no /br / label for=emailEmail Address:/label input name=email type=text id=email /br / input id=share_this name=share_this type=submit value=Go class=small style=float: right; / /form /p br / /div
[jQuery] [validate] Using 'phoneUS: true' Multiple Times Breaks Form Validation
New to jQuery and Validation so please go easy :) The issue: If I validate more than one field with 'phoneUS: true' it breaks jQ Validation and no longer validates anything at all. Here is the code: http://pastie.org/537374 If i remove all instances of phoneUS: true after the one on line 31 the form validates without any issue. Just for reference, here is the form: http://pastie.org/537385 Any ideas... or work arounds? Thanks for you time!
[jQuery] Error messages below instead of beside elements
Hi. I love jQuery and the validation plugin, but I am having a problem. When there is an error, instead of showing beside the element (e.g. a dropdown or an entry field) the error message shows below the element, throwing elements below it out of whack (pushes them to the right). When I look at the examples, the messages all appear beside the related elements. I've been unable to figure out what is causing this. Can someone explain the error message positioning when using the validation plugin? Thanks for the help.
[jQuery] Jquery Galleria doesn't work with slider javascript
I am trying to implement the galleria plugin into my webpage. I am a javascript newbie so my knowledge is limited. I have included the no conflict plugin and have also changed some of the css for the galleria to not conflict with other css elements(intentionally misspelled names). There is code somewhere, either in the JS or HTML, I am not sure where at this point. I have searched for related topics but couldnt find any that fit this issue. The page can be found at a href=www.simondr.com/newsite/ wholebody1.htmlwww.simondr.com/newsite/wholebody1.html/a I didnt see any rule saying I couldnt post a link but if that is not allowed I will be glad to post the code. Thanks for any help.
[jQuery] Tutorial evaluation
Hi, I have just finished a beginner's interactive tutorial about jQuery for my colleagues, and I wonder if anyone could give any feedback on it - it's my very first training material. http://babna.eu/jQuery/ Thanks! Thomas
[jQuery] Re: How long does it take to download jquery?
I'm not sure I understand your question and how to format a response... do you have sample statistics on other types of files/ libraries. Do you mean, theoretically, like how long it would take to download a 19KB file on a 1.5Mbps internet connection...? Otherwise, pretty fast, IMO. :p On Jul 7, 9:30 am, Geoffrey geoffreykjqu...@gmail.com wrote: Simple question, and I know the answer is not simple. How long does it take to download jquery? Does anyone have any numbers that would shed some light on this? I know that there are many variables, but does anyone have any numbers reflecting how long it would take, for example, the 85th percentile or something like that? Or have a reasonably informed guess? Thanks -Geoff
[jQuery] Re: How long does it take to download jquery?
I'm not sure how you feel someone could give you an answer that would be even close like for instance, factoring in: - Your user's CPU resources - Their connection speed - Network traffic - ISP traffic - DNS routing - Is GZIP enabled on their browser or not - Are they caching? How could someone give an 85th percentile with all that figured in? Impossible On Jul 7, 3:30 pm, Geoffrey geoffreykjqu...@gmail.com wrote: Simple question, and I know the answer is not simple. How long does it take to download jquery? Does anyone have any numbers that would shed some light on this? I know that there are many variables, but does anyone have any numbers reflecting how long it would take, for example, the 85th percentile or something like that? Or have a reasonably informed guess? Thanks -Geoff
[jQuery] Re: [validate] Using 'phoneUS: true' Multiple Times Breaks Form Validation
There is no phoneUS method? additionalMethods.js adds a phone method. Stopped working most likely means that an error was thrown, check the Firebug console for that! Jörn On Tue, Jul 7, 2009 at 8:11 PM, Zigzig...@gmail.com wrote: New to jQuery and Validation so please go easy :) The issue: If I validate more than one field with 'phoneUS: true' it breaks jQ Validation and no longer validates anything at all. Here is the code: http://pastie.org/537374 If i remove all instances of phoneUS: true after the one on line 31 the form validates without any issue. Just for reference, here is the form: http://pastie.org/537385 Any ideas... or work arounds? Thanks for you time!
[jQuery] Re: How long does it take to download jquery?
hmm.. Very subjetive question.. Having a 1 Mb internet connection... it will be a breeze... - Original Message - From: MorningZ morni...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Tuesday, July 07, 2009 1:56 PM Subject: [jQuery] Re: How long does it take to download jquery? I'm not sure how you feel someone could give you an answer that would be even close like for instance, factoring in: - Your user's CPU resources - Their connection speed - Network traffic - ISP traffic - DNS routing - Is GZIP enabled on their browser or not - Are they caching? How could someone give an 85th percentile with all that figured in? Impossible On Jul 7, 3:30 pm, Geoffrey geoffreykjqu...@gmail.com wrote: Simple question, and I know the answer is not simple. How long does it take to download jquery? Does anyone have any numbers that would shed some light on this? I know that there are many variables, but does anyone have any numbers reflecting how long it would take, for example, the 85th percentile or something like that? Or have a reasonably informed guess? Thanks -Geoff
[jQuery] Re: Tutorial evaluation
Thomas, Nice tutorial! Being that I'm just learning jQuery myself, I'm finding your page to be quite helpful. Leave it up for a while, okay? Sincerely, -Blake bsenft...@earthlink.net On Jul 7, 2009, at 11:46 AM, BaBna wrote: Hi, I have just finished a beginner's interactive tutorial about jQuery for my colleagues, and I wonder if anyone could give any feedback on it - it's my very first training material. http://babna.eu/jQuery/ Thanks! Thomas
[jQuery] Re: Tutorial evaluation
Tthanks a lot Blake, no problem I'll leave it there On Jul 7, 10:13 pm, Blake Senftner bsenft...@earthlink.net wrote: Thomas, Nice tutorial! Being that I'm just learning jQuery myself, I'm finding your page to be quite helpful. Leave it up for a while, okay? Sincerely, -Blake bsenft...@earthlink.net On Jul 7, 2009, at 11:46 AM, BaBna wrote: Hi, I have just finished a beginner's interactive tutorial about jQuery for my colleagues, and I wonder if anyone could give any feedback on it - it's my very first training material. http://babna.eu/jQuery/ Thanks! Thomas
[jQuery] Re: How long does it take to download jquery?
Yep, I know this is very subjective. What I am wondering is if anyone has actually tried to quantify this in anyway. something along the lines of XX% of some set of internet users has a download speed of YYbps so 19k gziped jquery will download in ZZ milliseconds On Jul 7, 1:32 pm, Cesar Sanz the.email.tr...@gmail.com wrote: hmm.. Very subjetive question.. Having a 1 Mb internet connection... it will be a breeze... - Original Message - From: MorningZ morni...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Tuesday, July 07, 2009 1:56 PM Subject: [jQuery] Re: How long does it take to download jquery? I'm not sure how you feel someone could give you an answer that would be even close like for instance, factoring in: - Your user's CPU resources - Their connection speed - Network traffic - ISP traffic - DNS routing - Is GZIP enabled on their browser or not - Are they caching? How could someone give an 85th percentile with all that figured in? Impossible On Jul 7, 3:30 pm, Geoffrey geoffreykjqu...@gmail.com wrote: Simple question, and I know the answer is not simple. How long does it take to download jquery? Does anyone have any numbers that would shed some light on this? I know that there are many variables, but does anyone have any numbers reflecting how long it would take, for example, the 85th percentile or something like that? Or have a reasonably informed guess? Thanks -Geoff
[jQuery] jQuery - Ajax and Load question
Hello, I have a function that have this: $.ajax({ type: 'GET', url: 'index.php', data: 'id=' + productId + 'qtd=' + quantidade }); This piece of code is working great, but i need to know how to get the response from the specified url, for example, the response from index.php is two, i need to get that to place it inside a div, i know with load i can do that, but i want to be able to send in the response an array with some data. Hope you understand :[ Regards!
[jQuery] Re: jQuery - Ajax and Load question
You need to define your callback function. Maybe something like this? $.get(index.php, { id: productId , qtd: quantidade }, function(data) { doWhateverWith(data); }); On Jul 7, 10:42 pm, Glazz brunofgas...@live.com.pt wrote: Hello, I have a function that have this: $.ajax({ type: 'GET', url: 'index.php', data: 'id=' + productId + 'qtd=' + quantidade }); This piece of code is working great, but i need to know how to get the response from the specified url, for example, the response from index.php is two, i need to get that to place it inside a div, i know with load i can do that, but i want to be able to send in the response an array with some data. Hope you understand :[ Regards!
[jQuery] Re: jQuery - Ajax and Load question
with $.ajax, you use the success callback. $.ajax({ type: 'GET', url: 'index.php', data: 'id=' + productId + 'qtd=' + quantidade, success: function(data) { alert(data); }, error: function() { alert('error occurred'); } }); On Jul 7, 11:49 am, BaBna thomas.na...@gmail.com wrote: You need to define your callback function. Maybe something like this? $.get(index.php, { id: productId , qtd: quantidade }, function(data) { doWhateverWith(data); }); On Jul 7, 10:42 pm, Glazz brunofgas...@live.com.pt wrote: Hello, I have a function that have this: $.ajax({ type: 'GET', url: 'index.php', data: 'id=' + productId + 'qtd=' + quantidade }); This piece of code is working great, but i need to know how to get the response from the specified url, for example, the response from index.php is two, i need to get that to place it inside a div, i know with load i can do that, but i want to be able to send in the response an array with some data. Hope you understand :[ Regards!
[jQuery] Re: jQuery - Ajax and Load question
Thanks for the quick replies, using $.get i can do what i want, with $.ajax i can too, except the data coming from the .php page is json encoded so in the $.get i used 'json' at the end - $.get(.., .., function(), 'json'); Is there any big difference using $.get or $.post, or just $.ajax and defining the method ( get or post ) in $.ajax? On 7 Jul, 22:53, James james.gp@gmail.com wrote: with $.ajax, you use the success callback. $.ajax({ type: 'GET', url: 'index.php', data: 'id=' + productId + 'qtd=' + quantidade, success: function(data) { alert(data); }, error: function() { alert('error occurred'); } }); On Jul 7, 11:49 am, BaBna thomas.na...@gmail.com wrote: You need to define your callback function. Maybe something like this? $.get(index.php, { id: productId , qtd: quantidade }, function(data) { doWhateverWith(data); }); On Jul 7, 10:42 pm, Glazz brunofgas...@live.com.pt wrote: Hello, I have a function that have this: $.ajax({ type: 'GET', url: 'index.php', data: 'id=' + productId + 'qtd=' + quantidade }); This piece of code is working great, but i need to know how to get the response from the specified url, for example, the response from index.php is two, i need to get that to place it inside a div, i know with load i can do that, but i want to be able to send in the response an array with some data. Hope you understand :[ Regards!
[jQuery] Re: How long does it take to download jquery?
Yep, I know this is very subjective So what's the point then? If Person A said it would be smoking fast and Person B said it would be dog slow neither one of them have any concrete data to back up their claim (no one does) If you are keeping an eye on page load speed and your user experience on whatever you are coding. pages like this are what you need to concentrate on: http://www.karpach.com/yslow-and-asp-net-100-points-a-grade.htm not imaginary/subjective numbers that mean nothing On Jul 7, 5:25 pm, Geoffrey geoffreykjqu...@gmail.com wrote: Yep, I know this is very subjective. What I am wondering is if anyone has actually tried to quantify this in anyway. something along the lines of XX% of some set of internet users has a download speed of YYbps so 19k gziped jquery will download in ZZ milliseconds On Jul 7, 1:32 pm, Cesar Sanz the.email.tr...@gmail.com wrote: hmm.. Very subjetive question.. Having a 1 Mb internet connection... it will be a breeze... - Original Message - From: MorningZ morni...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Tuesday, July 07, 2009 1:56 PM Subject: [jQuery] Re: How long does it take to download jquery? I'm not sure how you feel someone could give you an answer that would be even close like for instance, factoring in: - Your user's CPU resources - Their connection speed - Network traffic - ISP traffic - DNS routing - Is GZIP enabled on their browser or not - Are they caching? How could someone give an 85th percentile with all that figured in? Impossible On Jul 7, 3:30 pm, Geoffrey geoffreykjqu...@gmail.com wrote: Simple question, and I know the answer is not simple. How long does it take to download jquery? Does anyone have any numbers that would shed some light on this? I know that there are many variables, but does anyone have any numbers reflecting how long it would take, for example, the 85th percentile or something like that? Or have a reasonably informed guess? Thanks -Geoff
[jQuery] Re: jQuery - Ajax and Load question
Ok i got it, just need to use $.ajax({dataType : 'json'}); On 7 Jul, 23:12, Glazz brunofgas...@live.com.pt wrote: Thanks for the quick replies, using $.get i can do what i want, with $.ajax i can too, except the data coming from the .php page is json encoded so in the $.get i used 'json' at the end - $.get(.., .., function(), 'json'); Is there any big difference using $.get or $.post, or just $.ajax and defining the method ( get or post ) in $.ajax? On 7 Jul, 22:53, James james.gp@gmail.com wrote: with $.ajax, you use the success callback. $.ajax({ type: 'GET', url: 'index.php', data: 'id=' + productId + 'qtd=' + quantidade, success: function(data) { alert(data); }, error: function() { alert('error occurred'); } }); On Jul 7, 11:49 am, BaBna thomas.na...@gmail.com wrote: You need to define your callback function. Maybe something like this? $.get(index.php, { id: productId , qtd: quantidade }, function(data) { doWhateverWith(data); }); On Jul 7, 10:42 pm, Glazz brunofgas...@live.com.pt wrote: Hello, I have a function that have this: $.ajax({ type: 'GET', url: 'index.php', data: 'id=' + productId + 'qtd=' + quantidade }); This piece of code is working great, but i need to know how to get the response from the specified url, for example, the response from index.php is two, i need to get that to place it inside a div, i know with load i can do that, but i want to be able to send in the response an array with some data. Hope you understand :[ Regards!
[jQuery] Re: How long does it take to download jquery?
The subjective part is defining a sample group. If someone has a sample group that they have measured connections speeds for, the rest of the equation falls into place. I am not asking for 'imaginary' numbers. I am asking if anyone has investigated this question and if they have any results they can share. BTW, Steve Souders, the creator of YSlow and author of O'Reilly's 'High Performance Web Sites' book does a better job at explaining these performance issues than the site you mentioned, http://www.karpach.com/yslow-and-asp-net-100-points-a-grade.htm Steve's site, http://stevesouders.com/ is a great resource for all sorts of performance related topics. On Jul 7, 3:14 pm, MorningZ morni...@gmail.com wrote: Yep, I know this is very subjective So what's the point then? If Person A said it would be smoking fast and Person B said it would be dog slow neither one of them have any concrete data to back up their claim (no one does) If you are keeping an eye on page load speed and your user experience on whatever you are coding. pages like this are what you need to concentrate on:http://www.karpach.com/yslow-and-asp-net-100-points-a-grade.htm not imaginary/subjective numbers that mean nothing On Jul 7, 5:25 pm, Geoffrey geoffreykjqu...@gmail.com wrote: Yep, I know this is very subjective. What I am wondering is if anyone has actually tried to quantify this in anyway. something along the lines of XX% of some set of internet users has a download speed of YYbps so 19k gziped jquery will download in ZZ milliseconds On Jul 7, 1:32 pm, Cesar Sanz the.email.tr...@gmail.com wrote: hmm.. Very subjetive question.. Having a 1 Mb internet connection... it will be a breeze... - Original Message - From: MorningZ morni...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Tuesday, July 07, 2009 1:56 PM Subject: [jQuery] Re: How long does it take to download jquery? I'm not sure how you feel someone could give you an answer that would be even close like for instance, factoring in: - Your user's CPU resources - Their connection speed - Network traffic - ISP traffic - DNS routing - Is GZIP enabled on their browser or not - Are they caching? How could someone give an 85th percentile with all that figured in? Impossible On Jul 7, 3:30 pm, Geoffrey geoffreykjqu...@gmail.com wrote: Simple question, and I know the answer is not simple. How long does it take to download jquery? Does anyone have any numbers that would shed some light on this? I know that there are many variables, but does anyone have any numbers reflecting how long it would take, for example, the 85th percentile or something like that? Or have a reasonably informed guess? Thanks -Geoff
[jQuery] Re: jQuery - Ajax and Load question
$.get and $.post are convenient methods They both utilize $.ajax internally - Original Message - From: Glazz brunofgas...@live.com.pt To: jQuery (English) jquery-en@googlegroups.com Sent: Tuesday, July 07, 2009 4:12 PM Subject: [jQuery] Re: jQuery - Ajax and Load question Thanks for the quick replies, using $.get i can do what i want, with $.ajax i can too, except the data coming from the .php page is json encoded so in the $.get i used 'json' at the end - $.get(.., .., function(), 'json'); Is there any big difference using $.get or $.post, or just $.ajax and defining the method ( get or post ) in $.ajax? On 7 Jul, 22:53, James james.gp@gmail.com wrote: with $.ajax, you use the success callback. $.ajax({ type: 'GET', url: 'index.php', data: 'id=' + productId + 'qtd=' + quantidade, success: function(data) { alert(data); }, error: function() { alert('error occurred'); } }); On Jul 7, 11:49 am, BaBna thomas.na...@gmail.com wrote: You need to define your callback function. Maybe something like this? $.get(index.php, { id: productId , qtd: quantidade }, function(data) { doWhateverWith(data); }); On Jul 7, 10:42 pm, Glazz brunofgas...@live.com.pt wrote: Hello, I have a function that have this: $.ajax({ type: 'GET', url: 'index.php', data: 'id=' + productId + 'qtd=' + quantidade }); This piece of code is working great, but i need to know how to get the response from the specified url, for example, the response from index.php is two, i need to get that to place it inside a div, i know with load i can do that, but i want to be able to send in the response an array with some data. Hope you understand :[ Regards!