Ich habe ein Menü erstellt, bei dem jede Tabellenzelle beim Überfahren mit der Maus die Farbe wechselt. Dazu habe ich
onMouseOver="this.bgColor='#ff8c00'" onMouseOut="this.bgColor='#d3d3d3'"
zu jedem <td>-tag eingegeben. Gibt es eine Möglichkeit diese Anweisungen etwa durch Klassen abzukürzen? Und wie? Bei über 10 Menü-Punkten wird der Quelltext sonst schnell unübersichtlich.
gruß, consumer
basil gelöscht_97727 „Klassen definieren?“
Du kannst das ganze zwar als CSS-Klasse definieren und diese dann zuweisen, die verkürzt aber leider den Code kein bißchen, da Hovereffekte für Tabellenzellen und Tabellenzeilen nicht anwendbar sind. Du müsstest dann also statt zweier Attribute zwei Klassen zuordnen und hättest sogar eher längeren Code als kürzeren, der einzige Vorteil wäre, daß Du bei Änderungen nur jeweils ein Wert ändern müsstest. Es gibt aber eine relativ einfache Möglichkeit mit folgendem Code:
function over(element)
{
element.bgColor="#FF0000";
}
function out(element)
{
element.bgColor="#FFFFFF";
}
<td onMouseover="over(this)" onMouseout="out(this)">
