JS variable.onMouseOver = not working, why?

Hello again!

On the below code:

[code]
<script type=”text/javascript”>

// DeltaOne
// thanks to Mr J from codingforums.com

var offsetx = 100
var offsety = -150
var elementID=”myImg”

function showImg(obj,image){

if(!document.getElementById(elementID)){
newImg = document.createElement(‘IMG’)
newImg.id = elementID
newImg.style.display=”none”
newImg.style.position=”absolute”
document.body.appendChild(newImg)
}

imageDisplay = document.getElementById(elementID)
imageDisplay.src = image
imageDisplay.style.display = ‘block’

imageDisplay.style.left=obj.offsetLeft+offsetx
imageDisplay.style.top=obj.offsetTop+offsety

if(imageDisplay.offsetLeft<0){
imageDisplay.style.left=0
}

if(imageDisplay.offsetLeft+imageDisplay.offsetWidth>document.body.clientWidth){
imageDisplay.style.left=document.body.clientWidth – imageDisplay.offsetWidth-50
}

}

function hideImg(){
imageDisplay.style.display=”none”
}

</script>

<style>
#myImg {
width:150px;
border:1px solid #5555aa;
}

</style>
[/code]

If I put the below:

[code]<a onmouseover=”showImg(this,’http://picture.jpg’)” onmouseout=”hideImg()”>link</a>[/code]

On mouseOver over the ‘link’ a new picture will appear (offsetted by some co-ordinates, like the script tells us) – and it works perfectly.

Now, I have a problem..

If I put the below code instead of the one above that works perfectly:

[code]
n= document.createElement(‘a’)
n.href = “http://127.0.0.1″
n.onmouseover=”showImg(this,’picture.jpg’)”
n.onmouseout=”hideImg()”
document.body.appendChild(n)

document.write(‘<br><br>’ + n + ‘<br><br>’)
[/code]

The page shows the actual .href (you can not click on it though), but the onMouseOver and onMouseOut attributes are lost, and no new picture will appear (offsetted by X-Y coordonates)

It’s somewhat confusing to describe this – but I figure that I made things at least a little clear. Does anybody have any idea how to fix this, and to make it work?

[quote]

I want to make that element so I can modify the below code
t[t.length] = [“a_name”,”<a onmouseover=’showImg(this,’http://picture.jpg‘)’ onmouseout=’hideImg()’><img src=’http://thingy.gif‘ alt=”></a>”]

to
t[t.length] = [“a_name”,n]

But neither having the above code in that huge t[t.lenth] form won’t make it work,
1-st it gives a syntax error – i figure its because of the onmouseout attribute that has to declare itself using single quotes and to declare the img src with single quotes, so using in two instances single quotes,
2nd – it can not find the showImg function if I onMouseOver the pic

[/quote]

Also in #JavaScript _↴