Textbox(Textfeld) ohne Cursor und mit Mouseover ✔ Wie geht das?

[firefly75]

Hallo,

ich bin nun schon einen Tag am rumbasteln und bekomme es nicht hin.

Ich möchte ein Textfeld als Checkbox missbrauchen, da ich diese im CSS an mein Design angepasst habe.
Eine Checkbox kann man ja leider nicht so anpassen, das sie in allen Browsern richtig dargestellt wird.

Nun möchte ich ein Textfeld als Checkbox simulieren, indem ein dickes Häkchen gesetzt ist. (Code: ✔). Nun das Häkchen ist auch gesetzt und wenn ich mit onmouseout="this.value'✔'" und mit onfocus="this.value''" arbeite, geht das zwar mit dem Rüberfahren dass das Häkchen verschwindet, aber ich möchte sowas wie onclick...

Also das man reinklickt und das Häkchen kommt oder verschwindet, wie bei der Standard-Checkbox.

So noch eine andere Sache. Ich möchte, dadurch das ich das Textfeld nur als Checkbox missbrauche, natürlich den blinkenden Cursor weghaben. Könne ich ja mit this.blur machen.

Aber dann kommt kein Häkchen mehr beim rausfahren aus dem Textfeld.

Hoffe jemand kann helfen

 

[threadi]

Was Du suchst ist also ein grafisches Häkchen, welches beim Setzen oder Entfernen einen entsprechenden Wert in einem Formularfeld setzt, so dass Du das entsprechend auswerten kannst?!

Das geht einfacher:
Erstelle ein input-hidden-Feld und gib diesem einen Namen und eine ID.
Erstelle einen Link dem Du per CSS ein Hintergrundbild zuweißt (z.B. eine weiße Grafik die später, siehe unten, durch das Häkchen ersetzt wird).
Gib dem Link eine JavaScript-Funktion die bei "onclick" prüft, welchen value-Wert das input-hidden-Feld hat. Wenn es "0" ist, dann tausche das Hintergrundbild des Links aus (gegen die Häkchengrafik) und setze den value-Wert des input-hidden-Feldes auf "1". Wenn es "1" ist, setze wieder die Grafik ohne Häkchen ein und setze den value-Wert des input-hidden-Feldes auf "0".