JavaScript - mouseover - HJÆLP
Jeg har følgende javascript ... jeg vil gerne at det ved mouse-over er sådan, at skriften bliver hvid. Kan nogen hjælpe?Jeg kan simpelthen ikke finde ud af, hvordan jeg skal gribe det an !!!
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 ) {
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 );
break;
case "out" :
update ( oCell, oActiveTable.gemtColor[i]);
break;
}
i++;
}
}
}
SafeAddOnload(oActiveTable.mInit);
