 Dodawanie elementów formularza, Dynamiczne... |
| Dodawanie elementów formularza, Dynamiczne... |
Post
#1
|
|
|
Grupa: Przyjaciele php.pl Postów: 7 494 Pomógł: 302 Dołączył: 31.03.2004 Ostrzeżenie: (0%) 
 |
Jestem w takiej sytuacji: nie znam JS a potrzebuję uzyskać następujący efekt.
Mam formularz: Kod +----------------------------------------+ | FORMULARZ | | | | [button_1/link_1] | | | | +------------+ | | | input/text | [button_2/link_2] | | +------------+ | | | | +------------+ | | |input/submit| | | +------------+ | +----------------------------------------+ I teraz kliknięcie dowolną ilość razy w [button_1/link_1], powoduje : Kod +----------------------------------------+ | FORMULARZ | | | | [button_1/link_1] | | | | +------------+ | | | input/text | [button_2/link_2] | | +------------+ | | | | +------------+ | | | input/text | [button_3/link_3] | | +------------+ | | | | . | | . | | . | | | | +------------+ | | | input/text | [button_N/link_N] | | +------------+ | | | | +------------+ | | |input/submit| | | +------------+ | +----------------------------------------+ i.t.d Teraz kliknięcie w króryś [button_N/link_N] ( N - numerek input/text ) powoduje usunięcie go z listy. Proszę o pomoc. P.S. Sporo się naklepałem żeby ten rysunek zrobić (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) , więc nie mówcie proszę że się nie da tego osiągnąć (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Ten post edytował mike_mech 21.02.2005, 09:48:30 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 636 Pomógł: 0 Dołączył: 22.10.2003 Skąd: Katowice Ostrzeżenie: (0%)
|
Kod <html>
<head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <style type="text/css"> .inpt{margin-right: 2px;} .dv{margin:2px;} </style> <script type="text/javascript"> ilosc_inputow = 1; function dodaj(obj) { inpt = document.createElement('input'); inpt.type = 'text'; inpt.name = 'input' + ++ilosc_inputow; inpt.className = 'inpt'; inpt.value = ilosc_inputow; // numerki w inputach btn = document.createElement('input'); btn.type = 'button'; btn.value = 'Usuń'; dv = document.createElement('div'); dv.className = 'dv'; dv.id = 'div' + ilosc_inputow; eval("btn.onclick = function () { usun('" + dv.id + "', this); }"); dv.appendChild(inpt); dv.appendChild(btn); obj.form.appendChild(dv); document.getElementById('ilosc_inputow').value = ilosc_inputow; } function usun(dv, obj) { objs = obj.form.getElementsByTagName('div'); for(i = 0; i < objs.length; i++) { if(objs[ i ].id == dv) { obj.form.removeChild(objs[ i ]); } } } </script> </head> <body> <form> <input type="hidden" id="ilosc_inputow" name="ilosc_inputow"> <input type="button" value="Dodaj" onclick="dodaj(this);"><br><br> <div class="dv" id="div1"><input type="text" id="input1" class="inpt" value="1"><input type="button" value="Usuń" onclick="usun('div1', this);"></div> </form> </body> </html> |
|
|
|
mike_mech Dodawanie elementów formularza 21.02.2005, 09:47:54 
xmarko Fajnie działa,
ale jak nazywaja się kolejne wywyo... 22.02.2005, 08:10:22 Paul Odpal to to sie dowiesz jak sie nazywaja
[PHP] pob... 22.02.2005, 16:24:00 p_korcz Właśnie o takie coś mi chodziło. Mam tylko pytanie... 5.12.2008, 13:54:46 Kredka29 Witam, a czy mógłby mi ktoś powiedzieć, jak zmodyf... 7.12.2008, 13:01:26 erix CytatCo zrobić aby każda dodana lista miała swoją ... 7.12.2008, 13:47:47 
Kredka29 Cytat(erix @ 7.12.2008, 13:47:47 ) Pr... 7.12.2008, 14:01:28 erix CytatChmmm, o ile się nie mylę, to teraz każdej do... 7.12.2008, 14:11:51  |
|
Aktualny czas: 8.10.2025 - 08:13 |
