Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS][css]Default Input text
Forum PHP.pl > Forum > Po stronie przeglądarki
ahead
Szukam koncepcji na wstawianie domyślych elementów w pola input text. Np. mam pole imie, chciałbym żeby widniała w nim wartość 'Imię', która zniknie gdy zaznacze ją myszka lub przejde do niej tabem, a następnie, gdy to pole pozostawie puste i zaznacze inne ta domyślna wartość znów się tam pojawiła? Jak to można wykonać?
vokiel
atrybut value="domyślna wartosc"
a teraz obsługa zdarzeń:
onclick(), onfocus() => this.value=''
onblur() => jesli this.value=='' this.value='Domyślna wartość'

czyli input by wyglądał mniej więcej tak:
  1. <input type="text" name="imie" value="Imię" onfocus="this.value=''" onblur="if(this.value=='')this.value='Imię';" />
ahead
To żeby nie tworzyć nowego wątku - jak wygląda możliwość sprawdzenia tego pola podczas walidacji js. Z tym, że muszę mieć metodę która sprawdza domyślną wartość(np. dla dwóch wersji językowych), a nie słowo 'Imię'. Tak żeby walidacja nie przechodziła przy sprawdzaniu tego pola dla zapytania czy pole niepuste?
Shili
@vokiel, podany przez Ciebie kod jest zły.
Dla przykładu - jeśli ktoś wpisze imię: Jan, a potem jeszcze raz ustawi w polu kursor, to pole się wyzeruje! Błąd i to spory.

  1. <input type="text" name="imie" value="Imię" onfocus="if(this.value=='Imię')this.value='';" onblur="if(this.value=='')this.value='Imię';" />
Jak już podawać przykłady, to w miarę dobre ^^

@ahead
Cytat
Z tym, że muszę mieć metodę która sprawdza domyślną wartość(np. dla dwóch wersji językowych), a nie słowo 'Imię'. Tak żeby walidacja nie przechodziła przy sprawdzaniu tego pola dla zapytania czy pole niepuste?
Na przykład tablica. Można się jeszcze pokusić o to, żeby pobierać podczas onload wartość inputa i zapisywać sobie gdzieś. I potem sprawdzać z tym pobranym. Szczerze powiem, że nie wiem jak to dokładnie będzie wyglądać i czy na pewno zawsze będzie działać jak powinno, ale na poziomie języka przetwarzającego ten formularz (php?) z pewnością to i tak wyłapiesz winksmiley.jpg
vokiel
To było na szybko smile.gif Proszę o wybaczenie.
Jeśli robić już tak perfekto, to trzeba zrobić ładną funkcję w js, a w niej sprawdzać czy wartość danego pola jest wartością domyślną czy nie i albo zerować pole, albo zostawić jak jest.
Wtedy mozna zapisac w tablicy wartosci domyslne tych pól dla każdego jezyka strony. Albo nawet wygenerowac tablice w php w trakcie tworzenia strony.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.