Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dynamiczne usuwanie diva (JS), wraz z zawartością
di@blo
post
Post #1





Grupa: Zarejestrowani
Postów: 94
Pomógł: 0
Dołączył: 9.03.2005

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


Mam skrypt, który ma dynamicznie dodawać kolejne divy, a w nich pola tekstowe
  1. i=0;
  2. function wstaw_sciane() {
  3. i++;
  4. var tekst = document.createTextNode(i+'. ');
  5.  
  6. var input = document.createElement('input');
  7. input.setAttribute('type', 'text');
  8. input.setAttribute('name', 's[]');
  9. input.setAttribute('class', 'c_sciany');
  10. input.setAttribute('id', 'id'+i);
  11.  
  12. var input2 = document.createElement('input');
  13. input2.setAttribute('type', 'button');
  14. input2.setAttribute('value', 'usun');
  15. input2.setAttribute('onclick', 'usun_sciane();');
  16.  
  17. var div = document.createElement('div');
  18.  
  19. div.appendChild(tekst);
  20. div.appendChild(input);
  21. div.appendChild(input2);
  22.  
  23. document.getElementById('sciany').insertBefore(div, document.getElementById('wstaw_pole'));
  24. }
  25.  


i wszystko działa jak należy. Problem w tym, że nie potrafię stworzyć działającej funkcji na usuwanie stworzonych pól. Kombinowałem na różne sposoby, ale coś nie działa.

  1. <form method="post" onSubmit="return check_form(this);">
  2.  
  3. <div class="wall_box">Œ
  4. <div id="sciany">
  5. <input type="button" value="wstaw" onclick="wstaw_sciane('');" id="wstaw_pole" />
  6. </div>
  7. </div>
  8.  
  9. <div class="zatwierdz">
  10. <input type='submit' value='oblicz' class="input2" />
  11. <input type='reset' value='wyczyść' class="input2" />
  12. </div>
  13.  
  14. </form>


Próbowałem z usuwaniem konkretnego pola tekstowego, ale funkcja nie przyjmowała prawidłowego parametru funkcji. W funkcji usuwającej podawałem numer id pola do usuniecia, ale funkcja zwracała zupełnie inny numer.

Tak czy inaczej optymalnym rozwiązaniem byłoby usuwanie diva wraz z zawartością, w którym znajduje się button 'usun'.

Problem wydaje się prosty, ale ja nie mam za dużego doświadczenia w JS, a skakanie po węzłach i funkcja .removeChild jest dla mnie nowością.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 16.10.2025 - 16:43