Martin Honnen wrote:[color=blue]
> Reinhold Schrecker wrote:
>
>[color=green]
> > I am trying to generate a dynamic menu with JavaScript/DOM and have
> > problems to set the onclick-attribute for my <a>-elements.[/color]
>
> With the HTML DOM don't use the setAttribute method, it works very
> differently in IE compared to other browsers, you can simply assign to
> element object properties instead e.g.
> element.id = 'someId';
> element.onclick = someJavaScriptFunction;
> or in your case you like want e.g.
> element.onclick = new Function ("evt", topArray[j]["a_onclick"]);[/color]
As an addon: not to correct the solution (it doesn't need to) but to
clarify the situation with setAttribute/removeAttribute methods, as it
gives an impression of IE doing ("once again" :-) something wrong.
setAttribute/removeAttribute are methods to operate with the element
nodes (as reflected in the DOM Tree), not with DOM interface (as
provided to the script engine). This they have a rather narrow
application domain: when you need to change the DOM Tree itself (say if
you are preparing it for a tree walker). Respectively setAttribute
takes its argument as a plain vanilla text string and just add it as
nodeValue to the tree. It doesn't and it shouldn't to anyhow parse it,
DOM specs are very clear on it. So the way some browsers do allow you
to assign intrinsic handlers this way (over setAttribute) is little
convenience cheet-chat on specs. I personally welcome it (as any extra
convenience) but officially they shouldn't do it.
In the sample below you can click on "Test" to see that the dynamic
link indeed has attribute "ONCLICK" with value "alert('OK')" - but this
is just an attribute (not a handler) with /text/ value (not JScript
code).
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function demo(){
var p = document.createElement('P');
var a = document.createElement('A');
a.innerHTML = '<b>Click me</b>';
a.id = 'a01';
a.href = '#';
p.appendChild(a);
document.body.appendChild(p);
a.setAttribute('onclick', "alert('OK')");
}
window.onload = demo;
</script>
</head>
<body>
<p style="cursor:pointer"
onclick="alert(document.getElementById('a01').getA ttribute('ONCLICK'))">
Test</p>
</body>
</html>
