Forum PHP.pl > [JavaScript] Pokazywanie pól

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Pokazywanie pól

XP'ek

25.10.2012, 19:31:26

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

[HTML] pobierz, plaintext 
<p class="box1">
  <inpit type="text" name="box[]" value="">
</p>
 
<p class="box2">(domyślnie display:none;)
  <inpit type="text" name="box[]" value="">
</p>
 
<p class="box3">(domyślnie display:none;)
  <inpit type="text" name="box[]" value="">
</p>
 
<a href="#" id="addBox">[+ dodaj]</a>
[HTML] pobierz, plaintext

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

jaslanin

25.10.2012, 20:28:32

http://stackoverflow.com/questions/6253660...v-of-same-class

b4rt3kk

25.10.2012, 21:20:18

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 
<p class="box1">
  <inpit type="text" name="box[]" value="">
</p>
 
<p class="box2">(domyślnie display:none;)
  <inpit type="text" name="box[]" value="">
</p>
 
<p class="box3">(domyślnie display:none;)
  <inpit type="text" name="box[]" value="">
</p>
 
<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 
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(function(){
  $('.button').click(function(){
   show = 'inp' + ($('.field:visible').length+1);
   $('input[id='+show+']').show();
  });
});
</script>
</head>
 
 
<input id="inp1" type="text" class="field" />
<input id="inp2" type="text" class="field" />
<input id="inp3" type="text" class="field" style="display: none;"/>
<input id="inp4" type="text" class="field" style="display: none;"/>
<input id="inp5" type="text" class="field" style="display: none;"/>
<input id="inp6" type="text" class="field" style="display: none;"/>
<input id="inp7" type="text" class="field" style="display: none;"/>
<input id="inp8" type="text" class="field" style="display: none;"/>
 
<input type="submit" class="button" value="Kliknij mnie" />
[HTML] pobierz, plaintext

XP'ek

25.10.2012, 21:23:13

to jest slider

i odpowiada za pokazywanie następnych bądź poprzednich a mi bardziej chodzi o dodanie

kolejnych inputów

@Bartek sorka literówa

i thx

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.