document.write issue

[Sean]

Hi,

I have the following script:

-----------------------------------------------------------------------------------
<script type="text/javaScript">
<!--
document.write( '<div id=hello1>Hello 1</div>');
document.write( '<div id=hello2 style="display: none;"><script
src="test.js">< \/script></div>');
//-->
</script>

where test.js contains one line: document.write( "Hello2");
-----------------------------------------------------------------------------------

The intent is to only show the first div and hide the sencond div until late
to display if needed.
The result, however, shown both div contents.

If I change the script to:
-----------------------------------------------------------------------------------
<script type="text/javaScript">
<!--
document.write( '<div id=hello1>Hello 1</div>');
document.write( '<div id=hello2
style="display: none>document.w rite("Hello2"); (</div>');
//-->
</script>
-----------------------------------------------------------------------------------
It works fine.

If I further change it to:
-----------------------------------------------------------------------------------
<script type="text/javaScript">
<!--
document.write( '<div id=hello1>Hello 1</div>');
//-->
</script>

<script type="text/javaScript">doc ument.write('<d iv id=hello2
style="display: none>');</script>
<script type="text/javaScript">doc ument.write('<s cript
src="test.js">< \/script>');</script>
<script type="text/javaScript">doc ument.write('</div>');</script>
-----------------------------------------------------------------------------------
it also works fine.

Any help is highly appreciated.

Sean

[kaeli]

In article <msAee.1237937$ 6l.256275@pd7tw 2no>, sn********@hotm ail.com
enlightened us with...

Hi,

I have the following script:

Out of curiousity, why are you using the rather outdated document.write to
add new DOM elements?
Do you need to support old browsers?

You can add script elements and DIVs with DOM methods.

That said, I seem to recall a problem with document.write and writing the tag
"</script>"
I think you need to split it, like
document.write( "</scr"+"ipt>");
Something about the parser interpreting it as a real </script>...?

--
--
~kaeli~
When two egotists meet, it's an I for an I.
http://www.ipwebdesign.net/wildAtHeart
http://www.ipwebdesign.net/kaelisSpace

[Craig Jurney]

kaeli wrote:

In article <msAee.1237937$ 6l.256275@pd7tw 2no>, sn********@hotm ail.com
enlightened us with...

Hi,

I have the following script:

Out of curiousity, why are you using the rather outdated document.write to
add new DOM elements?
Do you need to support old browsers?

You can add script elements and DIVs with DOM methods.

That said, I seem to recall a problem with document.write and writing the tag
"</script>"
I think you need to split it, like
document.write( "</scr"+"ipt>");
Something about the parser interpreting it as a real </script>...?

Exactly so. Cf. David Flanagan's "JavaScript , the Definitive Guide"
12.2.1.2 [p.214, 3rd Ed.], [p.188, 4th Ed.]

"...[T]he HTML parser makes make no attempt to understand your
JavaScript code, and if it sees the string "</script>" in your code,
even if it appears within quotes, it assumes that it has found the
closing tag of the currently running script."

/Craig Jurney

[RobB]

Craig Jurney wrote:

kaeli wrote:

(snip)

That said, I seem to recall a problem with document.write and writing the tag "</script>"
I think you need to split it, like
document.write( "</scr"+"ipt>");
Something about the parser interpreting it as a real </script>...?

Exactly so.

(snip)

Exactly not. This:

document.write( '<div...><scrip t src="test.js">< \/script></div>*');

....will prevent the closing tag from being parsed just as effectively
(and more compactly).

No idea what the issue is here but it seems like a pretty obscure one.

[Sean]

Thanks for the reply.

I have an escape for the script tag: <\/script> to avoid the problem you
mentioned but still have the wrong result.

Could you show an example of DOM method you mentioned?

Sean

"kaeli" <ti******@NOSPA M.comcast.net> wrote in message
news:MP******** *************** *@nntp.lucent.c om...

In article <msAee.1237937$ 6l.256275@pd7tw 2no>, sn********@hotm ail.com
enlightened us with...

Hi,

I have the following script:

Out of curiousity, why are you using the rather outdated document.write to
add new DOM elements?
Do you need to support old browsers?

You can add script elements and DIVs with DOM methods.

That said, I seem to recall a problem with document.write and writing the
tag
"</script>"
I think you need to split it, like
document.write( "</scr"+"ipt>");
Something about the parser interpreting it as a real </script>...?

--
--
~kaeli~
When two egotists meet, it's an I for an I.
http://www.ipwebdesign.net/wildAtHeart
http://www.ipwebdesign.net/kaelisSpace

[kaeli]

In article <l2Pee.1250285$ 8l.914640@pd7tw 1no>, sn********@hotm ail.com
enlightened us with...

Thanks for the reply.

I have an escape for the script tag: <\/script> to avoid the problem you
mentioned but still have the wrong result.

Could you show an example of DOM method you mentioned?

Sure.
I already have one here. Removes / adds a script element as needed for some
validation routines.
http://www.ipwebdesign.net/kaelisSpa...alidation.html

DIV is pretty similar, depending on what you want to do with it.

--
--
~kaeli~
Going to church doesn't make you a Christian any more than
standing in a garage makes you a car.
http://www.ipwebdesign.net/wildAtHeart
http://www.ipwebdesign.net/kaelisSpace

[Randy Webb]

RobB wrote:

Craig Jurney wrote:

kaeli wrote:

(snip)

That said, I seem to recall a problem with document.write and
writing the tag
"</script>"
I think you need to split it, like
document.wri te("</scr"+"ipt>");
Something about the parser interpreting it as a real </script>...?

Exactly so.

(snip)

Exactly not.

No, Exactly.
This:
document.write( '<div...><scrip t src="test.js">< \/script></div>*');

That is not the code that was posted. It is the solution to the problem
though.

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

[cwdjrxyz]

Anytime you use a document.write, it is a good idea to escape-backslash
all closing tags contained within the document.write. Such tags may
include <\/a>, <\/p>, <\/div> etc. Usually not backslashing causes no
trouble other than making the W3C validator grumble when it sees it.
However, in a few cases, such as the <\/script> being discussed in this
thread, you can have real problems that can be very difficult to find.
I have wasted enough time in the past running down hard-to-find errors
that were caused by the lack of backslash to make me always backslash
closing tags in document.write althogh you often can get away without
doing so. On the other hand, I have never had a problem that was caused
by backslashing closing tags in a document.write.

[cwdjrxyz]

Anytime you use a document.write, it is a good idea to escape-backslash
all closing tags contained within the document.write. Such tags may
include <\/a>, <\/p>, <\/div> etc. Usually not backslashing causes no
trouble other than making the W3C validator grumble when it sees it.
However, in a few cases, such as the <\/script> being discussed in this
thread, you can have real problems that can be very difficult to find.
I have wasted enough time in the past running down hard-to-find errors
that were caused by the lack of backslash to make me always backslash
closing tags in document.write althogh you often can get away without
doing so. On the other hand, I have never had a problem that was caused
by backslashing closing tags in a document.write.

[RobB]

Randy Webb wrote:

RobB wrote:

Craig Jurney wrote:

kaeli wrote:

(snip)

That said, I seem to recall a problem with document.write and

writing the tag

"</script>"
I think you need to split it, like
document.wri te("</scr"+"ipt>");
Something about the parser interpreting it as a real </script>...?
Exactly so.

(snip)

Exactly not.

No, Exactly.

This:
document.write( '<div...><scrip t src="test.js">< \/script></div>*');

That is not the code that was posted. It is the solution to the

problem though.

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

You're correct. This:

document.write( '<div...><scrip t src="test.js">< \/script></div>*');

"is not the code that was posted..."

I did this thing...called "abbreviati on".

*This* is the code posted originally (with closing script tags as
strings):

[1]

<script type="text/javaScript">
<!--
document.write( '<div id=hello1>Hello 1</div>');
document.write( '<div id=hello2 style="display: none;"><script
src="test.js">< \/script></div>*');
//-->
</script>

[2]

<script type="text/javaScript">
<!--
document.write( '<div id=hello1>Hello 1</div>');
//-->
</script>
<script type="text/javaScript">doc umen*t.write('< div id=hello2
style="display: none>');</scrip*t>
<script type="text/javaScript">doc umen*t.write('< script
src="test.js">< \/script>');</s*cript>
<script type="text/javaScript">doc umen*t.write('</div>');</script>

As the OP noted:
I have an escape for the script tag: <\/script> to
avoid the problem you mentioned [..]

What are you talking about?