Adding HTML code inside JavaScript variable?

Question

I was simply wondering how I would add html code inside a javascript variable? For example, I want to use HTML code (a <a href="/example.html"> link piece of code) in one of the message lines:

var messages = [
"Please wait while we handle your request...",
"This is taking longer than usual to process - please wait...",
"We seem to be having trouble - please click here to contact support"
];

$.each(messages, function(index, message) {
setTimeout(function() {
    $('#wrapper').append(
        $('<p />', {text : message})
    )
}, index * 1500); // 1.5 seconds, add a zero for 15 seconds
});

So it would be like:

var messages = [
"Please wait while we handle your request...",
"This is taking longer than usual to process - please wait...",
"We seem to be having trouble - please click <a href="/help.html">here</a> to contact support"`

Is there a way of doing this?

Yes, it is possible, you just need to fix the quotes, and use html instead of text. — elclanrs
– elclanrs, Commented Aug 3, 2014 at 19:16

Marco Bonelli · Accepted Answer · 2014-08-03 19:22:52Z

1

Of course, you have to:

Fix the quotes (") in the string escaping them (\").
Use html: instead of text:.

First, edit your messages variable like this:

var messages = [
    "Please wait while we handle your request...",
    "This is taking longer than usual to process - please wait...",
    "We seem to be having trouble - please click <a href=\"/help.html\">here</a> to contact support"
];

Then edit your code to create the <p> element like this:

 $('<p />', {html : message});

answered Aug 3, 2014 at 19:22

Marco Bonelli

71.1k21 gold badges129 silver badges153 bronze badges

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

Collectives™ on Stack Overflow

Adding HTML code inside JavaScript variable?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related