Forum PHP.pl > dynamiczny formularz

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

merle

4.07.2006, 10:55:46

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ę?

znalazłem coś takiego z wykorzystaniem DOM :

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!-- <![CDATA[
i=0;
function wstaw() {
  i++;
  var tekst = document.createTextNode('pole '+i+': ');
  var input = document.createElement('input');
      input.setAttribute('type', 'text');
      input.setAttribute('name', 'p'+i);
  var br    = document.createElement('br');
  var div   = document.createElement('div');
      div.appendChild(tekst);
      div.appendChild(input);
      div.appendChild(br);
  document.getElementById('pola').appendChild(div);
}
// ]]> -->
</script>
 
 
<form action="index.php" method="post">
<p><input type="button" value="wstaw nowe pole" onclick="wstaw()" /></p>
 
<div id="pola">
</div>
 
<p><input type="submit" value="wyślij pola" /></p>
</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

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

nospor

4.07.2006, 11:00:03

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=

merle

4.07.2006, 11:13:49

eehhhh.... idiotą nie jestem

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

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ć

nospor

4.07.2006, 11:18:28

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

No i dobrze, ale na przyszlosc zagladaj w linki co dostajesz w ramach odpowiedzi

merle

4.07.2006, 12:17:10

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

nospor

4.07.2006, 12:28:33

No to masz juz dzialający przyklad. Se go podepnij juz tylko do siebie:

[HTML] pobierz, plaintext 
<html>
<head>
	<script language="javascript">
		function AddSelect(){
			diw = document.getElementById('diw');
 
			var select = document.createElement('select');
			opt = document.createElement('option');
			opt.value = 1;
			opt.text = 'pierwszy';
			select.options.add(opt, 0);
			opt = document.createElement('option');
			opt.value = 2;
			opt.text = 'drugi';
			select.options.add(opt, 1);
			diw.appendChild(select);
		}
	</script>
</head>
<body>
	<input type="button" onclick="AddSelect();" />
	<div id="diw"></div>
</body>
</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

merle

4.07.2006, 13:45:02

wielkie dzieki

postram sie dojsc dla czego w IE nie dziala

Cysiaczek

4.07.2006, 13:51:55

słówko var przy zmiennych - var war=document.getElementById....

nospor

4.07.2006, 13:56:23

@Cysiaczek hehe, faktycznie. ale to badzIEwie

no nic, to juz teraz wiem czemu należy zawsze pisac var

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.