As to your error, it is very obvious if you use the Chrome Dev Tools. I cannot stress this enough. You *need* to learn how to use your browser dev tools as it makes this stuff a heck of a lot easier.
I opened it up in Chrome, went to the Network panel, filtered on XHR. I then entered 88 in the first form field. I then saw a big ole graphic load. Why? It's obvious if you look at the result in the Network panel. Your server returned this: <!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="Keywords" content="The Movement, Make A Hero, makeahero.org, veterans, disabled american veterans, veterans of forign wars, Iraq veteran, Afghanistan veteran, disabled veteran, disabilities, the movement DVD"/> <meta name="Description" content="For The Movement DVD Free Download"/> <link type="text/css" href="Styles/Movement.css<http://www.makeaherodonations.com/themovement/Styles/Movement.css> " rel="stylesheet"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico<http://www.makeaherodonations.com/themovement/favicon.ico> "> <title>The Movement DVD Download - Information</title> </head> <header> <div id="head"> </div> <DIV id="navbar"> </DIV> </header> <nav> <img src="images/MAH-ski.jpeg<http://www.makeaherodonations.com/themovement/images/MAH-ski.jpeg> " alt="The Movement Movie Poster Image" /> </nav> <span style="color: red;">The Code <b> 88</b> is an invalid code. Please ree-enter your code.</span> <footer> <p><a href="http://www.makeahero.org"; target="new"><img src="images/logo.png<http://www.makeaherodonations.com/themovement/images/logo.png> " alt="Make A Hero Logo" /></a><BR /> <em>Helping individuals with disabilities enjoy the freedom of sports and recreation</em></p> <p class="align"> Thank you for your interest in Make A Hero's first film, The Movement! If you would like to use this film as a fund-raiser please email <a href=" mailto:[email protected]<http://www.makeaherodonations.com/themovement/mailto:[email protected]> ">[email protected]</a>. For more information about our organization or ways that you can support our cause, please visit <a href=" http://www.makeahero.org"; target="new">http://makeahero.org</a> or email <a href="mailto:[email protected]<http://www.makeaherodonations.com/themovement/mailto:[email protected]> ">[email protected]</a>. </footer> </body> </html> Most likely you ONLY wanted the "The code..." part. Most likely your CF code is wrapping everything with a header and footer. You need to stop doing that. :) On Thu, Dec 20, 2012 at 8:51 PM, Raymond Camden <[email protected]>wrote: > I'll take a look, but I need to nitpick something. AJAX isn't a language. > It is simply the name of a technique used in JavaScript to communicate with > a server. Spry uses AJAX too. (But don't use Spry anymore. It's old like > Donkey Kong.) > > > On Thu, Dec 20, 2012 at 7:49 PM, Bruce Sorge <[email protected]> wrote: > >> >> OK, so I gave up on the Spry version of the database validation and moved >> onto AJAX (a language I really don't know a lot about but I am slowly >> figuring it out). Anyway, I have the code working the way I want with the >> exception that when the validation is done, whether the code is valid or >> not, the page is reloading and showing an overlay or something of the page. >> If you go to http://www.makeaherodonations.com/themovement/ you'll see >> what I am talking about. It's weird and I have been trying to figure this >> out. Here is the script: >> >> <script src="js/jquery.js" type="text/javascript"></script> >> <script type="text/javascript"> >> pic1 = new Image(16, 16); >> pic1.src = "images/loader.gif"; >> >> $(document).ready(function(){ >> >> $("#orgname").change(function() { >> >> var usr = $("#orgname").val(); >> >> if(usr.length >= 2) >> { >> $("#status").html('<img align="absmiddle" src="images/loader.gif" /> >> Checking Code...'); >> >> $.ajax({ >> type: "POST", >> url: "checkcode.cfm", >> data: "orgname="+ usr, >> success: function(msg){ >> >> $("#status").ajaxComplete(function(event, request, settings){ >> >> if(msg == 'OK') >> { >> $("#orgname").removeClass('object_error'); // if necessary >> $("#orgname").addClass("object_ok"); >> $(this).html(' <img align="absmiddle" src="images/accepted.png" /> '); >> } >> else >> { >> $("#orgname").removeClass('object_ok'); // if necessary >> $("#orgname").addClass("object_error"); >> $(this).html(msg); >> }});}});} >> else >> { >> $("#status").html('The Code should have at least 2 characters.'); >> $("#orgname").removeClass('object_ok'); // if necessary >> $("#orgname").addClass("object_error"); >> }});}); >> >> //--> >> >> </script> >> >> I think that I'll have to head to the bookstore tomorrow and get me an >> AJAX book. It seems pretty cool and something that I can use in the future. >> >> Bruce >> >> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:353592 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
