Hej. Har just på WF tillförskansat mig detta script för att markera klickbara element med en blå ram, det fungerar bra.
Alltså allt som har classnamnet "foo" är klickbart.
Nu skulle jag vilja få med mig varje elements id också, så att det i alerten står:
Hit!Id="Id:t på det klickade elementet"
Några tips?
<code>
<style>
.foo{border:1px solid blue;}
</style>
<script type="text/javascript">
<!--
function addClassElementEvent(_class, _event, _func){
var elms = (document.all) ? document.all : document.getElementsByTagName("*");
for(var i=0; i<elms.length; i++){
if(elms[i].className == _class){
if(document.documentElement.addEventListener)
elms[i].addEventListener(_event.substring(2, _event.length), _func, false);

if(document.documentElement.attachEvent)
elms[i].attachEvent(_event, _func);
}
}
};

function bar(){
alert("Hit!");
};

window.onload = function(){
addClassElementEvent("foo", "onclick", bar);
};

//-->
</script>

<div class="foo" style="cursor:default;" id="obj_1">Klickbar</div>
<br>
<table class="foo" id="obj_2" width="100" border="0" cellspacing="0" cellpadding="2" bgcolor="#FFCC99">
<tr>
<td>Klickbar</td>
</tr>
</table>
<br>
<table class="foot" width="100" border="0" cellspacing="0" cellpadding="2" bgcolor="#FFFFCC">
<tr>
<td>Ej klickbar</td>
</tr>
</table>

<input type="button" id="obj_3" name="3" class="foo" value="Klickbar">
<br>
<input type="button" name="Submit" class="foao" value="Ej klickbar"></code>