• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Input "overwrite" Effekt

B

burli001

Mitglied
eLLo

Folgendes möchte ich realisieren: Wenn im Feld bereits etwas steht --> der Cursor am Anfang des Feldes steht und der User beginnt zu schreiben, dass der nachstehende Inhalt Buchstabe für Buchstabe überschrieben wird.

Sowas wird im SAP R/3 System verwendet, falls jemand damit zu tun hat.

Ich hoff', ihr versteht, was ich meine ;)

lg
 
Werbung:
Ein Ansatz.

Homepage für jQuery Caret: jQuery Caret

Nicht auf Browserkompatibilität getestet (nur im Firefox 3.6.16).

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.caret.1.02.min.js"></script>
        <script type="text/javascript">
    
        $("document").ready(function(){
            $("#test").keypress(function(event){
                /* http://stackoverflow.com/questions/2284844/jquery-how-to-filter-out-non-character-keys-on-keypress-event */
                if (event.which !== 0 && event.charCode !== 0) {
                    var caretPos = $(this).caret().start,
                        text     = $(this).val();

                    text = text.substr(0, caretPos) + text.substr(caretPos + 1);

                    $(this).val(text);

                    // Geht vielleicht einfacher
                    $(this).caret(caretPos, caretPos);
                }
            });
        });

        </script>
    </head>

    <body>
        <p><input id="test" value="Hallo Welt!" /></p>
    </body>

</html>

Man sollte dazu sagen, dass das eine frickelige Angelegenheit werden könnte, es in jedem Client unter allen Umständen ordentlich zum Laufen zu bringen. Hinzu kommt, dass Standardfunktionalität überschrieben wird, die die Benutzer so gewohnt sind. Ich würde – gerade aus Usability-Aspekten – von der Sache abraten.
 
Zuletzt bearbeitet:
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben