سوال:اضافه کردن یه ردیف به جدول؟

ooghry · Dec 23, 2007

سلام به همه
من یه فرمی دارم به صورت زیر

کد:

<form autocomplete="off" method="POST" action="--WEBBOT-SELF--">
<p align="center"><input type="submit" value="Submit" name="B1">&nbsp; <input type="reset" value="Reset" name="B2"></p>

<table border="1" width="100%">
<tr>
<td align="center">تاریخ</td>
<td align="center">موضوع</td>
</tr>
<tr>
<td align="center"><input type="text" name="T[]" size="20"></td>
<td align="center"><textarea rows="4" name="S[]" cols="32"></textarea></td>
</tr>
<tr>
<td align="center"><input type="text" name="T[]" size="20"></td>
<td align="center"><textarea rows="4" name="S[]" cols="32"></textarea></td>
</tr>
</table>
</form>

حالا می خوام بعد از فرم یه لینکی بزارم که اگه روش کلیک کردن (مثل فایل آپلودر آژاکس) به جدول این مقدار اضافه بشه

کد:

<tr>
<td align="center"><input type="text" name="T[]" size="20"></td>
<td align="center"><textarea rows="4" name="S[]" cols="32"></textarea></td>
</tr>

تنها دستوری که در این مورد میدونم innerhtml :-D که با این نشد چون مقادیر پر شده ی فرم از بین میره و ...
اگه کمک کنین ممنون میشم

peyman1987 · Dec 23, 2007

درباره appendchild سرچ کن.
اگه گیر نیاوردی یه فکر دیگه میکنیم.

ooghry · Dec 23, 2007

peyman1987 گفت:
درباره appendchild سرچ کن.
اگه گیر نیاوردی یه فکر دیگه میکنیم.

آخه من اصلا جاوا اسکریپت بلد نیستم ، این مشکل من هم باید زود حل بشه وقت خوندنو یاد گرفتن نیست،شما بگین من حتما یاد میگیرم

mohseni12345 · Dec 25, 2007

کد:

<script type="text/javascript">
function insRow()
{
var x=document.getElementById('myTable').insertRow(1)
var y=x.insertCell(0)
var z=x.insertCell(1)
y.innerHTML='<input type="text" name="T[]" size="20">'
z.innerHTML='<textarea rows="4" name="S[]" cols="32"></textarea>'
}
</script>

<form autocomplete="off" method="POST" action="--WEBBOT-SELF--" >
	<p align="center"><input type="submit" value="Submit" name="B1">&nbsp;
	<input type="reset" value="Reset" name="B2"></p>
	<table border="1" width="100%" id="myTable">
		<tr>
			<td align="center">تاریخ</td>
			<td align="center">موضوع</td>
		</tr>
		<tr>
			<td align="center"><input type="text" name="T[]" size="20"></td>
			<td align="center"><textarea rows="4" name="S[]" cols="32"></textarea></td>
		</tr>
		<tr>
			<td align="center"><input type="text" name="T[]" size="20"></td>
			<td align="center"><textarea rows="4" name="S[]" cols="32"></textarea></td>
		</tr>
	</table>
</form>
<input type="button" onclick="insRow()" value="Insert row">

برای وسط چین شدن ردیف های جدید هم از سی اس اس استفاده کن