mOfl: Bild über Cursor oder Bild in Textfeld

Beitrag lesen

Brüderinnen und Brüder,

ich habe mir eine schnuckelige kleine Seite gezimmert, bei der ich momentan nicht mehr so recht weiterkomme. Die Navigation läuft komplett über Texteingaben in ein Textfeld, welche über Funktionen dann verschiedene Inhalte aufrufen - das ganze ist im Stil einer Monochrom-Eingabeaufforderung gehalten.

Wie ihr euch denken könnt macht sich da der Standard-Text-Cursor (Caret), also das schwarze, blinkende |, nicht gut in dem Textfeld. Deshalb habe ich einen Blockcaret der alten Schule (http://home.arcor.de/siebenzwiebeln/cursor.gif) gemacht, den ich stattdessen gerne verwenden würde.

Da der Text-Cursor, so viel hab ich schon rausgefunden, kein ansprechbares Element im Browser ist, kann ich ihn wohl nicht ersetzen, leider. Also muss ich irgendwie tricksen, weiß aber nicht so recht, wie. Meine Ansätze:

  1. Ich setze meinen cursor.gif als absolut in die Seite. Danach wird zu jeder Zeit die Position des Text-Cursors abgerufen und an diese Position mein Cursor drübergesetzt. Wie man die Position abrufen kann, weiß ich nicht, ich stelle es mir aber schwer vor.

  2. Das wäre vermutlich einfacher (oder unmöglich): Der cursor.gif wird in das Textfeld eingebunden. Geht das, ein Bild in ein Textfeld einbinden? Dann würde sich das Bild ja automatisch immer dahin mitverschieben, wohin der Text es drückt, sei es Backspace, Eingabe oder neue Zeile.
    Wenn das nicht funktioniert, könnte man es vielleicht über das Hintergrundbild des Textfeldes realisieren? Problem hierbei wäre eben, wie man den cursor.gif innerhalb der Zeile bewegen kann... :/

  3. Da habe ich auch überhaupt keine Ahnung, ob das funktioniert: statt dem cursor.gif nimmt man ein Sonderzeichen, dass wie dieser Block aussieht. So könnte man es (leichter) ins Textfeld einbinden. Das müsste man - im Textfeld - über ein Script immer die Farben schwarz und grün wechseln lassen. Dann sollte dieses Zeichen immer dahin hüpfen, wo sich gerade der Text-Cursor befindet und sollte dazu nicht löschbar sein...

Puh :/ ist es ausweglos? Oder hat einer eine andere Idee, wie ich mich des Cursors entledigen kann? Html, JavaScript, ich bin für alles dankbar. Nur ersetzen kann ich das Textfeld eben nicht, denn durch die Eingaben wird die Seite ja gesteuert...

Grüße
Dani