FAQ Questions

[Randy Webb]

Just for my own curiosity, what ever happend to the Java Applet that was
referenced in the FAQ along with the HTTPRequestObje ct?
http://jibbering.com/faq/#FAQ4_34

And in http://jibbering.com/faq/#FAQ4_43, any chance of adding a snippet
about this bookmarklet:

javascript:'<co de><ol><li>'+(d ocument.documen tElement||docum ent.body).outer HTML.replace(/&/g,"&amp;").repl ace(/</g,"&lt;").repla ce(/%20%20/g,"&nbsp;%20"). replace(/\n/g,"<li>")+'<\/ol><\/code>';

I don't recall who wrote it, but it gives you the source of the
document, with line numbers, to make debugging in IE a lot simpler.

<FAQENTRY>
--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq

[Martin Honnen]

Randy Webb wrote:

Just for my own curiosity, what ever happend to the Java Applet that was
referenced in the FAQ along with the HTTPRequestObje ct?
http://jibbering.com/faq/#FAQ4_34

I think the applet is here:
http://www.galasoft-lb.ch/shop_en.html
though I am not sure about that. And I don't edit the FAQ so I don't
know why the link is no longer there, maybe the restrictions to the free
version of the applet are a reason for that.
--

Martin Honnen
http://JavaScript.FAQTs.com/

[Robert]

> And in http://jibbering.com/faq/#FAQ4_43, any chance of adding a snippet

about this bookmarklet:

javascript:'<co de><ol><li>'+(

document.docume ntElement||docu ment.body).oute rHTML.replace(
/&/g,"&amp;").repl ace(/</g,"&lt;").repla ce(/%20%20/g,"&nbsp;%20"). replace(
/\n/g,"<li>")+'<\/ol><\/code>';

I think more testing would be needed on the MacOS version of IE. I
got only one line to display when I visited the Yahoo site. The yahoo
site has a javascript error today.

I picked this line up in this forum. I did not record the author. I
belive it would work with more browsers. It is a good way to display
the resulting html source if you are using document.write:

javascript:(doc ument.documentE lement||documen t.body).innerHT ML.replace(
/&/g,%22&amp;%22). replace(
/</g,%22&lt;%22).r eplace(/\n/g,%22<br>%22)

You may need to delete the line ends when making it into a bookmark.

These lines would be a good addition to the FAQ.

Robert

[Richard Cornford]

Randy Webb wrote:

Just for my own curiosity, what ever happend to the Java
Applet that was referenced in the FAQ along with the
HTTPRequestObje ct?
http://jibbering.com/faq/#FAQ4_34
Did you mean:-

<URL: http://jibbering.com/faq/#FAQ4_38 >

- which has the link to the Galasoft applet?
And in http://jibbering.com/faq/#FAQ4_43, any chance of
adding a snippet about this bookmarklet:

javascript:'<co de><ol><li>'+
(document.docum entElement||doc ument.body).
outerHTML.repla ce(/&/g,"&amp;").
replace(/</g,"&lt;").repla ce(/%20%20/g,"&nbsp;20") .
replace(/\n/g,"<li>")+'<\/ol><\/code>';

I don't recall who wrote it, but it gives you the
source of the document, with line numbers, to make
debugging in IE a lot simpler.

As an addition to FAQ4_43 it would make most sense as part of a page on
client-side debugging strategies. However, I have often thought that it
might be a good idea to put a page of javascript URL together. A
collection that could include URLs useful for debugging, but also
examples of how they may be used to subvert things like javascript
validation (as a lesson in why client-side validation should not be used
on its own).

Richard.

[Randy Webb]

Robert wrote:

And in http://jibbering.com/faq/#FAQ4_43, any chance of adding a snippet
about this bookmarklet:

javascript:'< code><ol><li>'+ (

document.docume ntElement||docu ment.body).oute rHTML.replace(
/&/g,"&amp;").repl ace(/</g,"&lt;").repla ce(/%20%20/g,"&nbsp;%20"). replace(
/\n/g,"<li>")+'<\/ol><\/code>';

I think more testing would be needed on the MacOS version of IE. I
got only one line to display when I visited the Yahoo site. The yahoo
site has a javascript error today.

