addTableRow TestSuite
Actions
Display the tables Hide first table

Work in progress.Het idee is om vanuit een of meerdere templates [ bron in het document zelf of op de server ] een tabel te clonen en daar dan acties aan toe te voegen, dit bijvoorbeeld om flexibele dynamische formulieren te kunnen maken.


Het principe kan ook worden toegepast op andere elementen natuurlijk zoals een form met <ul><li> <input/> </li></ul> opbouw.De acties worden door de url [of GET parameters] gestuurd, zodat het eenvoudig met PHP te integreren is


De bovenste rij buttons voeren een aantal voorbeeldacties uit, work in progress natuurlijk ;-) :

	<a href="?target=target+target1+target2" class="display button nomargin">Display the tables</a>
	<a href="?target=target&row=1&tmprow=1" class="add button nomargin">Add Row</a>
	<a href="?target=target" class="delete button nomargin">Delete Row</a>
	<a href="?target=target1&row=1&tmprow=2" class="add button nomargin">Add Row 2</a>
	<a href="?target=target" class="hide button nomargin">Hide</a>
	

De templates staan in het document zelf :

<div id="cnt_template" style="display:none;">

	<table class="tabel">
	  <tr>
		<th>Template 1</th>
		<th>Result</th>
		<th>Action</th>
	  </tr>
	  <tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	  </tr>
	</table>
</div>

<div id="cnt_template01" style="display:none;">

	<table class="tabel">
	  <tr>
		<th>Template 2</th>
		<th>Result</th>
		<th>Action</th>
	  </tr>
	  <tr>
		<td><input type="text" name="naam" value="invoer svp" /></td>
		<td><input type="text" name="result" value="" /></td>
		<td><button class="button nomargin">delete</button></td>
	  </tr>
	  
	  <tr class="nocopy">
		<td><input type="text" name="naam" value="telefoon svp" /></td>
		<td><input type="text" name="result" value="0545274285" /></td>
		<td><button>Call now</button></td>
	  </tr>
	  
	</table>
</div>
	




De Code: