mouseover...
Er der nogen der kan bygge videre på dette script for mig? Lige nu laver det mouseover på en tekst, og sørger for at teksten forbliver markeret indtil man trykker på det næste stykke tekst. Jeg vil gerne have at man skal kunne bruge det til grafikknapper istedet for tekst, sådan at grafikstykket skiftes ud ved mouseover, og igen ved onkeypress. Problemet er at grafikknapperne har forskellige tekster på, så til tre knapper skal der skal altså bruges ni forskellige stykker grafik ialt...<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Microsoft FrontPage 4.0">
<title>BIGA</title>
<STYLE>
SPAN {cursor: hand ; }
.onme1{font-family:"verdana", "geneva", "arial"; text-decoration:none; font-size:10px; color:#111111; line-height: 14px }
.offme{font-family:"verdana", "geneva", "arial"; text-decoration:none; font-size:10px; color:#666666; line-height: 14px }
.onclick{font-family:"verdana", "geneva", "arial"; text-decoration:none; font-size:10px; color:#111111; line-height: 14px }
.brodtext{font-family:"verdana", "geneva", "arial"; text-decoration:none; font-size:10px; color:#666666; line-height: 14px }
</STYLE>
<script language="javascript">
var OldObj = null;
var siteStat = false
function getonme() {
el = event.srcElement ;
el.className = "onme1";
}
function getoffme() {
el = event.srcElement ;
if (el.stat == "1")
el.className = "onclick";
else
el.className = "offme";
}
function myclick(){
if (event.srcElement.stat == 0 || event.srcElement.stat == 1){
if (OldObj != null){
OldObj.className = "offme";
OldObj.stat = 0
}
el = event.srcElement ;
OldObj = el;
el.className = "onclick";
el.stat = 1
}
siteStat = true;
}
document.onmouseover = getonme ;
document.onmouseout = getoffme ;
document.onclick = myclick;
</script>
</head>
<body>
<table><tr><td class="brodtext">
<a href="#" class="brodtext" stat="0" id="on1">test</a>
<br>
<a href="#" class="brodtext" stat="0" id="on2">test</a>
<br>
<a href="#" class="brodtext" stat="0" id="on3">test</a>
</td></tr>
</table>
</body>
</html>
