Dynamically adding onmouseover function with argument

[Ulgen]

I've searched the forums on this, and what I found didn't work for me.

I want to add an onmouseover function to an element on the page. Problem is that I need to send that function an argument. I tried the following:

element.onmouseover = new Function('alert(this.text)')

which someone else said that worked, but it only displays 'undefined'. And yes, I've defined what I try to alert; if I call the same alert on the line before it displays correctly.

What can I do?

[jkd]

element.onmouseover = function() {
alert(element.text);
}

should do it. You're guarenteed to have the variable "element" in scope.

Although:

element.onmouseover = function() {
alert(this.text);
}

should work equally as well, as in that situation "this" refers to element.

[Ulgen]

Hey, thanks. I finally figured it out.

The problem was that I wrote like this:

this.elemId = "someId"
this.docElem = document.createElement("div")
this.docElem.id = this.elemId

this.docElem.onmouseover = function() {
alert(this.elemId)
}


which didn't work. (Note: I do append the element, just not here)

But this worked:

this.docElem.onmouseover = function() {
alert(this.id)
}

So this worked out in my particular situation. But what if I had a:

this.text = "Wheee"

How could I reach that within the function? By doing:

this.docElem.text = this.text ??