اضافه كردن يكrow به جدول ديناميك

parsmizban · Aug 25, 2007

سلام من مي خوام به صورت ديناميك به جدول row اضافه كنم
چه جوري ميشه؟

peyman1987 · Aug 25, 2007

اگر منظورتون از ردیف ، ردیف جدول HTML است با کدهایی مثل کد زیر !!!!!

PHP:

<TABLE Width=100>
<?PHP
	FOR(intCounter = 1;intCounter <= 10;intCounter++)
	{
		PRINT("<TR>");
		PRINT("<TD>Row</TD>");
		PRINT("</TR>");
	}
?>
</TABLE>

jhoseini · Aug 25, 2007

خوب بیشتر توضیح بدید
این row جدید از کجا میاد؟ کجا قرار میگیره؟
منظورتون جدول mysql ؟ یا جدول html ؟

parsmizban · Aug 25, 2007

من مي خوام با جاوا اسكريپت بدونه انتقال به صفحه ديگه انجام شه همون كاره بالا

jhoseini · Aug 25, 2007

منظورتون همون aJax ؟
باید از XmlHttpRequest کمک بگیرید

کامپوننت های زیادی برای aJax نوشته شده

peyman1987 · Aug 25, 2007

نیازی به ایجکس نداره. شما میتونین با جاوا اسکریپت تگهای جدید html ایجاد کنین. من قبلا یه مثال ازش داشتم. میگردم پیدا میکنم و براتون میزارم.

jhoseini · Aug 25, 2007

نیازی به ایجکس نداره

خوب، بستگی داره که این row های جدید از کجا بیان
اگه از داخل خود صفحه parent باشه، حق با شماست
اما اگه نیاز باشه این محتوا از محیط خارج import بشه، چاره ای جز aJax، یا نهایتاً استفاده از iFrame نیست

peyman1987 · Aug 25, 2007

درست میفرمایین. در اون صورت باید با ایجکس کار بشه.

ولی برای حالت ساده که فقط جاوااسکریپت استفاده شده من یه کد نمونه براتون نوشتم. خودتون اگه بدردتون خورد تغییرش بدین.

HTML:

<html>
<head>
	<script>
		function addRow()
		{
			var newRow = document.createElement("<tr>");
			var newCol = document.createElement("<td>");
			var innerText = document.createTextNode("A new row");
			newCol.appendChild(innerText);
			newRow.appendChild(newCol);
			document.getElementById('table1').appendChild(newRow);
		}
	</script>
</head>
<body>
	<table width=100 bgcolor="red" id="table1">
		<tr>
			<td>Existing Row</td>
		</tr>
	</table>
	<br>
	<input type="button" onclick="addRow();" value="Add Row">
</body>
</html>