hi
ich habe ein inputfeld, was im Fehlerfall rot eingefärbt sein soll und dessen Text (Fehlerhinweis) weiss dargestellt werden soll. Also baue ich in etwa sowas hier:
<input type="text" value="bitte Formulareingaben korregieren" style="background:#ef3c3c; color:#ffffff" onClick="resetStyle(this);" name="username" />
function resetStyle(obj)
{
obj.style.background="#cdcdcd"; // Grauwert wieder herstellen
obj.style.color="#000000"; // Formtext schwarz
obj.value=""; // Hinweistext löschen
}
per Click soll, wie man sieht, der style wieder ganz 'normal' erscheinen. das funkt. soweit wunderbar. bloss: ich möchte nicht, daß resetStyle() einen neuen Style definiert, sondern die styledefiniton "zurücknimmt", die ich im <input> feld direkt def. habe. Das Formular sowie die ganze Page hat nämlich einen korrekten _globalen_ Style, der nicht angetastet werden soll. Er kann sich später nämlich durchaus mal ändern, und dann soll der Code möglichst nicht mehr angefasst werden. Klar soweit? Für den obigen Fall könnte ich auch eine class="" einführen, die den Style erledigt, bloss, onClick soll dann wieder der globale, geerbte Style gültig sein.
Was ist möglich?
Danke, Gruß