Mouse-over på TR'er men undtagen én
Hej!Jeg har en række tabeller (mange) hvor jeg skal have mouse-over på TR'er .. undtagen én.
Det er den TR, hvor der står "Her er en overskrift" - den skal slet ikke have nogen mouse-over-effekt. Kan man gøre noget ved det?
Det ser således ud:
<HTML>
<Head>
<Script language="javascript">
aMouseOver=["#006699", "#FFFFFF"];
aMouseSelected=[ "#F1861E", "#FFFFFF" ];
ahrefover=[ "#006699", "#ffffff" ];
ahrefout=[ "#ffffff", "#0000ff" ];
var gSafeOnload = new Array();
function SafeAddOnload(f)
{
window.onload = SafeOnload;
gSafeOnload[gSafeOnload.length] = f;
}
function SafeOnload()
{
for (var i=0;i<gSafeOnload.length;i++){
gSafeOnload[i]();
}
}
var oActiveTable = {
gemtColor : new Array(),
// hardwired styles for max perfomance
aHover : [ "#006699", "#FFFFFF" ],
mInit : function () {
if (typeof aMouseOver=="object"){oActiveTable.aHover=aMouseOver;}
// collect active tables
var aTables = document.getElementsByTagName ( "table" );
var oTable, i = 0;
while ( oTable = aTables.item ( i++ )) {
if ( oTable.className.indexOf("mouseoverActive")>-1 ) {
oTable.onmouseover = oActiveTable.mCheck;
oTable.onmouseout = oActiveTable.mCheck;
oTable.onmousedown = oActiveTable.mCheck;
}
}
},
mCheck : function ( e ) { // check mouse action
var e = e ? e : window.event;
var oNode = e.target ? e.target : e.srcElement;
while ( oNode.nodeName.toLowerCase () != "tr" && oNode.nodeName.toLowerCase () != "table" ) oNode =
oNode.parentNode;
if ( oNode.nodeName.toLowerCase () == "table" ) return;
else var oRow = oNode;
oActiveTable.mUpdate ( oRow, e.type == "mouseover" ? "over" : "out" );
},
mUpdate : function ( oRow, sAction ) { // update display
var update = function ( oCell, aColors,aColors2 ) {
ahrefs=oCell.getElementsByTagName("a");
for(j=0,j2=ahrefs.length;j<j2;j++){
ahrefs[j].style.background=aColors2[0];
ahrefs[j].style.color=aColors2[1];
}
oCell.style.backgroundColor = aColors [ 0 ];
oCell.style.color = aColors [ 1 ];
}
var gem = function ( oCell, aGemaColors,nr ) {
if (aGemaColors[nr]==null){
aGemaColors[nr]=new Array(2);
}
aGemaColors[nr][ 0 ] = oCell.style.backgroundColor;
aGemaColors[nr][ 1 ] = oCell.style.color;
}
var i = 0, oCell, aColors, aCells = oRow.getElementsByTagName ( "td" );
while ( oCell = aCells.item ( i )) {
switch ( sAction ) {
case "over" :
gem (oCell, oActiveTable.gemtColor, i);
update ( oCell, oActiveTable.aHover,ahrefover );
break;
case "out" :
update ( oCell, oActiveTable.gemtColor[i],ahrefout);
break;
}
i++;
}
}
}
SafeAddOnload(oActiveTable.mInit);
</script>
</head>
<BODY>
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="mouseoverActive">
<tr>
<td colspan="2">Her er en overskrift</td>
</tr>
<tr>
<td><A href="">dette er en test</A></td><td>Her er noget skrift</td>
</tr>
</body>
</HTML>
