Thanks Ray, I'll look into this for sure. And yeah, I am wrapping all the pages in a header, footer and nab in the application.cfc. I'll switch it to an include in the page instead. I've been out of web development for about 4 years and have obviously fallen behind the knowledge curve. Thanks for the input I'll work on this stuff tomorrow.
Sent from my iPhone 4S. On Dec 20, 2012, at 9:55 PM, Raymond Camden <raymondcam...@gmail.com> wrote: > > 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:353594 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
