JQuery new row in table

om het probleem van regel 7 op te lossen zou je newrow += '' kunnen gebruiken.

Is er een rede dat je de helft wel Jquery gebruikt en de anderen helft niet ?

Voorbeeld: var id = .... kan ook met jquery.
var rowid zelfde verhaal.

Gebruik je de document ready van jquery ? zo ja staat die functie tcal() er buiten of binnen ?

ah, dat van regel 7 wist ik niet meer.. Ben niet zo vaak met js bezig.

De reden is dat het half gekopieerd is van een online source, half zelf aangepast. Intussen had ik alles wel al naar JQuery omgezet...

De functie staat binnen document ready van JQuery.

De tcal wordt gewoon in het begin van het document toegevoegd:

<script type="text/javascript" src="http://www.domain.com/calendar/calendar_nl.js"></script>;



[size=xsmall]Toevoeging op 13/09/2011 15:54:39:[/size]

<script type="text/javascript">
$(document).ready(function() {
	$("#addrow").click(function() {
		var newid = parseInt($("#nextid").val());
		var rowid = parseInt($("#numrows").val());
		var nextrow = rowid+1;
		alert(newid);
		alert(nextrow);
		
		var newrow = '<tr id="' + nextrow + '">';
		newrow += '<td><input type="text" name="activity_' + newid + '" value="" maxlength="50" style="width:95%;"></td>';
		newrow += '<td><input type="text" name="startdate_' + newid + '" id="startdate_' + newid + '" value="" style="width:70px; text-align:center;"/></td>';
		newrow += '<td><sc' + 'ript language="JavaScript">new tcal ({/* form name */\'formname\': \'calendar\', /* input name */ \'controlname\': \'startdate_' + newid + '\' }); </scr' + 'ipt></td>';
		newrow += '<td><input type="text" name="startuur_' + newid + '" value="" style="width:50px; text-align:center;"></td>';
		newrow += '<td><input type="text" name="enddate_' + newid + '" id="enddate_' + newid + '" value="" style="width:70px; text-align:center;"/></td>';
		newrow += '<td><sc' + 'ript language="JavaScript">new tcal ({/* form name*/ \'formname\': \'calendar\',/* input name*/ \'controlname\': \'enddate_' + newid + '\'});</scr' + 'ipt></td>';
		newrow += '<td><input type="text" name="einduur_' + newid + '" value="" style="width:45px; text-align:center;"></td>';
		newrow += '<td align="center"><input type="checkbox" name="visible_' + newid + '" CHECKED></td>';
		newrow += '<td align="center"><img src="http://www.jes-weekend.be/images/b_info.png" width="15" height="15" onmouseover="return Tip(\'Deze activiteit werd nog niet gewijzigd.\', TITLE, \'Informatie over deze activiteit\', WIDTH, 335)" onmouseout="UnTip();"></td></tr>';
		
		alert(newrow);
		
		$('#' + rowid).after(newrow);
	
	});
});
</script>

Zo ziet dat deel er nu uit...

[size=xsmall]Toevoeging op 13/09/2011 15:55:18:[/size]

Ohja, de alert()'s zijn om te testen.. :)

[size=xsmall]Toevoeging op 13/09/2011 19:10:41:[/size]

Iemand???

[size=xsmall]Toevoeging op 14/09/2011 00:11:00:[/size]

Ok, het is me gelukt na veel prutsen met dat Javascript object..

Nu een ander probleem...

Ik heb een hele reeks nieuwe velden via JQuery op mijn pagina gebracht. Als ik het formulier verzend, worden die nieuwe velden niet gezien door PHP. Hoe lost ik dit op?

[size=xsmall]Toevoeging op 14/09/2011 13:09:26:[/size]

Ik ben te weten gekomen dat ik ook op volgende manier kan werken:

<input type="text" name="name[]" value="">

Met de vierkante haakjes []. Die krijg ik in PHP dan in een soort array op volgende manier:

<?php
foreach($_POST['name'] AS $value){
	// use $value
}
?>

Maar dit werkt enkel voor de fields die al op de pagina stonden. De fields die ik toevoegde met jQuery kan ik niet validaten met PHP. Hoe los ik dat op?

Nevermind, het is opgelost.

Bepaalde jQuery functies schrijven inhoud permanent naar een pagina, andere doen dat alleen voor het uiterlijk.

met de functie .after() had ik problemen
met de functie .append() werd er permanent geschreven. Zo lukte het wel.