Dynamic content in javascript

Question

This may be obvious to someone. I am trying to place a textbox on the screen under a specific circumstance and I am using the following code:

document.getElementById('tbDetails').innerHTML = '<textarea name="taComments" style="height:40px;width:333px" class="f1 greytext" onblur="sb_textarea_onblur(this, \'Check Out Rhapsody Tours\'s Video:\')" onfocus="sb_textarea_onfocus(this, \'Check Out Rhapsody Tours\'s Video:\')">Check Out Rhapsody Tours's Video:</textarea>';

as you can see the text has a apostrophe "Check Out Rhapsody Tours's Video:" which is causing an error. The text is created dynamically in classic asp so there is no way to tell which information will be displayed.

Other code that may help:

function sb_textarea_onfocus(txt,defaultText)
{
     if(txt&&txt.value == defaultText)
     {
         txt.value = '';
         txt.className = 'f1';
     }
}

function sb_textarea_onblur(txt,defaultText)
{
     if(txt&&txt.value == '')
     {
          txt.value = defaultText;
          txt.className = 'f1 greytext';
     }
}

I just need a way to correct the javascript to allow apostrophes... Any idea..

Many thanks in advance, Paul

Community · Accepted Answer · 2020-06-20 09:12:55Z

3

You missed one apostrophe in

Check Out Rhapsody Tours's Video:
Inside a string you want to escape-escape -> \\\' three backslashes and then apostrophe.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 16, 2011 at 20:12

Itay Moav -Malimovka

53.8k68 gold badges198 silver badges292 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

neojakey Over a year ago

Many thanks for your help with this issue... this resolved it!

N3dst4 · Accepted Answer · 2011-11-16 20:14:00Z

0

Escape all the quotes and double quotes by putting a backslash in front of them:

text.replace(/'/g, "\\'").replace(/"/g, '\\"')

E.g.

"foo's bar is \"baz\"".replace(/'/g, "\\'").replace(/"/g, '\\"')

Yields

foo\'s bar is \"baz\"

Edit: Just realised this I assumed you were getting your content dynamically somehow. If you're just shoving a hard-coded string in there, then the answers above re: just escape the spare quote, will suffice.

answered Nov 16, 2011 at 20:14

N3dst4

6,4552 gold badges23 silver badges36 bronze badges

Comments

Michael Sazonov · Accepted Answer · 2011-11-16 20:18:08Z

-1

document.getElementById('tbDetails').innerHTML = '<textarea name="taComments" style="height:40px;width:333px" class="f1 greytext" onblur="sb_textarea_onblur(this, \'Check Out Rhapsody Tours\'s Video:\')" onfocus="sb_textarea_onfocus(this, \'Check Out Rhapsody Tours\'s Video:\')">Check Out Rhapsody Tours\'s Video:</textarea>';

In this code you can see a backslash before the apostrophe which converts it to a part of the string. The problem was caused by this apostrophe because your Check Out Rhapsody Tours' makes the browser think the string is ended unless you replace ' with \'.

edited Nov 16, 2011 at 20:18

answered Nov 16, 2011 at 20:10

Michael Sazonov

1,53311 silver badges21 bronze badges

Collectives™ on Stack Overflow

Dynamic content in javascript

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related