JS за всяко поотделно и прибиране на текста.

[sentenello]

Здравейте,
Знам че в заглавието много не се разбира какво искам и затова съм направил 2 снимки, за да ви обясня по лесно.
Ето какво имам като за начало.


След като натисна Напиши съм направил да ми излиза отдолно текстово поле.



Искам да го направя като натисна повторно бутона да се прибира текстовото поле и за всеки бутон да си е поотделно. Също така искам да сложа тази информация в <form>, но като е във форма и като натисна Напиши изкарва полето и веднага отива на "празна страница".

Като цяло искам да си направя за всяко едно поле поотделно да си пиша и под това текстово поле да си сложа запиши и като запиша да си отива в БД.

Ето и малко код.

<script type="text/javascript">
function obo(v) { 
if(v == "Напиши") { document.getElementById('newdiv').innerHTML = 
'<textarea cols="70" rows="15"></textarea>';
    }
}  
</script>

Ето и цикъла с който извеждам мачовете.

echo "
	<tr>
		<td><input type='hidden' name='sqldata[]' value='$rowselect[data]' size='22'>$datata </td>	
		<td><input type='hidden' name='domakin[]' value='$rowselect[domakin]' size='22'> $rowselect[domakin]-$rowselect[gost]<input type='hidden' name='gost[]' value='$rowselect[gost]' size='22'></td>
<td><img src='http://www.prognozite.com/football/adminfiles/$snimkata.png'/></td>		
		<td><input type='submit' name='napishi' value='$butona' class='button' onclick='obo(this.value)'/></td>	
	</tr>
	</tr>
	<td colspan='4'><div id=\"newdiv\" style=\"display: inline;\"></div></td>
	</tr>";