Re: AJAX Issue

2012-12-23 Thread Raymond Camden

You are most welcome.


On Sun, Dec 23, 2012 at 5:14 PM, Bruce Sorge  wrote:

>
> Thanks for the Video Ray. It was very helpful for debugging another part
> of this site. Finally finished it though bug free and functions the way I
> want.
>
> Bruce
> On Dec 20, 2012, at 9:55 PM, Raymond Camden 
> 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
> >
> >
>
>
> 

~|
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:353658
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: AJAX Issue

2012-12-23 Thread Bruce Sorge

Thanks for the Video Ray. It was very helpful for debugging another part of 
this site. Finally finished it though bug free and functions the way I want.

Bruce
On Dec 20, 2012, at 9:55 PM, Raymond Camden  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
> 
> 


~|
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:353652
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: AJAX Issue

2012-12-20 Thread Bruce Sorge

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  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 
> 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:
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>> > href="Styles/Movement.css
>> " rel="stylesheet">
>> > href="favicon.ico
>> ">
>> 
>> 
>> 
>> The Movement DVD Download - Information
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>> > src="images/MAH-ski.jpeg
>> " alt="The Movement Movie Poster Image" />
>>  The Code  88 is an invalid code.
>> Please ree-enter your code. 
>> http://www.makeahero.org"; target="new">http://www.makeaherodonations.com/themovement/images/logo.png>
>> " alt="Make A Hero Logo" />
>> Helping individuals with disabilities enjoy the freedom of sports
>> and recreation
>> 
>> 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 mailto:i...@makeahero.org
>> ">i...@makeahero.org. For more information about our organization or
>> ways that you can support our cause, please visit http://www.makeahero.org"; target="new">http://makeahero.org or email <
>> a 
>> href="mailto:i...@makeahero.org
>> ">i...@makeahero.org.
>> 
>> 
>> 
>> 
>> 
>> 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 
>> 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  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:
 
 
 
 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('
 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('  ');
 }
 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");
 }});});
 
 //-->
 
 
 
 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.
 
>>>

Re: AJAX Issue

2012-12-20 Thread Raymond Camden

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 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:
>
> 
> 
> 
> 
> 
> 
>  href="Styles/Movement.css
> " rel="stylesheet">
>  href="favicon.ico
> ">
>
>
>
> The Movement DVD Download - Information
> 
>
> 
> 
>  
>  
>  
>  
>
>
>
> 
>   src="images/MAH-ski.jpeg
> " alt="The Movement Movie Poster Image" />
>  The Code  88 is an invalid code.
> Please ree-enter your code. 
>  http://www.makeahero.org"; target="new">http://www.makeaherodonations.com/themovement/images/logo.png>
> " alt="Make A Hero Logo" />
>  Helping individuals with disabilities enjoy the freedom of sports
> and recreation
>  
>  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 mailto:i...@makeahero.org
> ">i...@makeahero.org. For more information about our organization or
> ways that you can support our cause, please visit http://www.makeahero.org"; target="new">http://makeahero.org or email <
> a 
> href="mailto:i...@makeahero.org
> ">i...@makeahero.org.
> 
>
> 
> 
>
> 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 
> 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  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:
>>>
>>> 
>>> 
>>> 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('
>>> 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('  ');
>>> }
>>> 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");
>>> }});});
>>>
>>> //-->
>>>
>>> 
>>>
>>> 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


Re: AJAX Issue

2012-12-20 Thread Raymond Camden

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:







http://www.makeaherodonations.com/themovement/Styles/Movement.css>
" rel="stylesheet">
http://www.makeaherodonations.com/themovement/favicon.ico>
">



The Movement DVD Download - Information




 
 
 
 




http://www.makeaherodonations.com/themovement/images/MAH-ski.jpeg>
" alt="The Movement Movie Poster Image" />
 The Code  88 is an invalid code.
Please ree-enter your code. 
http://www.makeahero.org"; target="new">http://www.makeaherodonations.com/themovement/images/logo.png>
" alt="Make A Hero Logo" />
Helping individuals with disabilities enjoy the freedom of sports and
recreation

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 mailto:i...@makeahero.org
">i...@makeahero.org. For more information about our organization or
ways that you can support our cause, please visit http://www.makeahero.org"; target="new">http://makeahero.org or email mailto:i...@makeahero.org
">i...@makeahero.org.





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 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  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:
>>
>> 
>> 
>> 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('
>> 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('  ');
>> }
>> 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");
>> }});});
>>
>> //-->
>>
>> 
>>
>> 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


Re: AJAX Issue

2012-12-20 Thread Raymond Camden

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  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:
>
> 
> 
> 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('
> 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('  ');
> }
> 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");
> }});});
>
> //-->
>
> 
>
> 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:353591
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


AJAX Issue

2012-12-20 Thread Bruce Sorge

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:



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(' 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('  ');
} 
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");
}});});

//-->



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:353590
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


cfgrid retrieved via ajax issue

2008-07-05 Thread Doug Boude (rhymes with 'loud')
Hi all. I am retrieving a template via an ajax call. That template contains a 
cfgrid. I have already overcome the issue of having to import the 'grid' tags 
via cfajaxproxy in the parent page, but am not getting a JS error when the grid 
loads after the call. Here is the error (from Firebug):

this.refresh is not a function
GridView()
grid.js (line 13)
delay()
prototype.js (line 232)
[Break on this error] 
Ext.grid.GridView=function(_1){Ext.grid.GridView.superclass.constructor.call(thi...

A couple of other relevant factoids:
1. when I navigate directly to the ajax url in the browser, my grid loads up 
with no errors and is populated (refreshed); 
2. using the ajax retrieval, the headers load up but no data is present (no 
refresh...makes sense based on the error), but if i click a header to resort 
the column my data does appear.
3. I am loading Prototype.js in my parent page

My theory at this point is that there's another library I need to be importing 
via cfajaxproxy, but I have no idea which one it might be. My alternate theory 
(and the one I hope isn't the issue) is that somehow having Prototype in the 
mix is giving cfgrid some fits.

Can anybody offer me some pointers, facts, or things to try that might help me 
over this hurdle?

Thanks!
Doug B



~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to 
date
Get the Free Trial
http://ad.doubleclick.net/clk;203748912;27390454;j

Archive: 
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:308627
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4