i have some text following the mouse, i need to change that to an i frame, how do i do this?

Question

$(document).ready(function () {
//create the div
var div = $("<div></div>").css("position", "absolute").text("a short message").appendTo("body");



//attach the mousemove event
$("body").bind('mousemove', function(evt) {
    div.css({
        "left": evt.pageX + "px",
        "top": evt.pageY + "px"
    });
});

});

what im trying to do is replace a short message with an iframe, what do i do?

Answer 1

Instead of .text, use .html and put the HTML for your iframe there.

I'm curious what your use case for this is, though.

Answer 2

Thanks for your suggestion, im not sure what you mean

Do i give my iframe an id like this?

iframe id ="exampleframe" src="http://www.mysite.com/example&width=400&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:21px;" allowTransparency="true" /iframe

then I put var div = $("exampleframe").css("position", "absolute").text("a short message").appendTo("body");

?

i also created a file called exampleframe.html, when i navigate to it, it shows what I want, but when i put var div = $("").css("position", "absolute").html("exampleframe.html").appendTo("body");

i just get the text exampleframe.html as a link to the url,