Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] Pokazywanie pól
XP'ek
post
Post #1





Grupa: Zarejestrowani
Postów: 263
Pomógł: 9
Dołączył: 3.05.2009
Skąd: Wroc

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

Cześć wszystkim wiem, że to bardzo błache pytanie ale mam coś takiego 


[HTML] pobierz, plaintext 
  1. <p class="box1">
  2.   <inpit type="text" name="box[]" value="">
  3. </p>
  4.  
  5. <p class="box2">(domyślnie display:none;)
  6.   <inpit type="text" name="box[]" value="">
  7. </p>
  8.  
  9. <p class="box3">(domyślnie display:none;)
  10.   <inpit type="text" name="box[]" value="">
  11. </p>
  12.  
  13. <a href="#" id="addBox">[+ dodaj]</a>
[HTML] pobierz, plaintext


jak zrobić w jQ by po kliknięciu dodaj pokazało mi kolejny box ?
Go to the top of the page
+Quote Post
jaslanin
post
Post #2





Grupa: Zarejestrowani
Postów: 511
Pomógł: 143
Dołączył: 13.03.2010
Skąd: Jasło

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

http://stackoverflow.com/questions/6253660...v-of-same-class
Go to the top of the page
+Quote Post
b4rt3kk
post
Post #3





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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

Cytat(XP'ek @ 25.10.2012, 20:31:26 ) *
Cześć wszystkim wiem, że to bardzo błache pytanie ale mam coś takiego 


[HTML] pobierz, plaintext 
  1. <p class="box1">
  2.   <inpit type="text" name="box[]" value="">
  3. </p>
  4.  
  5. <p class="box2">(domyślnie display:none;)
  6.   <inpit type="text" name="box[]" value="">
  7. </p>
  8.  
  9. <p class="box3">(domyślnie display:none;)
  10.   <inpit type="text" name="box[]" value="">
  11. </p>
  12.  
  13. <a href="#" id="addBox">[+ dodaj]</a>
[HTML] pobierz, plaintext


jak zrobić w jQ by po kliknięciu dodaj pokazało mi kolejny box ?


Pierwsze słyszę o polu typu inpit. Ale coż. A tutaj najprościej byłoby użyć biblioteki jQuery. No i inputy raczej opakuj w divy, a nie p.

[HTML] pobierz, plaintext 
  1. <head>
  2. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
  3. <script type="text/javascript">
  4. $(function(){
  5.   $('.button').click(function(){
  6.    show = 'inp' + ($('.field:visible').length+1);
  7.    $('input[id='+show+']').show();
  8.   });
  9. });
  10. </script>
  11. </head>
  12.  
  13.  
  14. <input id="inp1" type="text" class="field" />
  15. <input id="inp2" type="text" class="field" />
  16. <input id="inp3" type="text" class="field" style="display: none;"/>
  17. <input id="inp4" type="text" class="field" style="display: none;"/>
  18. <input id="inp5" type="text" class="field" style="display: none;"/>
  19. <input id="inp6" type="text" class="field" style="display: none;"/>
  20. <input id="inp7" type="text" class="field" style="display: none;"/>
  21. <input id="inp8" type="text" class="field" style="display: none;"/>
  22.  
  23. <input type="submit" class="button" value="Kliknij mnie" />
[HTML] pobierz, plaintext

Go to the top of the page
+Quote Post
XP'ek
post
Post #4





Grupa: Zarejestrowani
Postów: 263
Pomógł: 9
Dołączył: 3.05.2009
Skąd: Wroc

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

to jest slider (IMG:style_emoticons/default/smile.gif) i odpowiada za pokazywanie następnych bądź poprzednich a mi bardziej chodzi o dodanie (IMG:style_emoticons/default/smile.gif) kolejnych inputów

@Bartek sorka literówa (IMG:style_emoticons/default/smile.gif) i thx (IMG:style_emoticons/default/smile.gif)

Ten post edytował XP'ek 25.10.2012, 21:24:45
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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 Aktualny czas: 22.08.2025 - 20:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn