Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery]focusin(), focusout()
followc
post 7.05.2014, 00:00:15
Post #1





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 30.12.2013
Skąd: Gdańsk

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


witam, taki oto kod:
  1. var kontakt_nazw = 'imię i nazwisko/nazwa firmy';
  2. $('input[type="text"]').attr('value',kontakt_nazw).focusin(function(){
  3. if($(this).val()== kontakt_nazw){
  4. $(this).attr('value','');
  5. }
  6. }).focusout(function(){
  7. if($(this).val()==''){
  8. $(this).attr('value', kontakt_nazw);
  9. }
  10. });



chodzi o to, że domyślnie w polu tekstowym widnieje odpowiedni napis, gdy w to pole klikniemy, napis znika. Jesli opuscimy pole bez wpisywania zadnych znakow, wraca domyslny tekst, jesli cos wklikniemy zostaje to co napisalismy. wszystko dziala pieknie, oprocz motywu kiedy klikamy w pole, wpisujemy, backspacujemy wszystko i wychodzmy z pola. w takim wypadku nie zostaje ono wypelnione domylnym tekstem i kompletnie nie moge dojsc do tego, czemu. licze na Wasze wskazówki
Go to the top of the page
+Quote Post
Tuminure
post 7.05.2014, 07:34:09
Post #2





Grupa: Zarejestrowani
Postów: 178
Pomógł: 49
Dołączył: 16.04.2012
Skąd: Bytom

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


Taki kod zadziała tylko na zmianę wartości, która jest widoczna po załadowaniu strony:
[JAVASCRIPT] pobierz, plaintext
  1. $(this).attr('value', kontakt_nazw);
[JAVASCRIPT] pobierz, plaintext


Tak zaś możesz zmienić wartość w dowolnym momencie:
[JAVASCRIPT] pobierz, plaintext
  1. $(this).val(kontakt_nazw);
[JAVASCRIPT] pobierz, plaintext

lub
[JAVASCRIPT] pobierz, plaintext
  1. $(this).prop('value', kontakt_nazw);
[JAVASCRIPT] pobierz, plaintext


PS.
Nie lepiej zrobić po prostu w htmlu:
  1. <input placeholder="imię i nazwisko/nazwa firmy">


Ten post edytował Tuminure 7.05.2014, 09:23:57
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: 9.05.2024 - 21:20