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="soeskende5slet" style="position: absolute; right: 70px;
cursor:hand; text-decoration:underline;" onClick="soeskendeSlet('5','Anders
Nielsen')">slet</span>

Therefore I have inserted the following line into a function:
document.getElementById("soeskendecelle").innerHTM L = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick="soeskendeSlet('5','Anders
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.getElementById("soeskendecelle").innerHTM L = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick=/"soeskendeSlet('5','Anders
Nielsen')/">slet</span>"

document.getElementById("soeskendecelle").innerHTM L = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick=soeskendeSlet('5','Anders
Nielsen')>slet</span>"

document.getElementById("soeskendecelle").innerHTM L = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick='soeskendeSlet('5','Anders
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="soeskende5slet" style="position: absolute; right: 70px;
cursor:hand; text-decoration:underline;" onClick="soeskendeSlet('5','Anders
Nielsen')">slet</span>

cellElement.innerHTML = '<span id="soeskende5slet" style="position:
absolute; right: 70px; cursor:hand; text-decoration:underline;"
onClick="soeskendeSlet(\'5\',\'Anders Nielsen\')">slet</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*******@yahoo.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.innerHTML to the following:
<p>John said, "I went to Mary's house."</p>
Do it this way:
myText.innerHTML='<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.innerHTML=x;
....Jim Lee, Dallas, TX...

"Anders Nielsen" <anchSNABELAemail.dk> wrote in message
news:42*********************@dread11.news.tele.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="soeskende5slet" style="position: absolute; right: 70px;
cursor:hand; text-decoration:underline;" onClick="soeskendeSlet('5','Anders Nielsen')">slet</span>

Therefore I have inserted the following line into a function:
document.getElementById("soeskendecelle").innerHTM L = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick="soeskendeSlet('5','Anders
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.getElementById("soeskendecelle").innerHTM L = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick=/"soeskendeSlet('5','Anders
Nielsen')/">slet</span>"

document.getElementById("soeskendecelle").innerHTM L = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick=soeskendeSlet('5','Anders
Nielsen')>slet</span>"

document.getElementById("soeskendecelle").innerHTM L = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick='soeskendeSlet('5','Anders
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.innerHTML to the following:
<p>John said, "I went to Mary's house."</p>
Do it this way:
myText.innerHTML='<p>John said, "I went to Mary' + "'" + 's house."</p>';
No, you do it this way:

myText.innerHTML='<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.javascript FAQ - http://jibbering.com/faq & newsgroup weekly