Скрипт ну никак не хочет работать в FireFox... :(

[nosferatum]

Скрипт ну никак не хочет работать в FireFox...

<script>

function onClickFunc( itemID ){
alert( itemID );
}

function cancelBubble(ev)
{
ev = window.event?window.event:ev;

if(typeof ev.cancelBubble !== 'undefined')
{
ev.cancelBubble = true;
}
else if(ev.stopPropagation)
{
ev.stopPropagation();
}
}


</script>

<table onClick='onClickFunc( "1" );' style='width:500px;height:500px;'>
<tr>
<td valign='top'>
<table border='1' id='t1'>
<tr style='height:100px'>
<td id='td2' style='width:100px' align='center' onClick='onClickFunc( "2" );cancelBubble(event);'><img src='explorer_img/folder.gif'><br>папка 1</td>
</tr>
</table>
</td>
</tr>
</table>

При клике по ячейке, должно выдавать алерт и потом прекращать событие. В ИЕ всё норм, кликаешь на ячейку два, выдаёт алерт "2" и останавливает событие. В ФайрФоксе работать не захотел. После алерта "2" выдаёт алерт "1".

Помогите, пожалуйста, подогнать под ФайрФокс... Заранее спасибо!

 

[rotoZOOM]

<table onClick='event.cancelBubble=true;onClickFunc( "1" );' style='width:500px;height:500px;'>
<tr>
<td valign='top'>
<table border='1' id='t1'>
<tr style='height:100px'>
<td id='td2' style='width:100px' align='center' onClick='event.cancelBubble=true;onClickFunc( "2" );'><img src='explorer_img/folder.gif'><br>папка 1</td>
</tr>
</table>
</td>
</tr>
</table>

 

[nosferatum]

Фигасе... А почему так? Он в каком-то очень определённом порядке выполняет эти действия?

 

[rotoZOOM]

Читать тут.
event.cancelBubble - это спецификация DOM,
функция cancelBubble() - это (я так подозреваю) очередная приблуда microsoft.