Message-ID: <80068477-067C-4B11-B5D4-4BEB2C3FB19A@gmail.com>
Hey everyone,
I've been working on a cross-browser (i.e. DHTML-based) javascript
debugger for the past year, and I've finally released it for the
public. It enables command-line javascript and css input in FF, IE,
and Opera. It has a ton of features, like object inspection, tab
completion, function profiling, and more.
I'm not naive enough to think that there isn't something like this
out there already (like Firebug, etc). I just enjoy the challenge of
re-inventing the wheel. To that end, I'm open to any feature
suggestions or bugs.
http://www.billyreisinger.com/debug.php
Hope that someone else finds it useful!
Billy Reisinger
billy.reisinger at gmail.com
From matt.murphy at thermofisher.com Fri Dec 29 10:24:56 2006
From: matt.murphy at thermofisher.com (Matt Murphy)
Date: Fri, 29 Dec 2006 10:24:56 -0600
Subject: [Javascript] js for inserting a \n every 80 chars?
Message-ID: <33CB8A3B603760409040215E4232728C2DD6F1@exchange.tc-tech.com>
All,
I'm very new to js, please forgive if this is a n00b question.
I have a script that takes user input from a textarea and dumps it into
a element in a new table cell. The problem is if you type in a
long sentance with no breaks, the will not allow it to wrap, and
it'll make the table super wide. I'm wondering if there's a javascript
function that will allow me to insert a \n every 80 characters?
alternatively, I can dump the text in to just the table cell, but then
carriage returns aren't recognized at all, even though the text will
wrap. Is there a javascript version of str_replace()?
Is there somewhere I can go to look up javascript functions?
Thanks in advance,
Matt
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From wdlists at triche-osborne.com Fri Dec 29 12:02:09 2006
From: wdlists at triche-osborne.com (Triche Osborne)
Date: Fri, 29 Dec 2006 12:02:09 -0600
Subject: [Javascript] js for inserting a \n every 80 chars?
In-Reply-To: <33CB8A3B603760409040215E4232728C2DD6F1@exchange.tc-tech.com>
References: <33CB8A3B603760409040215E4232728C2DD6F1@exchange.tc-tech.com>
Message-ID: <45955821.90006@triche-osborne.com>
LIFO:
Matt Murphy wrote:
>
> Is there somewhere I can go to look up javascript functions?
http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide
> Is there a javascript version of str_replace()?
>
string.replace( regexp, replacement )
> I have a script that takes user input from a textarea and dumps it into
> a element in a new table cell. The problem is if you type in a
> long sentance with no breaks, the will not allow it to wrap, and
> it'll make the table super wide. I'm wondering if there's a javascript
> function that will allow me to insert a \n every 80 characters?
>
Not built-in, no. If you build your own, you may want to refine it so
that it breaks on the nearest space rather than exactly at 80.
Triche
From matt.murphy at thermofisher.com Fri Dec 29 13:04:23 2006
From: matt.murphy at thermofisher.com (Matt Murphy)
Date: Fri, 29 Dec 2006 13:04:23 -0600
Subject: [Javascript] js for inserting a \n every 80 chars?
In-Reply-To: <45955821.90006@triche-osborne.com>
Message-ID: <33CB8A3B603760409040215E4232728C2DD707@exchange.tc-tech.com>
>http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide
> Is there a javascript version of str_replace()?
>
string.replace( regexp, replacement )
Thanks for the link, and the suggestion on replace, that did it. =]
From matt.murphy at thermofisher.com Fri Dec 29 13:11:02 2006
From: matt.murphy at thermofisher.com (Matt Murphy)
Date: Fri, 29 Dec 2006 13:11:02 -0600
Subject: [Javascript] IE, Firefox, and XMLHTTPRequest
Message-ID: <33CB8A3B603760409040215E4232728C2DD708@exchange.tc-tech.com>
So, I'm a bit of a javascript n00b. I've got a script that uses
XMLHTTPRequest, though that part I did not write. (contributed with
permission) The firefox version works fine with the sample data I'm
using, but the IE version fails if the input string is too long.
here is the XMLHTTPRequest part:
function ajaxme(url)
{
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new
ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Giving up :( Cannot create an XMLHTTP instance. Your
browser may be too old for this application.');
return false;
}
http_request.onreadystatechange = hitMe;
http_request.open('POST', url, true);
http_request.send(null);
}
and this is how I call it in my page:
ajaxme('notes.php?action=insnotedb&table='+tablename+'¬e='+note+'&con
n='+conn+'&datefield='+datefield+'&connid='+connid+'&data='+escape(data)
);
if data is long, IE barfs on this line:
http_request.open('POST', url, true);
but firefox is fine with long data.
For short stuff (5 paragraphs?) they're both fine.
Using a form to POST the same data (4x longer than is barfed on by IE)
works in both browsers.
Is there a limitation to the size of http request IE will accept with
XMLHTTP? Any idea what's going on?
Thanks,
Matt
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From hassan at webtuitive.com Fri Dec 29 13:40:01 2006
From: hassan at webtuitive.com (Hassan Schroeder)
Date: Fri, 29 Dec 2006 11:40:01 -0800
Subject: [Javascript] IE, Firefox, and XMLHTTPRequest
In-Reply-To: <33CB8A3B603760409040215E4232728C2DD708@exchange.tc-tech.com>
References: <33CB8A3B603760409040215E4232728C2DD708@exchange.tc-tech.com>
Message-ID: <45956F11.10104@webtuitive.com>
Matt Murphy wrote:
> http_request.open('POST', url, true);
> http_request.send(null);
Have you tried using send() as it's intended?? e.g.
url= "notes.php";
data = "action=yaddayadda&....";
http_request.open('POST', url, true);
http_request.send(data);
Just a suggestion :-)
--
Hassan Schroeder ----------------------------- hassan at webtuitive.com
Webtuitive Design === (+1) 408-938-0567 === http://webtuitive.com
opinion: webtuitive.blogspot.com
dream. code.
From matt.murphy at thermofisher.com Fri Dec 29 14:05:28 2006
From: matt.murphy at thermofisher.com (Matt Murphy)
Date: Fri, 29 Dec 2006 14:05:28 -0600
Subject: [Javascript] IE, Firefox, and XMLHTTPRequest
In-Reply-To: <33CB8A3B603760409040215E4232728C2DD708@exchange.tc-tech.com>
Message-ID: <33CB8A3B603760409040215E4232728C2DD70C@exchange.tc-tech.com>
as a followup, it seems the part causing me trouble is this:
http_request.open('POST', url, true);
http_request.send(null);
all the data is being passed with the url, so I'm running into GET
limitations.
instead of passing this data with the url, I should pass it in the
send() part. The big question I have, is what to put in send()? I can
just pass in my data, but then how do I retrieve it on the other end?
I'm using php, so if this is post data, using php I'd do $data =
$_POST['name']; But the question is, how do I specify what name is in my
http_request.send() function?
Thanks,
Matt
________________________________
From: javascript-bounces at LaTech.edu
[mailto:javascript-bounces at LaTech.edu] On Behalf Of Matt Murphy
Sent: Friday, December 29, 2006 1:11 PM
To: Javascript at LaTech.edu
Subject: [Javascript] IE, Firefox, and XMLHTTPRequest
So, I'm a bit of a javascript n00b. I've got a script that uses
XMLHTTPRequest, though that part I did not write. (contributed with
permission) The firefox version works fine with the sample data I'm
using, but the IE version fails if the input string is too long.
here is the XMLHTTPRequest part:
function ajaxme(url)
{
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new
ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Giving up :( Cannot create an XMLHTTP instance. Your
browser may be too old for this application.');
return false;
}
http_request.onreadystatechange = hitMe;
http_request.open('POST', url, true);
http_request.send(null);
}
and this is how I call it in my page:
ajaxme('notes.php?action=insnotedb&table='+tablename+'¬e='+note+'&con
n='+conn+'&datefield='+datefield+'&connid='+connid+'&data='+escape(data)
);
if data is long, IE barfs on this line:
http_request.open('POST', url, true);
but firefox is fine with long data.
For short stuff (5 paragraphs?) they're both fine.
Using a form to POST the same data (4x longer than is barfed on by IE)
works in both browsers.
Is there a limitation to the size of http request IE will accept with
XMLHTTP? Any idea what's going on?
Thanks,
Matt
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From matt.murphy at thermofisher.com Fri Dec 29 14:52:24 2006
From: matt.murphy at thermofisher.com (Matt Murphy)
Date: Fri, 29 Dec 2006 14:52:24 -0600
Subject: [Javascript] IE, Firefox, and XMLHTTPRequest
In-Reply-To: <45956F11.10104@webtuitive.com>
Message-ID: <33CB8A3B603760409040215E4232728C2DD714@exchange.tc-tech.com>
Yes, that's the conclusion I came to, but I'm trying to figure out what
should be in that variable data... Do I need the full http message, or a
key and value pair, or what?
Any help is appreciated, nothing I've tried so far has worked.
Matt
-----Original Message-----
From: javascript-bounces at LaTech.edu
[mailto:javascript-bounces at LaTech.edu] On Behalf Of Hassan Schroeder
Sent: Friday, December 29, 2006 1:40 PM
To: [JavaScript List]
Subject: Re: [Javascript] IE, Firefox, and XMLHTTPRequest
Matt Murphy wrote:
> http_request.open('POST', url, true);
> http_request.send(null);
Have you tried using send() as it's intended?? e.g.
url= "notes.php";
data = "action=yaddayadda&....";
http_request.open('POST', url, true);
http_request.send(data);
Just a suggestion :-)
--
Hassan Schroeder ----------------------------- hassan at webtuitive.com
Webtuitive Design === (+1) 408-938-0567 === http://webtuitive.com
opinion: webtuitive.blogspot.com
dream. code.
_______________________________________________
Javascript mailing list
Javascript at LaTech.edu
https://lists.LaTech.edu/mailman/listinfo/javascript
From hassan at webtuitive.com Fri Dec 29 15:20:32 2006
From: hassan at webtuitive.com (Hassan Schroeder)
Date: Fri, 29 Dec 2006 13:20:32 -0800
Subject: [Javascript] IE, Firefox, and XMLHTTPRequest
In-Reply-To: <33CB8A3B603760409040215E4232728C2DD714@exchange.tc-tech.com>
References: <33CB8A3B603760409040215E4232728C2DD714@exchange.tc-tech.com>
Message-ID: <459586A0.10904@webtuitive.com>
Matt Murphy wrote:
> Yes, that's the conclusion I came to, but I'm trying to figure out what
> should be in that variable data... Do I need the full http message, or a
> key and value pair, or what?
As previously indicated, I would try the "key1=value1&key2=value2"
approach myself. :-)
But if that doesn't work, let us know what the error message is (and
what's received/logged on the server side).
--
Hassan Schroeder ----------------------------- hassan at webtuitive.com
Webtuitive Design === (+1) 408-938-0567 === http://webtuitive.com
opinion: webtuitive.blogspot.com
dream. code.
From tedd at sperling.com Sat Dec 30 11:24:49 2006
From: tedd at sperling.com (tedd)
Date: Sat, 30 Dec 2006 12:24:49 -0500
Subject: [Javascript] Ajax question
Message-ID:
Hi gang:
I realize that ajax is used to circumvent full page refreshes, but
what if you want to refresh the page AND use ajax at the same time?
For example, my current js adventure is:
Rock
Paper
Scissors
Refresh
The above works -- and when I do a manual refresh I see that the
variable "rock", "paper", or "scissors" has been sent to an ajax
routine.
However, if I try to send AND refresh at the same time (i.e., below),
I cant. The following doesn't work:
Rock
nor
Rock
nor
Rock
nor
Rock
-- none work.
I'm getting the feeling that I can send only one request at a time.
Anyone care to shed some light on this for me OR better yet, show me
a way to communicate with an ajax routine and refresh a page with a
single click?
Thanks.
tedd
--
-------
http://sperling.com http://ancientstones.com http://earthstones.com
From stephanwehner at gmail.com Sat Dec 30 12:54:53 2006
From: stephanwehner at gmail.com (Stephan Wehner)
Date: Sat, 30 Dec 2006 10:54:53 -0800
Subject: [Javascript] Ajax question
In-Reply-To:
References:
Message-ID:
> The following doesn't work:
>
> Rock
>
It's not clear to me what you mean by "doesn't work". I think you
should put the location.href assignment in the asynchronous part of
the AJAX request -- onComplete: in prototype.js.
(I don't know what sndReq is). Are you seeing the sndReq - rock ; or
are you not seeing the location.rhref='...' ?
If I understand you correctly, I was going to look into this as well:
I thought this might be a nice way to get the back button to work,
while still seeing browser performance improvements.
What I was thinking was to change a link to a site internal page
(which is assumed to use the same CSS and javascript) so that the
browser first requests the page through XHR, then replaces a target
with a substring of the response (remove etc), and then
points the whole page with location.href to the same URL.
The response to the second request might be arranged not to send the
whole page again, since the browser already has it.
In total, my hope was that the user sees the resulting page much
faster, while the second request puts the right URL in the browser bar
-> a solution to the Back button/history/bookmarking problem that
comes with AJAX. If no javascript is available on the browser, the end
result is the same: the user lands on the same page.
What was your motivation?
Stephan
--
Stephan Wehner
> http://stephan.sugarmotor.org
> http://stephansmap.org
> http://www.trafficlife.com
> http://www.buckmaster.ca
From tedd at sperling.com Sat Dec 30 13:17:52 2006
From: tedd at sperling.com (tedd)
Date: Sat, 30 Dec 2006 14:17:52 -0500
Subject: [Javascript] Ajax question
In-Reply-To:
References:
Message-ID:
At 10:54 AM -0800 12/30/06, Stephan Wehner wrote:
>>The following doesn't work:
>>
>> Rock
>>
>
>It's not clear to me what you mean by "doesn't work".
Sorry for my vagueness. The "doesn't work" remark simply means that
the page doesn't refresh.
The 'rock' variable is sent to, and received, by the ajax routine.
>I think you should put the location.href assignment in the asynchronous
>part of the AJAX request -- onComplete: in prototype.js.
[1] How?
>(I don't know what sndReq is). Are you seeing the sndReq - rock ; or
>are you not seeing the location.rhref='...' ?
The "sndReq(action)" is the typical sndReq() function associated with ajax.
-snip- back button considerations
You lost me there.
>What was your motivation?
The purpose of my investigation is to pass a variable between pages
using php sessions and ajax.
I have no problems passing variables between pages using php
sessions. I also have no problems using ajax to pass a variable to a
php session. However, I can't get a ajax operation to pass a variable
and refresh/redirect the browser to another page in one click.
I think [1] is the solution -- but how? I showed you what I ready tried.
Rock
How do you do it?
Thanks.
tedd
--
-------
http://sperling.com http://ancientstones.com http://earthstones.com
From hassan at webtuitive.com Sat Dec 30 13:37:08 2006
From: hassan at webtuitive.com (Hassan Schroeder)
Date: Sat, 30 Dec 2006 11:37:08 -0800
Subject: [Javascript] Ajax question
In-Reply-To:
References:
Message-ID: <4596BFE4.9010702@webtuitive.com>
tedd wrote:
> I have no problems passing variables between pages using php sessions. I
> also have no problems using ajax to pass a variable to a php session.
> However, I can't get a ajax operation to pass a variable and
> refresh/redirect the browser to another page in one click.
If you're loading another page via GET, why don't you just put the
variable in the query string and be done with it? Why even try to
make two near-simultaneous requests when you can make one?
--
Hassan Schroeder ----------------------------- hassan at webtuitive.com
Webtuitive Design === (+1) 408-938-0567 === http://webtuitive.com
opinion: webtuitive.blogspot.com
dream. code.
From paul at juniperwebcraft.com Sat Dec 30 13:39:59 2006
From: paul at juniperwebcraft.com (Paul Novitski)
Date: Sat, 30 Dec 2006 11:39:59 -0800
Subject: [Javascript] Ajax question
In-Reply-To:
References:
Message-ID: <7.0.1.0.2.20061230113442.05c946c0@juniperwebcraft.com>
At 12/30/2006 09:24 AM, tedd wrote:
>I realize that ajax is used to circumvent full page refreshes, but
>what if you want to refresh the page AND use ajax at the same time?
Tedd,
I suspect that your problem is indicated by your use of the
expression "at the same time." Which do you want to occur first, the
page refresh or the ajax request? Obviously the page refresh must
come first, otherwise the ajax-delivered content will be obliterated
by the page refresh.
I suggest you explore this path: reload the page with a querystring
that indicates the desired ajax request, then after page load have
javascript collect the desired content. Something along the lines of
http://example.com/testpage.html?ajax=rock
Regards,
Paul
From stephanwehner at gmail.com Sat Dec 30 13:41:21 2006
From: stephanwehner at gmail.com (Stephan Wehner)
Date: Sat, 30 Dec 2006 11:41:21 -0800
Subject: [Javascript] Ajax question
In-Reply-To:
References:
Message-ID:
On 12/30/06, tedd wrote:
> At 10:54 AM -0800 12/30/06, Stephan Wehner wrote:
> >>The following doesn't work:
> >>
> >> Rock
> >>
> >
> >It's not clear to me what you mean by "doesn't work".
>
> Sorry for my vagueness. The "doesn't work" remark simply means that
> the page doesn't refresh.
>
> The 'rock' variable is sent to, and received, by the ajax routine.
> >I think you should put the location.href assignment in the asynchronous
> >part of the AJAX request -- onComplete: in prototype.js.
>
See
http://www.sergiopereira.com/articles/prototype.js.html#UsingAjaxRequest
> [1] How?
>
>
> >(I don't know what sndReq is). Are you seeing the sndReq - rock ; or
> >are you not seeing the location.rhref='...' ?
>
> The "sndReq(action)" is the typical sndReq() function associated with ajax.
>
> -snip- back button considerations
>
> You lost me there.
I'll keep on your topic now. I thought you were trying to do something
related, but it doesn't look like that anymore.
>
> >What was your motivation?
>
> The purpose of my investigation is to pass a variable between pages
> using php sessions and ajax.
> I have no problems passing variables between pages using php
> sessions. I also have no problems using ajax to pass a variable to a
> php session. However, I can't get a ajax operation to pass a variable
> and refresh/redirect the browser to another page in one click.
I don't quite understand; but what is the difference to using URL's like
The params and values can be computed with javascript ( < a href="#"
onClick="location.href= computeURLwithParams();">link ) where
computeURLwithParams() is a javascript function that returns a string
like
http://yourserver.net/thepage?param1=value1¶m2=value2.
based on whatever you are trying to do.
I'm getting the impression you are trying to pass values to the server
in one request so that the response to the next request can take those
values into consideration. Can you not pass the values all in one go?
Stephan
--
Stephan Wehner
> http://stephan.sugarmotor.org
> http://stephansmap.org
> http://www.trafficlife.com
> http://www.buckmaster.ca
From tedd at sperling.com Sat Dec 30 14:27:56 2006
From: tedd at sperling.com (tedd)
Date: Sat, 30 Dec 2006 15:27:56 -0500
Subject: [Javascript] Ajax question
In-Reply-To: <7.0.1.0.2.20061230113442.05c946c0@juniperwebcraft.com>
References:
<7.0.1.0.2.20061230113442.05c946c0@juniperwebcraft.com>
Message-ID:
At 11:39 AM -0800 12/30/06, Paul Novitski wrote:
>At 12/30/2006 09:24 AM, tedd wrote:
>>I realize that ajax is used to circumvent full page refreshes, but
>>what if you want to refresh the page AND use ajax at the same time?
>
>
>Tedd,
>
>I suspect that your problem is indicated by your use of the
>expression "at the same time." Which do you want to occur first,
>the page refresh or the ajax request? Obviously the page refresh
>must come first, otherwise the ajax-delivered content will be
>obliterated by the page refresh.
>
>I suggest you explore this path: reload the page with a querystring
>that indicates the desired ajax request, then after page load have
>javascript collect the desired content. Something along the lines
>of http://example.com/testpage.html?ajax=rock
>
>Regards,
>Paul
Paul:
I see and have considered the timing difference. I should have said
"I want to use ajax to send a variable and then refresh the current
page, or a redirect to any other page."
I don't want to use the form
http://example.com/testpage.html?ajax=rock I have no problem
receiving the variable I want so there's no need for me to include
that variable in the url.
I want to use ajax in the manner of:
Rock
You see, I can send "rock" that way via ajax with no problems.
What I can't do is via a single click refresh this page, or direct
the browser to another page, via a href or whatever.
I know this is hard to understand, but just simply consider this --
if the user clicks (The CLICK) this anchor --
Rock
-- everything works. Now, how do I redirect the browser to another
page from the same user click (The CLICK)?
Thanks.
tedd
--
-------
http://sperling.com http://ancientstones.com http://earthstones.com
From paul at juniperwebcraft.com Sat Dec 30 14:47:07 2006
From: paul at juniperwebcraft.com (Paul Novitski)
Date: Sat, 30 Dec 2006 12:47:07 -0800
Subject: [Javascript] Ajax question
In-Reply-To:
References:
<7.0.1.0.2.20061230113442.05c946c0@juniperwebcraft.com>
Message-ID: <7.0.1.0.2.20061230123631.05c9d948@juniperwebcraft.com>
At 12/30/2006 12:27 PM, tedd wrote:
>I see and have considered the timing difference. I should have said
>"I want to use ajax to send a variable and then refresh the current
>page, or a redirect to any other page."
May I ask why you want to load new content with ajax AND redirect to
another page? Surely the redirect will make the ajax request
pointless. Or is the purpose of the ajax request simply to set a
session variable as in your example?
> Rock
Is javascript returning properly after the sndReq() call? Can you
put alert('hello'); after sndReq() and have it activate? If not, I'd
imagine that's your problem. One thing to look for is an invalid
javscript statement in sndReq() that's halting the interpreter before
it can return.
You'd probably get better quality feedback if you'd post your code so
we can help you check it for errors.
Regards,
Paul
From tedd at sperling.com Sat Dec 30 15:43:39 2006
From: tedd at sperling.com (tedd)
Date: Sat, 30 Dec 2006 16:43:39 -0500
Subject: [Javascript] Ajax question
In-Reply-To: <7.0.1.0.2.20061230123631.05c9d948@juniperwebcraft.com>
References:
<7.0.1.0.2.20061230113442.05c946c0@juniperwebcraft.com>
<7.0.1.0.2.20061230123631.05c9d948@juniperwebcraft.com>
Message-ID:
Paul:
At 12:47 PM -0800 12/30/06, Paul Novitski wrote:
>At 12/30/2006 12:27 PM, tedd wrote:
>>I see and have considered the timing difference. I should have said
>>"I want to use ajax to send a variable and then refresh the current
>>page, or a redirect to any other page."
>
>May I ask why you want to load new content with ajax AND redirect to
>another page? Surely the redirect will make the ajax request
>pointless. Or is the purpose of the ajax request simply to set a
>session variable as in your example?
Yes, it is there only to set a session variable.
>Is javascript returning properly after the sndReq() call? Can you
>put alert('hello'); after sndReq() and have it activate?
While it may not be doing what I want, it is still running. There's
no errors that I can find and FireFox doesn't object.
>You'd probably get better quality feedback if you'd post your code
>so we can help you check it for errors.
Good idea. Try this:
http://www.sperling.com/ajax1/index.php
All the relevant code is shown.
I just want a refresh when the user clicks either of the top three links.
tedd
--
-------
http://sperling.com http://ancientstones.com http://earthstones.com
From paul at juniperwebcraft.com Sat Dec 30 16:34:33 2006
From: paul at juniperwebcraft.com (Paul Novitski)
Date: Sat, 30 Dec 2006 14:34:33 -0800
Subject: [Javascript] Ajax question
In-Reply-To:
References:
Message-ID: <7.0.1.0.2.20061230143222.05c35e88@juniperwebcraft.com>
At 12/30/2006 09:24 AM, tedd wrote:
>I realize that ajax is used to circumvent full page refreshes, but
>what if you want to refresh the page AND use ajax at the same time?
...
>However, if I try to send AND refresh at the same time (i.e.,
>below), I cant. The following doesn't work:
>
> Rock
>
>nor
>
> Rock
>
>nor
>
> Rock
>
>nor
>
> Rock
>
>-- none work.
Oh, I think the problem is that the href is blank, which some (all?)
browsers won't act upon. Try:
location.href='?';
This will load the current page (whatever its url) with an empty querystring.
Paul
From mdougherty at pbp.com Sat Dec 30 17:04:59 2006
From: mdougherty at pbp.com (Mike Dougherty)
Date: Sat, 30 Dec 2006 18:04:59 -0500
Subject: [Javascript] Ajax question
In-Reply-To:
References:
<7.0.1.0.2.20061230113442.05c946c0@juniperwebcraft.com>
Message-ID:
On Sat, 30 Dec 2006 15:27:56 -0500
tedd wrote:
> I see and have considered the timing difference. I should have said "I want to use ajax to send
>a variable and then refresh the current page, or a redirect to any other page."
>
> I don't want to use the form http://example.com/testpage.html?ajax=rock I have no problem
>receiving the variable I want so there's no need for me to include that variable in the url.
>
> I want to use ajax in the manner of:
>
> Rock
>
> You see, I can send "rock" that way via ajax with no problems.
>
> What I can't do is via a single click refresh this page, or direct the browser to another page,
>via a href or whatever.
>
> I know this is hard to understand, but just simply consider this -- if the user clicks (The
>CLICK) this anchor --
>
> Rock
>
> -- everything works. Now, how do I redirect the browser to another page from the same user click
>(The CLICK)?
I don't understand why you think you need ajax. If the page does a post submission back to the
old-school server-side form handler, you can set whatever session variables you want then refresh
the page.
Now if the idea is that you have a really archaic FrontPage-style website that you want to put
some kind of click tracking in, then you have a different problem. In the case of a bunch of
static .html files (no chance to do server-side form handling) then using ajax in an included
header (updating an existing site-wide include file) you can report behavior to your webservice
without needing to change the structure of the site.
So now I wonder what you do with Rock if there is no
javascript available? What about doing this:
Rock
If sndReq() returns false, the href will not be followed by the click - perhaps it could do
window.location=pagerefresh_whatever.html - or it could simply return true and allow the normal
function of the tag to work. Arguably better would be:
Rock
...then use some form of unobtrusive javascript to register the click event on the "Rock" object
to the sndReq() function given an argument of "Rock"
since you have a completely unusuable link given the href="javascript:whatever()" notation, it
seems that this use-case is not what I described above, so if you have control of the page(s) why
not eliminate ajax completely? Given that you want a page refresh after each change of state, you
might as well use well proven technologies the way they were meant to be used.
From tedd at sperling.com Sat Dec 30 17:13:57 2006
From: tedd at sperling.com (tedd)
Date: Sat, 30 Dec 2006 18:13:57 -0500
Subject: [Javascript] Ajax question
In-Reply-To: <7.0.1.0.2.20061230143222.05c35e88@juniperwebcraft.com>
References:
<7.0.1.0.2.20061230143222.05c35e88@juniperwebcraft.com>
Message-ID:
At 2:34 PM -0800 12/30/06, Paul Novitski wrote:
>At 12/30/2006 09:24 AM, tedd wrote:
>>-snip-
>>
>> Rock
>>
>>-- none work.
>
>
>Oh, I think the problem is that the href is blank, which some (all?)
>browsers won't act upon. Try:
>
> location.href='?';
>
>This will load the current page (whatever its url) with an empty querystring.
>
>Paul
Paul:
Same thing. The following ALL load the next page:
Rock
Rock
Rock
But, none also send the variable "rock" to ajax.
It works like this -- I can either send the variable "rock" OR launch
the next page, but not both!
It don't make much sense to me, but that's the way it looks.
tedd
--
-------
http://sperling.com http://ancientstones.com http://earthstones.com
From paul at juniperwebcraft.com Sat Dec 30 17:34:19 2006
From: paul at juniperwebcraft.com (Paul Novitski)
Date: Sat, 30 Dec 2006 15:34:19 -0800
Subject: [Javascript] Ajax question
In-Reply-To:
References:
<7.0.1.0.2.20061230143222.05c35e88@juniperwebcraft.com>
Message-ID: <7.0.1.0.2.20061230152104.05c36ee8@juniperwebcraft.com>
At 12/30/2006 03:13 PM, tedd wrote:
>Same thing. The following ALL load the next page:
>
>Rock
>Rock
>Rock
>
>But, none also send the variable "rock" to ajax.
>
>It works like this -- I can either send the variable "rock" OR
>launch the next page, but not both!
I wonder if what's happening is that the page redirect cancels out
all pending requests. This would make sense -- when you click on a
link on a page that's still downloading, you want it to redirect
immediately and not wait for the first page to resolve. I would
think that from the server's point of view, once the client asks to
redirect, all previously pending requests from that client should be
cancelled so it doesn't waste resources trying to deliver content to
a client that's no longer interested.
If this model applies to your situation then you might be able to
work around it by imposing a delay between the two requests. But how
long a delay? Would it depend on connection speed and bandwidth traffic?
I agree with Mike -- don't make pages that break in the absence of javascript.
If you're avoiding GET because you don't want values visible in the
querystring, have you considered using POST? That way you can go to
your next page and submit hidden values to a server-side script (for
setting the session variables) in one operation.
Regards,
Paul
From tedd at sperling.com Sun Dec 31 14:10:39 2006
From: tedd at sperling.com (tedd)
Date: Sun, 31 Dec 2006 15:10:39 -0500
Subject: [Javascript] Ajax question
In-Reply-To: <7.0.1.0.2.20061230152104.05c36ee8@juniperwebcraft.com>
References:
<7.0.1.0.2.20061230143222.05c35e88@juniperwebcraft.com>
<7.0.1.0.2.20061230152104.05c36ee8@juniperwebcraft.com>
Message-ID:
At 3:34 PM -0800 12/30/06, Paul Novitski wrote:
>At 12/30/2006 03:13 PM, tedd wrote:
>>It works like this -- I can either send the variable "rock" OR
>>launch the next page, but not both!
>
>I wonder if what's happening is that the page redirect cancels out
>all pending requests. This would make sense -- when you click on a
>link on a page that's still downloading, you want it to redirect
>immediately and not wait for the first page to resolve. I would
>think that from the server's point of view, once the client asks to
>redirect, all previously pending requests from that client should be
>cancelled so it doesn't waste resources trying to deliver content to
>a client that's no longer interested.
>
>If this model applies to your situation then you might be able to
>work around it by imposing a delay between the two requests. But
>how long a delay? Would it depend on connection speed and bandwidth
>traffic?
Yes, that's the idea -- but a delay won't work here.
>I agree with Mike -- don't make pages that break in the absence of javascript.
I agree with Mike too -- it doesn't.
>If you're avoiding GET because you don't want values visible in the
>querystring, have you considered using POST? That way you can go to
>your next page and submit hidden values to a server-side script (for
>setting the session variables) in one operation.
Yes, I've considered using POST.
I had a back channel post that provide me with the insight I needed.
I'll post what I came up with and why, shortly.
Thanks.
tedd
--
-------
http://sperling.com http://ancientstones.com http://earthstones.com
From tedd at sperling.com Sun Dec 31 14:10:44 2006
From: tedd at sperling.com (tedd)
Date: Sun, 31 Dec 2006 15:10:44 -0500
Subject: [Javascript] Ajax question
In-Reply-To:
References:
<7.0.1.0.2.20061230113442.05c946c0@juniperwebcraft.com>
Message-ID:
At 6:04 PM -0500 12/30/06, Mike Dougherty wrote:
>On Sat, 30 Dec 2006 15:27:56 -0500
> tedd wrote:
>>I know this is hard to understand, but just simply consider this --
>>if the user clicks (The CLICK) this anchor --
>>
>>Rock
>>
>>-- everything works. Now, how do I redirect the browser to another
>>page from the same user click (The CLICK)?
>
>I don't understand why you think you need ajax. If the page does a
>post submission back to the old-school server-side form handler, you
>can set whatever session variables you want then refresh the page.
I need server-side to know what client-side is doing in real time
when the user clicks next page.
>Now if the idea is that you have a really archaic FrontPage-style website ...
No.
>So now I wonder what you do with href="javascript:sndReq('rock');">Rock if there is no javascript
>available? What about doing this:
>
>Rock
There's no accessibility problem without js in my current
investigation. What I'm doing is rather trivial and not necessary for
the basic operation. It's progressive enhancement, not really needed.
>
>If sndReq() returns false, the href will not be followed by the
>click - perhaps it could do
>window.location=pagerefresh_whatever.html - or it could simply
>return true and allow the normal function of the tag to work.
>Arguably better would be:
>
>Rock
>
>...then use some form of unobtrusive javascript to register the
>click event on the "Rock" object to the sndReq() function given an
>argument of "Rock"
>
>since you have a completely unusuable link given the
>href="javascript:whatever()" notation, it seems that this use-case
>is not what I described above, so if you have control of the page(s)
>why not eliminate ajax completely? Given that you want a page
>refresh after each change of state, you might as well use well
>proven technologies the way they were meant to be used.
What fun is there in that?
When current technology doesn't fill the bill or is illusive, then
you must look deeper.
Cheers,
--
-------
http://sperling.com http://ancientstones.com http://earthstones.com