Loading:

Postanowienia noworoczne - a Ty czego nauczysz się w nowym roku? [-25%]

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 = '';
}


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=10247

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: divix
Ranga: Administrator serwisu Punktów: 37719
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-17 v.1.5 | design: diviXdesign & rainbowcolors