send html code when using onclick()

Question

I'm getting syntax error when using this code:

$('#column1').append('<span class="link_style"><a href="#" onClick="show_text(' +  new_cities[i][j].content + ')"></a></span>');

When javascript executes I'm getting this code generated:

<a href="#" onclick="show_text(<p>description</p>)">Moscow</a>

and this would be the function which is producing error:

function show_text(text)
    {
        alert(text);
    }

new_cities[i][j].content has this value "<p>description</p>" so basically my data is represented as string so there is definitely some problem in the quotes....

Claudio Redi · Accepted Answer · 2013-06-06 20:55:24Z

4

you need to change this:

"show_text(' +  new_cities[i][j].content + ')"

into this :

"show_text(\'' +  new_cities[i][j].content + '\')"

edited Jun 6, 2013 at 20:55

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

answered Jun 6, 2013 at 20:53

Tobias Hagenbeek

1,2133 gold badges16 silver badges32 bronze badges

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

4 Comments

Tobias Hagenbeek Over a year ago

being that you need to add the single quotes, but to get them you need to escape them ()

user123_456 Over a year ago

can you explain a bit more about those "escaping" ? I would really like to understand it..and sure would others too. BTW. answer is correct

Tobias Hagenbeek Over a year ago

Yeah of course. "Escaping" as it's called is something you do when you want a characted to be returned or "echo'ed" but it's already used to set a string So this can be anything between single quotes or double quotes, if, like in your case, you want to actually display a single quote or double quote, you need to tell your code not to parse the following character, by putting a \ (forward slash) in front of it.

Tobias Hagenbeek Over a year ago

yeah sorry, i pressed enter in between :), i hope my explanation helps you out! Good luck with your project! Oh one little adendum is that this works in several scripting languages, actually as far as i know it works that way in all web languages..

Collectives™ on Stack Overflow

send html code when using onclick()

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related