Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> dynamiczny formularz, Jak użyc DOM
merle
post 4.07.2006, 10:55:46
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 4.07.2006

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

witam wszystkich serdecznie
mam dość rozległy problem
potrzebuje zrobić dynamiczny formularz w którym występowała by nazwijmy to "grupa" zawierająca kilka elementów input i select charakteryzujących tą grupę w niej była by tez podgrupa również posiadająca kilka elementów do wypełniania input i select .
Istniał by przycisk do tworzenia nowych grup wraz z podgrupami zagnieżdżonymi w nich jak i przycisk do tworzenie podgrup wewnątrz danych grup.
uhh... mam nadzieje ze nie za bardzo zagmatwałem sprawę? worriedsmiley.gif
znalazłem coś takiego z wykorzystaniem DOM :


[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. <!-- <![CDATA[
  3. i=0;
  4. function wstaw() {
  5.   i++;
  6.   var tekst = document.createTextNode('pole '+i+': ');
  7.   var input = document.createElement('input');
  8.       input.setAttribute('type', 'text');
  9.       input.setAttribute('name', 'p'+i);
  10.   var br    = document.createElement('br');
  11.   var div   = document.createElement('div');
  12.       div.appendChild(tekst);
  13.       div.appendChild(input);
  14.       div.appendChild(br);
  15.   document.getElementById('pola').appendChild(div);
  16. }
  17. // ]]> -->
  18. </script>
  19.  
  20.  
  21. <form action="index.php" method="post">
  22. <p><input type="button" value="wstaw nowe pole" onclick="wstaw()" /></p>
  23.  
  24. <div id="pola">
  25. </div>
  26.  
  27. <p><input type="submit" value="wyślij pola" /></p>
  28. </form>
[HTML] pobierz, plaintext



w powyższym tworzy sie dodawalny input , moje pytanie :
jak z tego zrobić selecta bo potrzebuje i inputów i selectów,a niespecjalnie sie znam na strukturze DOM,
wiem ,że pewnie to trywialne jest, ale juz mnie biała gorączka bierze tongue.gif

z zagnieżdżeniem tego tak ja napisałem na początku powinienem sobie poradzić , jakkolwiek za jakieś wskazówki byłbym wdzięczny
na koniec jeszcze jedno pytanie :
jak z zapisywaniem czegoś takiego do pliku txt przez php?
jak to najlepiej rozwiazać przy takim dynamicznym formluarzu

pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 8)
nospor
post 4.07.2006, 11:00:03
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Cytat
jak z tego zrobić selecta bo potrzebuje i inputów i selectów

lekcja logiki i samowystarczania:
skoro masz w kodzie:
Kod
document.createElement('input');

no to mozna sie domyslic, ze ma byc:
Kod
document.createElement('select');

No a google to napewno ci powie:
http://www.google.com/search?hs=0XM&hl=pl&...btnG=Szukaj&lr=
smile.gif


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
merle
post 4.07.2006, 11:13:49
Post #3





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 4.07.2006

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

eehhhh.... idiotą nie jestem tongue.gif
to banalne, tak tez już zrobiłem

ehh.. może pytanie źle sformułowałem, no cóż....
jak zrobić funkcjonalnego selecta tak żeby zawierał opcje do wyboru w sobie

kombinowałem ale zawsze select jest pusty i nie ma nic do wyboru w nim sad.gif
rzadko sie pytam o cokolwiek na forach czy gdziekolwiek zawsze najpierw szukam, ale tego nie jestem w stanie znaleźć (choć podejrzewam ze to banalne musi być) wiec w końcu postanowiłem sie zapytać
Go to the top of the page
+Quote Post
nospor
post 4.07.2006, 11:18:28
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Cytat
eehhhh.... idiotą nie jestem
no coż, tego nie wiem i nie sugeruje ale czytac to napewno nie umiesz. podalem ci przeciez linka. Pierwszy rezultat:
http://www.quirksmode.org/js/options.html
spojrz na sam dol strony

kolejny rezultat:
http://www.donkeymagic.co.uk/index.php?story=67&page=news
tu juz masz tworzenie selecta od podstaw z opcjami

aczkolwiek dobry kod z pierwszego linku:
Kod
var opt = doc.createElement('OPTION');
opt.value = value;
opt.text = text;
select.options.add(opt, index);


Cytat
rzadko sie pytam o cokolwiek na forach czy gdziekolwiek zawsze najpierw szukam, ale tego nie jestem w stanie znaleźć (choć podejrzewam ze to banalne musi być) wiec w końcu postanowiłem sie zapytać
No i dobrze, ale na przyszlosc zagladaj w linki co dostajesz w ramach odpowiedzi smile.gif


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
merle
post 4.07.2006, 12:17:10
Post #5





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 4.07.2006

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

zwracam honor;)
zerknąłem na linka, ale po tym jak posta napisałem , tego drugiego
zmęczony jestem pomimo wczesnej pory no i myślenie już nie te
ehh.. a może rzeczywiście zidiociałem ...
przepraszam i prosze o wyrozumialość

a jeśli tak jeszcze mógłbym się zapytać jak to wykorzystać w moim przypadku?
tzn byłbym wdzięczny, jakbyś mi wyłożył całościowo konstrukcje selecta w tym moim wypadku o ile to nie problem wielki

próbowałem skonstruować tego selecta, ale nadal mi nie wychodzi
ehh.. przecież zrobienie selecta normalnie jest banalne , tzn tutaj pewnie tez ale nie potrafie pojąc konstrukcji jak narazie
mad.gif

Ten post edytował merle 4.07.2006, 12:19:00
Go to the top of the page
+Quote Post
nospor
post 4.07.2006, 12:28:33
Post #6





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
No to masz juz dzialający przyklad. Se go podepnij juz tylko do siebie:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<script language="javascript">
  4. 		function AddSelect(){
  5. 			diw = document.getElementById('diw');
  6.  
  7. 			var select = document.createElement('select');
  8. 			opt = document.createElement('option');
  9. 			opt.value = 1;
  10. 			opt.text = 'pierwszy';
  11. 			select.options.add(opt, 0);
  12. 			opt = document.createElement('option');
  13. 			opt.value = 2;
  14. 			opt.text = 'drugi';
  15. 			select.options.add(opt, 1);
  16. 			diw.appendChild(select);
  17. 		}
  18. 	</script>
  19. </head>
  20. <body>
  21. 	<input type="button" onclick="AddSelect();" />
  22. 	<div id="diw"></div>
  23. </body>
  24. </html>
[HTML] pobierz, plaintext


edit: no oczywiscie pod badzIEwiem nie dziala. Pewnie jakis glupi blad, niechce juz mi sie szukac.
pod Operą i FF jest ok


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
merle
post 4.07.2006, 13:45:02
Post #7





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 4.07.2006

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

wielkie dzieki smile.gif
postram sie dojsc dla czego w IE nie dziala
Go to the top of the page
+Quote Post
Cysiaczek
post 4.07.2006, 13:51:55
Post #8





Grupa: Moderatorzy
Postów: 4 465
Pomógł: 137
Dołączył: 26.03.2004
Skąd: Gorzów Wlkp.
słówko var przy zmiennych - var war=document.getElementById....


--------------------
To think for yourself you must question authority and
learn how to put yourself in a state of vulnerable, open-mindedness;
chaotic, confused, vulnerability, to inform yourself.
Think for yourself. Question authority.
Go to the top of the page
+Quote Post
nospor
post 4.07.2006, 13:56:23
Post #9





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
@Cysiaczek hehe, faktycznie. ale to badzIEwie winksmiley.jpg
no nic, to juz teraz wiem czemu należy zawsze pisac var smile.gif


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 02:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn