Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Pokazywanie pól
XP'ek
post 25.10.2012, 19:31:26
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


  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>


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 25.10.2012, 20:28:32
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


--------------------
Good luck and happy PHP'ing
Go to the top of the page
+Quote Post
b4rt3kk
post 25.10.2012, 21:20:18
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


  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>


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.

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



--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
XP'ek
post 25.10.2012, 21:23:13
Post #4





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

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


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

@Bartek sorka literówa smile.gif i thx smile.gif

Ten post edytował XP'ek 25.10.2012, 21:24:45
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: 24.07.2025 - 17:43