Loading:

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z Jak zbudować pr Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.getdate() 2.vprintf() 3.end() 4.ssh2_shell 5.bzerrstr() 6.zip_read() 7.sizeof 8.yaz_sort 9.zip-read() 10.urldecode

56853.05

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.." />

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