[jQuery] Ajax to update multiple fields
Hi All, Brand new to jQuery, and looking for suggestions. I have a "customer" form, that I need to do a lookup when they enter their email address, and have it fill in the name, address, city, state, zip, etc if they are already in the database. I am not following the ajax tutorials that I've found online so far very well. Can anyone suggest some good, simple tutorial, or is there an example piece of code somewhere that fills in multiple fields when one changes? Thanks a bunch! -Scott _______________________________________________
[jQuery] Form plugin revisited ;-)
> These last two items may cause issues for some but to me they are far
[jQuery] $.ajax API change 1.0.2?
It seems that the 'success' callback of $.ajax was changed to accept as its first argument the actual parsed data rather than the xmlHttp object, in 1.0.2? This behaviour broke several Drupal features when I upgraded it to jQuery 1.0.2... We should really avoid such API changes in the future, or bump up the middle version digit instead. In jQuery, the line between what is a private function and what is an API call is indeed blurred (so guaranteeing compatibility across versions for everything is
[jQuery] jQuery Website Gallery
I was thinking about this, and currently there really isnt a place where people who use jquery can show off their sites, other than in the list, or in the comments section of that one post on the blog. I was thinking someone (me! me! pick me!) should set up a site where people could show off the websites that use jquery, maybe something like <a href="http://gallery.jquery.com">gallery.jquery.com</a>, or if john doesnt wanna dedicate a subdomain to it, i could just set it up on my site. What does
[jQuery] simple profiling
Since I'm usually taking a lot more from this group than I'm giving back, I thought I'd offer this up if anyone might find it useful. It's a simple global object for tracking code execution time. (I discovered Firebug's console.time after I'd already written this. Oh well. This one can be used in any browser, anyway.) It has no depedencies on jQuery other than that I happened to use the $ namespace. Feel free to use/extend/modify to your liking. Usage: $.timer.start(); // some code $.timer.mark('optional
[jQuery] oninput bug workaround
I've been trying to use oninput to validate fields in firefox and have had zero luck with it the jQuery way: element.bind('input', ...) is just not cutting it. After some digging around on the net I *finally* found some useful, although mildly depressing, information about it. What it seems to boil down to is a bug in firefox (and mozilla codebase in general I expect). This is okay: <input oninput="..."> So is this: element.addEventListener('input', ...) This doesn't work: element.oninput = function()
[jQuery] IE debug tool
Hey, This is new to me and looks like a great tool for debugging IE issues: http://www.debugbar.com/ not affiliated with this. -Steve _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] jQuery Website Gallery
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=838012021-13102006><FONT face=Arial color=#0000ff size=2>I think it's a great idea. Good way to advertise jQuery.</FONT></SPAN></DIV> <DIV> </DIV> <P><FONT size=2><!----------------//------<BR>andy matthews<BR>web developer<BR>certified advanced coldfusion programmer<BR>ICGLink,
[jQuery] ajaxStart, ajaxStop issues
<html> <head> <style> P { margin:0px; padding:0px } body { FONT-SIZE: 10pt; FONT-FAMILY:Tahoma } </style> </head> <body>Hello all,<BR> <BR> I'm fairly new to jQuery having used Prototype & Scriptaculous (sparingly!) in the past. My problem is thus:<BR> <BR> I have a form with 3 <select>'s all of which trigger $.ajax calls when the selection changes. This in itself works fine. To give the user a visual cue I added a 'loading' graphic, and then added the fairly standard (as far as I can see) ajaxStart
[jQuery] I have a problem with XPATH on IE6 with ajax response jQuery 1.0.2
OK, I am obviously missing something here. My code works on FF 1.0.5, Opera 8.5.4 and 9.0.2 but is throwing an error in IE6. I have located the line generating the error (no thanks to the IE error message line that is really bogus): http://imaptools.com:8081/maps/demo.html just double click on the map, and it generates an Ajax call. The xml is loaded in the textarea under the map, which works fine. I then have a schema hash the I loop thru and extract various items from the xml and put them into
[jQuery] The index of an element with Event
Hello, I can't figure out how to accès the index of the élément that is clicked. Let's say I have 4 mp3 links in the page and that I click the second one , I can acces the url of the link that is clicked like this $("a[@rel='enclosure'][@href$=mp3]").bind("click",function(e){ alert(this.href); e.stopPropagation(); return false; }); But how can I know that it is the second link that is cliked, i.e the index of this link beyond all links ? Sorry for my poor english ;) PS : I'm working on a jQuery +
[jQuery] Mimetype option for $.ajax
Hi folks, currently $.ajax accepts a 'type' option with values for 'html', 'json', 'xml' etc. Regarding the discussion about the overrideMimetype option: How about changing the type option to mimetype, accepting values like 'text/plain', 'text/html', 'text/javascript', 'text/json', 'text/xml'. Those mimetypes could be used, if applicable, for the overrideMimetype option, eg. to return xml even if the server sends plain text. Using standard values for the mimetype option could be more intuitive, too.
[jQuery] IE bookmarklet problems
Has anyone run into issues using trying to insert jQuery into a page via js/bookmarklet after the page has loaded? Thanks, Chad ---- Bookmarket code var d=document; var a=function(o){document.getElementsByTagName('head').item(0).appendChild(o)}; q=d.createElement('script'); q.type='text/javascript'; q.src='http://jquery.com/src/jquery-latest.js'; a(q); --- Failing here // If IE is used, use the excellent hack by Matthias Miller // http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_r
[jQuery] $(document).load() and friends
> $(document).load(function() { Try $(window).load() instead, since you're trying to set a window.onload handler. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] jQuery image gallery
from: http://ajaxian.com/archives/jquery-image-gallery-transitions-thumbnails-reflections jQuery Image Gallery: Transitions, thumbnails, reflections <http://ajaxian.com/archives/jquery-image-gallery-transitions-thumbnails-reflections> Ramin B. has put together yet another image gallery <http://www.getintothis.com/blog/2006/10/12/image-gallery-using-jquery-interface-reflections/>. This time it is using jQuery as the library, and has a bunch of rich effects such as transitions, reflections, and the
[jQuery] $(document).load() and friends
Am I missing something obvious or why does .load() not seem to trigger anything. I am sure $('img').load(function() { something }); used to work before. This is not the case with 1.0.2. Check the page below. I get only "ready" at firebug console. So none of the load()'s get executed. http://www.appelsiini.net/~tuupola/jquery/panview/load.html -cut- $(document).ready(function() { console.log('ready'); }); $('img').load(function() { console.log('img load'); }); $('p').load(function() { console.log('p
[jQuery] More jQuery Tutorials (was "unsuscribe")
Hi Jorn, Your page is a well-written tutorial for its target audience: people who are already very comfortable with JavaScript and/or are skilled programmers. But if your target audience is newbies -- particularly web designers who are just learning how to code -- it's too hard to read. Therefore it doesn't encourage newbies to start thinking in terms of using plugins right away. For example, the page begins: jQuery offers a mechanism for adding in methods and functionality, bundled as plugins.
[jQuery] Weird IE issue with two .corner()'d divs butted up against each other vertically.
An example can be found at <a href="http://1wordreviews.com/">http://1wordreviews.com/</a> when you click on the "login" or "register" links. I have two classes of divs, .legend & .fieldset (legacy naming from when I was actually using fieldsets). When I set the .legend to have rounded top corners and the .fieldset div to have rounded bottom corners, a little floating portion of the .fieldset div shows up below the entire section. The problem goes away if I insert a space in between the divs. All
[jQuery] jQuery leaks...
I was just reading Jack Slocum's article on easy ways to avoid javascript leaks (http://www.jackslocum.com/yui/2006/10/02/3-easy-steps-to-avoid-javascript-memory-leaks/). He mentions a FF plugin called the Leak Monitor (http://dbaron.org/mozilla/leak-monitor/). I just tried this on one of my web apps that use jQuery... and sure enough, I found some leaks... Leaks in window 0x4c333a8: [+] [leaked object] (49afa20, http://myhostname/monkeygrease/lib/jquery/jquery.js, 1186-1203) = function () { if (!jQuery.isReady)
[jQuery] New site launched using jQuery
We just relaunched the Age of Empires III Community website with a new skin. I used jQuery and the DOM Builder plugin for the navigation and for the styled HRs. I threw the nav together pretty quick ... so it is a bit ineffiecient but developer performance was at an all time high and it works. :) http://www.agecommunity.com/ The hasClass addition at the bottom of application.js was before I found out about the is method. -- Brandon Aaron _______________________________________________ jQuery mailing
[jQuery] Problem with interface FX - Scroll
Hi, I'm trying to implement interface elements FX - Scroll on a page. I've got jQuery compressed 1.0.2 rev 4.1.3 and used the automated download packager for the interface element, which gave me a file called interface.js. This file doesn't appear to work. Firebug gives me "missing ; before statement / interface.js (line 8)". Have a look at this test page: http://www.sxbrc.dev/biodiversity/countyrecorders/index2.php I've just chucked the scrollto behaviour in an onclick in the "higher plants" link
[jQuery] More jQuery Tutorials (was "unsuscribe")
> For any Francophones in the crowd, Fil's site at
[jQuery] new plugin: nifty for jQuery
Hi all, I noticed there was an update on the famous nifty2, which does rounded corners on elements without the use of graphics. When I saw the parsing capabilites, I thought "Why not use jQuery for that". So I went ahead and used 3 hours of my time to modify and optimize the plugin as a jQuery plugin. You can check it out here: <a href="http://paul.jquery.com/plugins/nifty/">http://paul.jquery.com/plugins/nifty/</a> The code can probably still be optimized alot, but I don't have the time. If someone
[jQuery] can't link to specific api entries
Hi John etc I would like to be able to link to specific API documentation entries eg: http://jquery.com/api/fadeIn. It's all quite dynamic and nice but impossible to link to anything but the first page. It' looks like both API doc links on the jquery.com suffer from this problem. Any alternatives? Cheers Simon _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] unsuscribe
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=389554223-11102006><FONT face="Trebuchet MS" size=2>Yikes - this is a very active discussion group. Too much information. Please take my email address off the list.</FONT></SPAN></DIV> <DIV> </DIV> <DIV align=left><FONT face="Trebuchet MS" size=2><SPAN class=389554223-11102006>jmearns@who.net</SPAN></FONT></DIV>
[jQuery] basic sort function
Hi guys today I finally got around to using jQuery today and man do i love it. wished that I had known about it before I started my last project. would have saved me a couple of months work. Ok well back to today I needed to take a structure (table made of div's) and sort by alphabetic order once I got my head around the way that jQuery worked my boss who had used jQuery more showed me the exact code I needed for doing the sort. what you have two css selector definitions, one for the rows of your
[jQuery] More jQuery Tutorials (was "unsuscribe")
Hi Karl, Love your blog! It's made a huge difference in wrapping my head around jquery. Some suggestions for tutorials: * An example of how to use XPATH. The style switcher on Kevin's blog -- http://www.kelvinluck.com/article/switch-stylesheets-with-jquery -- is a very slick use of XPATH, and more help for newbies such as myself in understanding what else you can do with XPATH would be great. * An example that talks about strategies for using jquery if you're using a content management system. For
[jQuery] Bug?
Hi, I have this simple html code: --------------- Start of bugTest.html -------- <html> <head> <title> jQuery Testing </title> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> function doTest() { alert( $('#mainContent').children().size() ); alert( $('#mainContent').children().not('#thePopup').size() ); alert( $('#mainContent').children().not('#thePopup').not('div.calendar').size() ); } </script> </head> <body id='mainContent'> <div class='whatever'
[jQuery] Extending Xajax to use jQuery
http://www.cyberlot.net/demos/xajax_jquery_plugin/demo.php View sources http://www.cyberlot.net/demos/xajax_jquery_plugin/ Basically jquery.php enables access to all basic methods of jquery that can be called through direct methods, Will try to run any method you call, but does an error log on methods that are not put in validBaseMethods and therefore not "tested to work" Uses Xajax 0.5 Beta 1 plugin methods. -- Richard Thomas - CEO Cyberlot Technologies Group Inc. 507.398.4124 - Voice _______________________________________________
[jQuery] retaining checkbox state in IE
Hello, The following test code moves 2 form elements from one location in the DOM to another. Both elements retain their state just fine in FireFox, but in IE the current state of the checkbox is lost when the element is moved: <script> $(function() { $('#btn').toggle( function() {$('#d1 input').appendTo('#d2');}, function() {$('#d2 input').appendTo('#d1');} ); }); </script> <button id="btn">move</button> <div id="d1">1:<input type="checkbox"/><input type="text"/></div> <div
[jQuery] Hitting enter in Interface's Autocompleter suggestionbox
Answering my own question... iAutocompleter now requires iUtil, which is (so far as I can see) undocumented. Include that other library and the autocompleter works as expected. m. -----Original Message----- From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On Behalf Of Matt Grimm Sent: Wednesday, October 11, 2006 10:51 PM To: jQuery Discussion. Subject: Re: [jQuery] Hitting enter in Interface's Autocompleter suggestionbox Well, now I see that the source for the Autocompleter is
[jQuery] Intfac Sotabls estion
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> <!-- /* The original subSilver Theme for phpBB version 2+ Created by subBlue design http://www.subBlue.com NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2 theme administration centre. When you have finalised your style you could cut the final CSS code and place it in an external file, deleting this section to save bandwidth. */ /* General page style.
[jQuery] Fix for IE XML nested each issues (Bug #164)
The current version of jQuery has trouble when trying to access methods such as text() or parent() or attr() inside an each statement within the context of an XML document. For a test case, see <a href="http://jquery.com/dev/bugs/bug/164/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> Bug #164</a>. The general assumption with this bug has been that the problem lies in methods such as text(), and therefore it would be impossible to determine whether the object in question
[jQuery] Breakable Each
It seems like it would be really easy to implement a breaking mechanism for jQuery .each() function. We could use the same technique prototype does by creating a unique object and letting users throw that to break. We could create a 'break' property inside jQuery that .each() could catch to break the loop. Exception based (ala prototype) implementation: Example: $("p").each(function() { if ($(this).is(".unnecessary.beyond.here")) throw $['break']; $(this).addClass('this').addClass('was').addClass('totally').addClass('required');
[jQuery] Plugins using jQuery instead of $ died with latest
Plugins using jQuery instead of $ dont seem to work anymore if using jquery.js from: http://jquery.com/src/latest/ FireBug spits out "jQuery is not defined". Found this while trying to make tabs and panView work together. -- Mika Tuupola http://www.appelsiini.net/~tuupola/ _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] form plugin updates
Based on recent discussions I've made some updates to the form plugin. Today's discussion prompted some mods to the ajaxSubmit method. I also updated many of the comments and then discovered that the coordinates for image submit elements are not posted correctly in all browsers (FF in my case). So I reworked ajaxForm() to use the dimensions plugin (if it is installed). If your page doesn't include the dimensions plugin then the cross-browser support for image submit elements is unreliable. I've posted
[jQuery] replying to messages...how
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] Google suggest example or plugin?
I'm looking for Google suggest style functionality and wanted to know if there was a plugin or some code that would help with this. Anyone? Rey _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] fadeIn - fadeOut keeps repeating
Imagine I have a menu system. You go over with the mouse and a menu "fadeIn" then you go down over the menu and over the edge so that the menu will "fadeOut" again. But before its faded out you go back up with the pointer. The animation will do now two thing. It will fade out but as soon it there it will think, hé there is a mouse over me lets fadeIn. When again fadedIn it will restart fading out. How do I prevent this behavior from happening. I already did fadeOut("slow", functio(){$(this).css("display",
[jQuery] Google suggest example or plugin?
Hey Rey... I'm going to be using that for a recipe site I'm building. Care to share the code you used? Did you call a CFC or just a CFM page? <!----------------//------ andy matthews web developer certified advanced coldfusion programmer ICGLink, Inc. andy@icglink.com 615.370.1530 x737 --------------//---------> -----Original Message----- From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com]On Behalf Of Rey Bango Sent: Thursday, October 12, 2006 9:17 AM To: jQuery Discussion. Subject:
Next Page