Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JS][css]Default Input text
ahead
post 10.09.2008, 12:45:24
Post #1





Grupa: Zarejestrowani
Postów: 33
Pomógł: 2
Dołączył: 13.08.2008

Ostrzeżenie: (0%)
-----


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ć?

Ten post edytował ahead 10.09.2008, 12:46:36
Go to the top of the page
+Quote Post
vokiel
post 10.09.2008, 13:03:38
Post #2





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

Ostrzeżenie: (0%)
-----


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ę';" />


--------------------
Go to the top of the page
+Quote Post
ahead
post 10.09.2008, 13:11:53
Post #3





Grupa: Zarejestrowani
Postów: 33
Pomógł: 2
Dołączył: 13.08.2008

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
Shili
post 10.09.2008, 15:07:59
Post #4





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


@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

Ten post edytował Shili 10.09.2008, 15:08:35
Go to the top of the page
+Quote Post
vokiel
post 12.09.2008, 08:55:27
Post #5





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

Ostrzeżenie: (0%)
-----


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.


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:44