I picked this line up in this forum. I did not record the author. I
belive it would work with more browsers. It is a good way to display
the resulting html source if you are using document.write:

javascript:(doc ument.documentE lement||documen t.body).innerHT ML.replace(
/&/g,%22&amp;%22). replace(
/</g,%22&lt;%22).r eplace(/\n/g,%22<br>%22)

The only two differences in the two is that the first one numbers the
lines, which makes it a lot easier to see where a particular line number
is. The other difference is outerHTML versus innerHTML. Does outerHTML
work in IE on the MAC?

I believe mine and yours both came from the same thread though.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq

[Randy Webb]

Richard Cornford wrote:

Randy Webb wrote:

Just for my own curiosity, what ever happend to the Java
Applet that was referenced in the FAQ along with the
HTTPRequestOb ject?
http://jibbering.com/faq/#FAQ4_34

Did you mean:-

<URL: http://jibbering.com/faq/#FAQ4_38 >

- which has the link to the Galasoft applet?

Nah, I looked at the wrong one. Maybe thats why I didn't see it :)

And in http://jibbering.com/faq/#FAQ4_43, any chance of
adding a snippet about this bookmarklet:

javascript:'< code><ol><li>'+
(document.doc umentElement||d ocument.body).
outerHTML.rep lace(/&/g,"&amp;").
replace(/</g,"&lt;").repla ce(/%20%20/g,"&nbsp;20") .
replace(/\n/g,"<li>")+'<\/ol><\/code>';

I don't recall who wrote it, but it gives you the
source of the document, with line numbers, to make
debugging in IE a lot simpler.

As an addition to FAQ4_43 it would make most sense as part of a page on
client-side debugging strategies. However, I have often thought that it
might be a good idea to put a page of javascript URL together. A
collection that could include URLs useful for debugging, but also
examples of how they may be used to subvert things like javascript
validation (as a lesson in why client-side validation should not be used
on its own).

Yes, 4_43 would be a good place for it (or a link to it).

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq

[Robert]

Randy Webb <Hi************ @aol.com> wrote in message

The only two differences in the two is that the first one numbers the
lines, which makes it a lot easier to see where a particular line number
is. The other difference is outerHTML versus innerHTML. Does outerHTML
work in IE on the MAC?

I had to change the \n to \r to get this one line of Javascript to
work on MacOS 10.2.6 for IE 5.2.

javascript:'<co de><ol><li>'+(
document.docume ntElement||docu ment.body).oute rHTML.replace(
/&/g,"&amp;").repl ace(/</g,"&lt;").repla ce(
/%20%20/g,"&nbsp;%20"). replace(
/\r/g,"<li>")+'<\/ol><\/code>';
To mark the end of a line in a text file (...), the MacOS uses a
carriage return (CR, ASCII 13), UNIX uses a line feed (LF, ASCII 10)
while Windows uses a carriage return and a line feed (CRLF).
< http://mathstat.carleton.ca/~help/ma...xplatform.html >

Perhaps, we could include both the Mac and PC line end characters in
the same one liner.

I tried the following one liner and it seems to work on IE 5.0 on
Windows 98 and IE 5.2 on MacOS 10.2.6.

Curiously enough, I had to add more HTML tags to get this line to work
in IE 5.0 on Windows 98. I had to add the standard header stuff.

javascript:'<ht ml><head><title >Source.file.li sting<\/title><\/head><body><cod e><ol><li>'+(
document.docume ntElement||docu ment.body).oute rHTML.replace(
/&/g,"&amp;").repl ace(
/</g,"&lt;").repla ce(
/%20%20/g,"&nbsp;%20"). replace(
/\r\n/g,"<li>").repla ce(
/\r/g,"<li>")+'<\/ol><\/code><\/body><\/html>';

Note: You will probably need to get this all on one line before
pasting into your browser. The one line version is:

javascript:'<ht ml><head><title >Source file
listing<\/title><\/head><body><cod e><ol><li>'+(do cument.document Element||docume nt.body).outerH TML.replace(/&/g,"&amp;").repl ace(/</g,"&lt;").repla ce(/%20%20/g,"&nbsp;%20"). replace(/\r\n/g,"<li>").repla ce(/\r/g,"<li>")+'<\/ol><\/code><\/body><\/html>';
I guess I will work on an innerHTML version that with all three line
endings.

