nicht angemeldet
Wechsel der Hintergrundfarbe von Tabellen durch Mausklick
Hallo
ich würde gerne die Hintergrundsfarbe von Tabellen bzw Tabellenzellen auf Mausklick ändern. Ich weiß aber nicht, ob daß schon möglich ist.
Also wie spricht man mit dem document Verweis auf die Backgroundfarbe der Tabelle / Tabellenzellen an
Gruß
aus Aachen
Bernhard
-
Hallo Bernhard,
im IE gehts so:
<td bgcolor="#FF0000" onClick="this.bgColor='#EEEEEE'">bla</td>
Wechselt bei MouseClick die Hintergrundfarbe von rot (#FF0000) zu
hellgrau (#EEEEEE); klappt nach dem selben Schema auch bei
onMouseOver und onMouseOut.Viele Grüsse
Alex<img src="http://home.germany.net/100-80215/alex/images/promo/akonline.gif" alt="">
-
re:Hi Bernhard,
ich würde gerne die Hintergrundsfarbe von Tabellen bzw Tabellenzellen auf Mausklick ändern. Ich weiß aber nicht, ob daß schon möglich ist.
Also wie spricht man mit dem document Verweis auf die Backgroundfarbe der Tabelle / Tabellenzellen anversuch's mal, indem du einfach in den link z.B. das schreibst:
<a href="javascript:document.all.XXX.bgColor=Farbcode;">aendern</a>
Fuer das XXX soltest du nun noch die ID des jeweiligen Elements (der Tabelle oder Zelle/Spalte) eintragen und statt 'Farbcode' die gewuenschte Farbe.
Gruss,
frank_eee -
Hallo
ich würde gerne die Hintergrundsfarbe von Tabellen bzw Tabellenzellen auf Mausklick ändern. Ich weiß aber nicht, ob daß schon möglich ist.
Also wie spricht man mit dem document Verweis auf die Backgroundfarbe der Tabelle / Tabellenzellen anGruß
aus Aachen
Bernhardhm also im msie is es auf jeden fall möglich! (mit document.all und style sheet)
wies mit netscape aussieht, keine ahnung - ich schreib meine seiten sowiso nurnoch für ie
beispiel für ie:<html>
<head>
<title>demopage</title>
<script language="JavaScript">
<!--
function blau()
{
document.all.tabelle.style.backgroundColor = "#0000ff";
}
function gruen()
{
document.all.tabelle.style.backgroundColor = "#00ff00";
}
function rot()
{
document.all.tabelle.style.backgroundColor = "#ff0000";
}
//-->
</script>
</head>
<body bgcolor="#000000" text="#ffffff">
<table width="300" height="100" border="0" cellspacing="0" cellpadding="0" id="tabelle"><tr>
<td align="center" valign="middle">Links</td>
<td align="center" calign="middle">Rechts</td>
</tr></table>
<a href="javascript:blau()">Tabellenhintergrund Blau</a><br>
<a href="javascript:gruen()">Tabellenhintergrund Grün</a><br>
<a href="javascript:rot()">Tabellenhintergrund Rot</a>
</body>
</html>-
Hallo!
Und so finktionierts auch mit'm Netscape:
Du musst für beide Browser leider je eine Version schreiben. :-(
Beachte dabei folgenden Unterschied:document.Ebene.eigenschaft // für Netscape
Ebene.all.style.eigenschaft // für MicrosoftEbene sollte bei dir die Tabelle(nzeile) sein, daher
// if (document.layers) { // für NN
// Ebene = document.IdDerTabelle;
// } else if (document.all) { // für IE
// Ebene = IdDerTabelle.style;
// }Danach kannst du browserunabhängig mit
// Ebene.backgroundColor = #HEXMEX;
die Hintergrundfarbe der Tabelle ändern.
Grüsse,
Bernhard
-