Tabellenumrandung bei mouseover ändern
MarcSD
- javascript
Mehrere Tage habe ich nun schon mit einer Tabelle und onmouseover herumgespielt, doch leider hat es nicht funktioniert.
Beim Fokussieren der Tabelle soll sich ihre Umrandung ändern, jedoch passiert leider nichts (Die Fehlerkonsole von FF zeigt leider auch nichts an).
Mein letzter Versuch war Folgendes:
<table border="1" style="border-style: none;border-color: yellow;border-collapse: collapse;" id="news" name="news" onmouseover="this.style.borderstyle = 'dashed';" onmouseout="this.style.borderstyle = 'none';">
Lieber MarcSD,
onmouseover="this.style.borderstyle = 'dashed';"
this.style.borderstyle ist keine native Eigenschaft eines Style-Objektes. Dass Du diesem diese Eigenschaft verleihst, ihr auch den Wert "dashed" vergibst, ändert an der Anzeige im Browser deswegen herzlich wenig.
Schau noch einmal ganz genau nach, wie die Eigenschaft lauten muss, die Du wirklich suchst.
Liebe Grüße,
Felix Riesterer.
onmouseover="this.style.borderstyle = 'dashed';"
onmouseout="this.style.borderstyle = 'none';"
Aus border-style wird in JavaScript borderStyle. Der Strich entfällt, aber der Buchstabe nach dem Strich wird groß: eins-zwei-drei würde zu einsZweiDrei. Vgl. http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften
Mathias