call a function on a created element 1

[hunt00]

Trying to call a function on the created link. But the alert only shows when click on the Top Level.

Here is my js:

<script>
var theUL, theLi, theA;
function test() {
mystart = document.getElementById('testdiv');
for (var i=0; i<4; i++) {
theLi = document.createElement("li");
theA = document.createElement("a");
theA.id = "aid";
theLi.appendChild(theA);
mystart.appendChild(theLi);
theA.innerHTML = "test" + i;
theA.href = "

http://google.com/"

+ i;
document.getElementById('aid').onclick = alert('in'); //click on the each new link need to call a js function
}
}
</script>

My HTML:
<a href="#" onclick="test();">Top Level: </a><br>
<div id="testdiv"></div>


Thanks!

 

[BillyRayPreachersSon]

Use:

document.getElementById('aid').onclick = function() { alert('in'); };

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

hunt00,

Did that work for you? Was my post helpful?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[monksnake]

Guess not BillyRay.

<.

 

[BillyRayPreachersSon]

hunt00,

Did that work for you? Did you resolve your problem?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]