events under opacity

Thu, 14 Aug 2003 11:39:31 -0700

in the example below not all events are fired when -moz-opacity ist enabled
Start mousedown from the first row does not mark all other cells, when moving over.
Starting from another cell everything is fine.
Is there any trick to enable the empty cell?
I tested on Mozilla 1.4

Andres Obrero


<head>
<script>
function startMark(e){
        if(!document.all) e.preventDefault();
        document.onmousemove=markTab;
        document.onmouseup=stopMark;
}
function markTab(e){
        if(e){obj=e.target; }else{obj=window.event.srcElement; var e=window.event;}
        window.status = obj.id+" "+e.screenY+" "+obj.tagName;
        if(obj.tagName=="TD")
                document.getElementById(obj.id).style.backgroundColor="lime";
}
function stopMark(e){
        document.onmousemove=null;
        var pp = document.getElementsByTagName("TD");
        for(var i=0; i<pp.length; i++){ pp[i].style.backgroundColor="";    }
}
document.onmousedown=startMark;
document.onselectstart =function () { return false; };
</script>

<style>
.transp{filter:alpha(opacity=60); -moz-opacity:0.5}
</style>
</head>
<body >
<table class='transp' border='1' >
<tr ><td id='from_here_no_ids'>&nbsp;</td></tr>
<tr ><td id='ok1'>texxxxxxxxxxxxxxxxxxxxxxxxxxxxxxt</td></tr>
</table>
<table border='1' >
<tr ><td id='ok2'>&nbsp;</td></tr>
<tr ><td id='ok3'>texxxxxxxxxxxxxxxxxxxxxxxxxxxxxxt</td></tr>
</table>
</body>

Reply via email to