Loading:


Tekst w polu input znikający po kliknięciu - wersja prototype, działa dla wielu inputów

Poniżej przedstawiam zremasterowaną wersję efektu "znikającej wartości input'a po kliknięciu w nie". Skrypt działa tym razem dla kilku lub więcej pól wejściowych bez zbędnego pisania dodatkowego kodu JS.

 

Sposób działania

Kiedy użytkownik kliknie na pole wejściowe, wtedy domyślna wartość zniknie, kiedy jednak użytkownik nie wprowadzi żadnej wartości do pola, wtedy pole przywraca swoją domyślną wartość, gdy pole straci skupienie.

 

Przykład użycia

<input type="text" name="imie" onblur="onInputBlur(this);" onfocus="onInputFocus(this);" value="Twoje imie.." />



Napisz Artyku³

Listing

//kod JavaScript należy wleić do pliku .js lub pomiędzy tagami <script>

function onInputBlur(input) {
        if(input.value == '')
                input.value = input.defaultValue;
}

function onInputFocus(input) {
        if(input.value == '' || input.value == input.defaultValue)
                input.value = '';
}




Dodano przez: divix
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2024 v.1.5 | design: diviXdesign & rainbowcolors