[Javaskript] - Unendlich viele Boxen anlegen, dynamisch..

[mbassus]

Ahoy,..
Ich hab jetzt beispielsweise ein Div.. in dem Div befindet sich oben ein pluszeichen..

Immer wenn ich auf dieses Plus-Zeichen klicke, soll sich ein neues, identisches div öffnen, welches wieder ein plus beinhaltet.. usw.. so das ich viele boxen untereinanderlegen kann,.. der inhalt, in dem Fall die inputfelder im div-container sollen jedoch unterschiedlich sein, so dass ich sie später irgendwie auswerten kann (aber das wird erst das nächste Problem..)

Grüßle,
Martin.

 

[dyne]

etwa so:

<script type="text/javascript">
	function add_box(){
		document.getElementById('boxcontainer').innerHTML += '<div class="plusbox">			<a href="#" onclick="add_box()">plus</a><br /><input type="text" name="foo[]" /></div>';
	}
</script>

<div id="boxcontainer">
	<div class="plusbox">
		<a href="#" onclick="add_box()">plus</a><br />
		<input type="text" name="foo[]" />
	</div>
</div>

Die neue Box wird aber immer ganz unten eingefügt.
Wenn du das Ganze mit einem formular an ein PHP-Script sendest (z.B. per POST-Methode) hast du dann eine Variable:

array $_POST['foo']

Sie ist ein Array und enthält alle Werte aus den Eingabefeldern.
Um das zu erreichen ist es aber notwendig, dass der name der inputbox mit [] endet.

 

[ice-breaker]

öhm, für sowas gibt es in JS das DOM

 

[CrazySash]

schau dir dazu mal www.jquery.com an. Das bietet dir auch hinterher vorteile beim auswerten.