adding html within var string?

Question

Say I have

var b = 'I am a JavaScript hacker.'

How can I do this ?

var b = 'I am a <a href="foo.php">JavaScript hacker</a>.'

Is this dooable ?

I thought the question was clear. Apologies if it wasnt.

Fiddle here http://jsfiddle.net/ozzy/vWYQ2/

Ok I have a text change script, that on hover changes text to another line of text .. and I wish to add a link within the result text I will create a fiddle — 422
– 422, Commented Feb 2, 2012 at 5:08
What is criteria for selecting text from string which will become hyperlink text? — Amar Palsapure
– Amar Palsapure, Commented Feb 2, 2012 at 5:16

jwchang · Accepted Answer · 2012-02-02 05:46:09Z

3

$(function() {
    var mem = $("#TA").html();
    $("#TA").hover(function() {
        $(this).stop().html( 'I am a <a href="foo.php">JavaScript hacker</a>.' );
    }, function() {
        $(this).stop().html( mem );
    });
});

I think you want something like this

My code

Edited: Due to the flickering issue.

edited Feb 2, 2012 at 5:46

answered Feb 2, 2012 at 5:24

jwchang

10.9k15 gold badges62 silver badges89 bronze badges

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

3 Comments

422 Over a year ago

Thats great cept needs to have an id do i just go div.apple and change div id="apple" to initiate it ? because jsfiddle.net/ozzy/zKRGW/7 is flawed ( not sure what I done wrong there )

jwchang Over a year ago

@422 As you see I did not use an id. But you can use id and change it to $("#your_DOM_id") instead of $("div").

422 Over a year ago

tried that and it flickers when you hover over it ? jsfiddle.net/ozzy/zKRGW/8

Matt Briggs · Accepted Answer · 2012-02-02 05:07:56Z

2

um... yes? that will give you a variable named b which holds 'I am a <a href="foo.php">JavaScript hacker</a>.'

answered Feb 2, 2012 at 5:07

Matt Briggs

42.4k17 gold badges103 silver badges128 bronze badges

Comments

Amar Palsapure · Accepted Answer · 2012-02-02 05:48:03Z

2

Code from http://jsfiddle.net/vWYQ2/2/, this removes the hyperlink once mouse is out.

HTML

<div id="TA" onmousemove="changetext();" onmouseout="restore();">I am a JavaScript hacker.</div>

JavaScript

var originalBlock = document.getElementById("TA").innerHTML;
var timer;
function changetext()
{
    var id = document.getElementById("TA");
    if(originalBlock == null) originalBlock= id.innerHTML;
    var text = id.innerHTML;
    id.innerHTML = text.replace("JavaScript hacker", "<a href='foo.php'>JavaScript hacker</a>");
    if(timer != null)
    clearTimeout(timer);
}
function restore()
{
   timer = setTimeout(function()
             {
                 document.getElementById("TA").innerHTML = originalBlock;
             }, 1000);
}

edited Feb 2, 2012 at 5:48

answered Feb 2, 2012 at 5:24

Amar Palsapure

9,6561 gold badge29 silver badges46 bronze badges

2 Comments

422 Over a year ago

But how about just one word , this is where I am getting stuck I dont want "<a href='foo.php'>JavaScript hacker</a>" I am after "JavaScript <a href='foo.php'>hacker</a>" .This is where I am getting stuck ( escaping the different sections correctly

Amar Palsapure Over a year ago

@422 Try the new code it removes the hyper link. If you want to convert hacker to hyperlink in that case change the replace statement to text.replace("hacker", "<a href='foo.php'>hacker</a>")

Collectives™ on Stack Overflow

adding html within var string?

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related