Here is a video demonstrating chrome dev tools: http://www.raymondcamden.com/index.cfm/2011/6/15/Example-of-using-Chrome-Dev-tools-to-solve-Ajax-issues
On Thu, Dec 20, 2012 at 8:54 PM, Raymond Camden <raymondcam...@gmail.com>wrote: > 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:i...@makeahero.org<http://www.makeaherodonations.com/themovement/mailto:i...@makeahero.org> > ">i...@makeahero.org</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:i...@makeahero.org<http://www.makeaherodonations.com/themovement/mailto:i...@makeahero.org> > ">i...@makeahero.org</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 > <raymondcam...@gmail.com>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 <sor...@gmail.com> 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:353593 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
