5 svar · 326 visningar · startad av Jesper T
Går det att lägga in färgvalet i onMouseOver i ett stylesheet?
onMouseOver="this.style.backgroundColor='[b]#99ccff[/b]';"
Du kan ju anropa en class ur ditt stylesheet med mousover, då kan du sätta attributen i css-mallen, ex.
[RED]<html>
<head>
<style>
.over {
background : red;
}
.out {
background : blue;
}
</style>
</head>
<body>
<table cellpadding="10">
<tr>
<td onmouseover="this.className='over'" onmouseout="this.className='out'">Text</td>
</tr>
</table>
</body>
</html>[/RED]
Testat och fungerar i IE6.0 och Moz1.1
Du kan ju använda pseudo-klassen : hover (utan mellanrum alltså) på lite alla möjliga element, men det funkar väl bara sådär i IE.
En annan variant, om du har många instanser av ditt exempel, är att köra eval() av en sträng med informationen.
T ex:
<script type="text/javascript">
var onOver ="this.style.backgroundColor='#99ccff';"
var onOut ="this.style.backgroundColor='#aabbcc';"
</script>
<table>
<tr>
<td onmouseover="eval(onOver)" onmouseout="eval(onOut)">1</td>
<td onmouseover="eval(onOver)" onmouseout="eval(onOut)">2</td>
<td onmouseover="eval(onOver)" onmouseout="eval(onOut)">3</td>
<td onmouseover="eval(onOver)" onmouseout="eval(onOut)">4</td>
<td onmouseover="eval(onOver)" onmouseout="eval(onOut)">5</td>
</tr>
</table>
Tack, jag körde din medod palle.
Lite O.T. men varför har du två alias (palle & palleman)
Jesper T skrev:
Tack, jag körde din medod palle.
Lite O.T. men varför har du två alias (palle & palleman)
*harkel* :r Reggade först Palle, sedan glömde jag tydligen bort wF helt under en tid och när jag av en slump halkade in på
sidan igen tänkte jag, "Åh vilket bra forum, måste jag joina!"..då var ju Palle redan upptaget.. :OO ..så då fick det bli Palleman.
Satt sedan en dag och sökte runt lite och döm om min förvåning när jag hittade en inlägg gjort av Palle.. mitt inlägg. Då gick det upp ett ljus. ;)
Bytte då tillbaka till Palle eftersom det är det som jag vill använda..
The End
Haha, så kan det gå. ;)