Robert

[Matt Kruse]

Randy Webb wrote:

javascript:'<co de><ol><li>'+(d ocument.documen tElement||docum ent.body).outer H
TML.replace(/&/g,"&amp;").repl ace(/</g,"&lt;").repla ce(/%20%20/g,"&nbsp;%20"
).replace(/\n/g,"<li>")+'<\/ol><\/code>';

Since IE reports line numbers incorrectly when js files are included in the
source, it might be cool to go request those js files and include them
in-line, also. Then the line numbers that IE reports might be more accurate,
no?

--
Matt Kruse
http://www.JavascriptToolbox.com

[Randy Webb]

Matt Kruse wrote:

Randy Webb wrote:

javascript:'<co de><ol><li>'+(d ocument.documen tElement||docum ent.body).outer H
TML.replace(/&/g,"&amp;").repl ace(/</g,"&lt;").repla ce(/%20%20/g,"&nbsp;%20"
).replace(/\n/g,"<li>")+'<\/ol><\/code>';

Since IE reports line numbers incorrectly when js files are included in the
source, it might be cool to go request those js files and include them
in-line, also. Then the line numbers that IE reports might be more accurate,
no?

This is a start on it, needs some more tweaking.

j='';k=document .scripts;for(i= 0;i<k.length;i+ +){if(k[i].src){xmlhttp=
new ActiveXObject(" Microsoft.XMLHT TP");xmlhttp.op en("GET",k[i].src,true);
xmlhttp.onready statechange=fun ction(){if(xmlh ttp.readyState= =4)
{j=j+xmlhttp.re sponseText;}};x mlhttp.send(nul l)}}
re=/ /g;
s=document.crea teElement("scri pt");s.src=j.re place(re,'\n'); document.body.a ppendChild(s);

My IE uses the Microsoft.XMLHT TP; others may need to edit it to be
Msxml2.XMLHTTP in the ActiveXObject.

As written, its not replacing the expression. Another one of those bugs
to get out of it. If I alert it (j.replace(...) ), then the \n is there.
But when it appends it, it converts it back <shrug>.

Even then, the line numbers are still worthless. Since it is written, at
the moment, to append it to the body.

I will add it to my list of "crap to do at midnight", to change it so
that it inserts the actual text of the external file into the page
itself. That might take a little work :)

If debugging an external file, I always put it in the document, debug
it, then move it back to an external file.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq

[Thomas 'PointedEars' Lahn]

Robert wrote:

Randy Webb <Hi************ @aol.com> wrote in message

The only two differences in the two is that the first one numbers the
lines, which makes it a lot easier to see where a particular line number
is. The other difference is outerHTML versus innerHTML. Does outerHTML
work in IE on the MAC?
I had to change the \n to \r to get this one line of Javascript to
work on MacOS 10.2.6 for IE 5.2.

javascript:'<co de><ol><li>'+(
document.docume ntElement||docu ment.body).oute rHTML.replace(
/&/g,"&amp;").repl ace(/</g,"&lt;").repla ce(
/%20%20/g,"&nbsp;%20"). replace(
/\r/g,"<li>")+'<\/ol><\/code>';

Don't use javascript: URIs where you can avoid it. Particularly your
example creates invalid HTML.
To mark the end of a line in a text file (...), the MacOS uses a
carriage return (CR, ASCII 13), UNIX uses a line feed (LF, ASCII 10)
while Windows uses a carriage return and a line feed (CRLF).
< http://mathstat.carleton.ca/~help/ma...xplatform.html >

Perhaps, we could include both the Mac and PC line end characters in
the same one liner.

There is no need for different versions for Mac and PC. Perl Compatible
Regular Expressions, as supported by ECMAScript implementations , support
alternations:

var b = document && (document.docum entElement || document.body);
if (typeof b.outerHTML == "string")
{
alert(
b.outerHTML
.replace(/&/g,"&amp;")
.replace(/</g,"&lt;")
.replace(/ /g,"&nbsp; ")
.replace(/(\r\n?|\n)/g, "<li>"));
}
PointedEars
--
The only thing worse than infinite recursion is infinite recursion.