Problems with innerHTML and "

[Anders Nielsen]

Hi :-)

I'm currently working with innerHTML , but it is giving me some problems
with " and '.

Basically (there is also some ASP involved), my problem looks like this:

I would like to, dynamically, insert the following html into a table cell:
<span id="soeskende5s let" style="position : absolute; right: 70px;
cursor:hand; text-decoration:unde rline;" onClick="soeske ndeSlet('5','An ders
Nielsen')">slet </span>

Therefore I have inserted the following line into a function:
document.getEle mentById("soesk endecelle").inn erHTML = "<span
id='soeskende5s let' style='position : absolute; right: 70px; cursor:hand;
text-decoration:unde rline;' onClick="soeske ndeSlet('5','An ders
Nielsen')">slet </span>"

Obviosly this will cause an error due to the use of " near onClick.

I have also tried with these different syntaxes:
document.getEle mentById("soesk endecelle").inn erHTML = "<span
id='soeskende5s let' style='position : absolute; right: 70px; cursor:hand;
text-decoration:unde rline;' onClick=/"soeskendeSlet( '5','Anders
Nielsen')/">slet</span>"

document.getEle mentById("soesk endecelle").inn erHTML = "<span
id='soeskende5s let' style='position : absolute; right: 70px; cursor:hand;
text-decoration:unde rline;' onClick=soesken deSlet('5','And ers
Nielsen')>slet</span>"

document.getEle mentById("soesk endecelle").inn erHTML = "<span
id='soeskende5s let' style='position : absolute; right: 70px; cursor:hand;
text-decoration:unde rline;' onClick='soeske ndeSlet('5','An ders
Nielsen')'>slet </span>"

Each one produces an error!

Can anyone help me, please?

Any help is greatly appreciated :-)

Best regards
Anders

[Martin Honnen]

Anders Nielsen wrote:

my problem looks like this:

I would like to, dynamically, insert the following html into a table cell:
<span id="soeskende5s let" style="position : absolute; right: 70px;
cursor:hand; text-decoration:unde rline;" onClick="soeske ndeSlet('5','An ders
Nielsen')">slet </span>

cellElement.inn erHTML = '<span id="soeskende5s let" style="position :
absolute; right: 70px; cursor:hand; text-decoration:unde rline;"
onClick="soeske ndeSlet(\'5\',\ 'Anders Nielsen\')">sle t</span>';

You can use
'"'
without escaping and you can use
"'"
without escaping too but if you want to use a single quote inside a
single quote delimited string literal then you need to escape it
'\''
same for
"\""

--

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

[Anders Nielsen]

"Martin Honnen" <ma*******@yaho o.de> wrote in message news:427cacc8$0 $7521

You can use
'"'
without escaping and you can use
"'"
without escaping too but if you want to use a single quote inside a
single quote delimited string literal then you need to escape it
'\''
same for
"\""

Thanks Martin - You're the man! :-)

[Jimnbigd]

End one string, use the plus (+) sign and concatenate another string using
different outer quotes.
Example: I want to set myText.innerHTM L to the following:
<p>John said, "I went to Mary's house."</p>
Do it this way:
myText.innerHTM L='<p>John said, "I went to Mary' + "'" + 's house."</p>';

And sometimes -- especially for longer strings -- it is more readable to set
a variable with multiple instructions, like this:
var x=""
x += '<p>John said, I went to Mary';
x += "'";
x += 's house."</p>';
myText.innerHTM L=x;
....Jim Lee, Dallas, TX...

"Anders Nielsen" <anchSNABELAema il.dk> wrote in message
news:42******** *************@d read11.news.tel e.dk...

Hi :-)

I'm currently working with innerHTML , but it is giving me some problems
with " and '.

Basically (there is also some ASP involved), my problem looks like this:

I would like to, dynamically, insert the following html into a table cell:
<span id="soeskende5s let" style="position : absolute; right: 70px;
cursor:hand; text-decoration:unde rline;" onClick="soeske ndeSlet('5','An ders Nielsen')">slet </span>

Therefore I have inserted the following line into a function:
document.getEle mentById("soesk endecelle").inn erHTML = "<span
id='soeskende5s let' style='position : absolute; right: 70px; cursor:hand;
text-decoration:unde rline;' onClick="soeske ndeSlet('5','An ders
Nielsen')">slet </span>"

Obviosly this will cause an error due to the use of " near onClick.

I have also tried with these different syntaxes:
document.getEle mentById("soesk endecelle").inn erHTML = "<span
id='soeskende5s let' style='position : absolute; right: 70px; cursor:hand;
text-decoration:unde rline;' onClick=/"soeskendeSlet( '5','Anders
Nielsen')/">slet</span>"

document.getEle mentById("soesk endecelle").inn erHTML = "<span
id='soeskende5s let' style='position : absolute; right: 70px; cursor:hand;
text-decoration:unde rline;' onClick=soesken deSlet('5','And ers
Nielsen')>slet</span>"

document.getEle mentById("soesk endecelle").inn erHTML = "<span
id='soeskende5s let' style='position : absolute; right: 70px; cursor:hand;
text-decoration:unde rline;' onClick='soeske ndeSlet('5','An ders
Nielsen')'>slet </span>"

Each one produces an error!

Can anyone help me, please?

Any help is greatly appreciated :-)

Best regards
Anders

[Randy Webb]

Jimnbigd wrote:

End one string, use the plus (+) sign and concatenate another string using
different outer quotes.
NO.
Example: I want to set myText.innerHTM L to the following:
<p>John said, "I went to Mary's house."</p>
Do it this way:
myText.innerHTM L='<p>John said, "I went to Mary' + "'" + 's house."</p>';
No, you do it this way:

myText.innerHTM L='<p>John said, "I went to Mary\'s house."</p>'

And that is assuming the myText is a proper reference to an element that
has an innerHTML property.
And sometimes -- especially for longer strings -- it is more readable to set
a variable with multiple instructions, like this:

Maybe more readable but more error-prone and less-efficient.

And please read this groups FAQ with regards to, among other things,
top-posting.

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