Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [jQuery] Jak ukryc pole input
DannyM
post 27.05.2009, 14:06:57
Post #1





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----

Chce zrobic prosta czynnosc aby po zaznaczeniu checkboxa pole option zniknelo i pojawilo sie input.
COs na zasadzie "nie ma na liscie wprowadz wlasne"
Szukalem w sieci ale chyba nie trafialem w dobre frazy.
Powód edycji: [erix] przeniosłem
Go to the top of the page
+Quote Post
sowiq
post 27.05.2009, 14:25:46
Post #2





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

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

Kod
$('#id_checkboxa').click( function(){
    if($(this).attr('checked')){ // jeśli zaznaczony
        $('#id_inputa').show();
        $('#id_listy').hide();
    }
    else{ // jeśli nie zaznaczony
        $('#id_inputa').hide();
        $('#id_listy').show();
    }
});


Polecam http://ferrante.pl/2007/08/01/jquery-to-latwe-1/ oraz http://docs.jquery.com/Effects/hide

Ten post edytował sowiq 27.05.2009, 14:26:35
Go to the top of the page
+Quote Post
DannyM
post 27.05.2009, 15:17:29
Post #3





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----

Cytat(sowiq @ 27.05.2009, 15:25:46 ) *
Kod
$('#id_checkboxa').click( function(){
    if($(this).attr('checked')){ // jeśli zaznaczony
        $('#id_inputa').show();
        $('#id_listy').hide();
    }
    else{ // jeśli nie zaznaczony
        $('#id_inputa').hide();
        $('#id_listy').show();
    }
});


Polecam http://ferrante.pl/2007/08/01/jquery-to-latwe-1/ oraz http://docs.jquery.com/Effects/hide


id_checkboxa - to id checkboxa?
id_inputa - to id pola?
Czy jeszcze jest do tego potrzeby jakis skrypt? Robie ale nic nie daje sad.gif
Go to the top of the page
+Quote Post
sowiq
post 27.05.2009, 15:24:11
Post #4





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

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

Cytat(DannyM @ 27.05.2009, 16:17:29 ) *
id_checkboxa - to id checkboxa?
id_inputa - to id pola?
Nie, id_checkboxa to jak sama nazwa wskazuje Twoje imię, a id_inputa to Twój numer buta blinksmiley.gif
Podałem Ci dwa linki. Ja się z nich nauczyłem jQuery. Poczytaj.
Go to the top of the page
+Quote Post
DannyM
post 27.05.2009, 16:47:49
Post #5





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----

Cytat(sowiq @ 27.05.2009, 16:24:11 ) *
Nie, id_checkboxa to jak sama nazwa wskazuje Twoje imię, a id_inputa to Twój numer buta blinksmiley.gif
Podałem Ci dwa linki. Ja się z nich nauczyłem jQuery. Poczytaj.


sprawdzalem strony hide ale tam operuje sie na buttonach a po kliknieciu wywoluje formularz. Twoj sposob wyglada na sensowny ale nie dziala.
Mam tak
[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
  2.  
  3. 	<script>  
  4.   $('#id_checkboxa').click( function(){
  5.     if($(this).attr('checked')){ // jeśli zaznaczony
  6.         $('#id_inputa').show();
  7.         $('#id_listy').hide();
  8.     }
  9.     else{ // jeśli nie zaznaczony
  10.         $('#id_inputa').hide();
  11.         $('#id_listy').show();
  12.     }
  13. });
  14.   </script>
  15. </head>
  16. <body>
  17.   <div>
  18.  
  19.   <input name="id_checkboxa" id="id_checkboxa" type="checkbox"/>
  20.   <input name="id_inputa" id="id_inputa" type="text" value="pokaz" />
  21.   <input name="id_listy" id="id_listy" type="text" value="ukryj" />
  22.   </div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
sowiq
post 27.05.2009, 16:57:33
Post #6





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

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

http://docs.jquery.com/Effects/hide -> pierwsza zakładka o nazwie View Source:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2.                     "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  6.  
  7.   <script>
  8.   $(document).ready(function(){
  9.  
  10.     $("p").hide();
  11.     $("a").click(function () {
  12.       $(this).hide();
  13.       return true;
  14.     });
  15.  
  16.   });
  17.   </script>
  18.  
  19. </head>
  20. <body>
  21.   <p>Hello</p>
  22.   <a href="#">Click to hide me too</a>
  23.   <p>Here is another paragraph</p>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext

Zwróć uwagę na
Kod
$(document).ready(function(){ ... });

Pod pierwszym adresem, który podałem ( http://ferrante.pl/2007/08/01/jquery-to-latwe-1/ ) jest opisana funkcja $(document).ready()
Lenistwo Panie.

Ten post edytował sowiq 27.05.2009, 17:00:14
Go to the top of the page
+Quote Post
DannyM
post 27.05.2009, 19:43:33
Post #7





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----

Cytat(sowiq @ 27.05.2009, 17:57:33 ) *
http://docs.jquery.com/Effects/hide -> pierwsza zakładka o nazwie View Source:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2.                     "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  6.  
  7.   <script>
  8.   $(document).ready(function(){
  9.  
  10.     $("p").hide();
  11.     $("a").click(function () {
  12.       $(this).hide();
  13.       return true;
  14.     });
  15.  
  16.   });
  17.   </script>
  18.  
  19. </head>
  20. <body>
  21.   <p>Hello</p>
  22.   <a href="#">Click to hide me too</a>
  23.   <p>Here is another paragraph</p>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext

Zwróć uwagę na
Kod
$(document).ready(function(){ ... });

Pod pierwszym adresem, który podałem ( http://ferrante.pl/2007/08/01/jquery-to-latwe-1/ ) jest opisana funkcja $(document).ready()
Lenistwo Panie.


Poczytalem itd ale niestety pole mimo ukrycia nie jest pomijane w formularzu sad.gif Czy jest na to jakis sposob?
Go to the top of the page
+Quote Post
erix
post 27.05.2009, 19:54:24
Post #8





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Chcesz kompletnie pomijać pole w przetwarzaniu formularza, czy tylko ukrywać?


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
DannyM
post 27.05.2009, 20:04:25
Post #9





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----

Cytat(erix @ 27.05.2009, 20:54:24 ) *
Chcesz kompletnie pomijać pole w przetwarzaniu formularza, czy tylko ukrywać?

mam dwa pola o tej samej nazwie. Oczywiscie pobiera ostatnie w formularzu. To pole ma byc wyborem. Jesli nie to co proponuje wpisz swoje.
Reasumujac. Jesli nie bedzie chcial wpisac swojego ma pominac to pole.
Domyslnie ma pomijac pole nizej

Ten post edytował DannyM 27.05.2009, 20:05:03
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 13:58
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn