crear nuevas filas dinamicamente

[padrevp]

Hola estimados amigos,

En estos momentos estoy realizando una pagina re requerimientos y entre tantas opciones necesito crear nuevas filas dinamicamente. Para eso necesito programar un boton q al momento de darle click cree una nueva fila pa llenar nuevos campos..la verdad no tengo mucha idea de como hacerlo, aunq algunas personas me han dicho que con ajax es posible pero la verdad no tengo conocimiento de ello. Estoy trabajando con php y quisiera que me ayuden para realizarlo con alguna funcion de javascript.

Les pongo a continuacion mi codigo en html:

Código HTML:

</table>

		<table border="1" frame="border" rules="groups">

		<colgroup><col style="width: 8em" /></colgroup>

		<colgroup><col style="width: 8em" /></colgroup>

		<colgroup><col style="width: 5em" /></colgroup>

		<colgroup><col style="width: 5em" /></colgroup>

		<colgroup><col style="width: 5em" /></colgroup>

		<colgroup><col style="width: 3em" /></colgroup>

		<colgroup><col style="width: 4em" /></colgroup>

		<colgroup><col style="width: 7em" /></colgroup>

		<colgroup><col style="width: 7em" /></colgroup>

		<colgroup><col style="width: 4em" /></colgroup>

		<colgroup><col style="width: 4em" /></colgroup>

		<thead>

			<tr>

				<th><p class="texto">SITIO ORIGEN (DIRECCI&Oacute;N)</p></th>

				<th><p class="texto">SITIO DESTINO (DIRECCI&Oacute;N)</p></th>

				<th><p class="texto">CONTACTO DESTINO</p></th>

				<th><p class="texto">TEL&Eacute;FONO DESTINO</p></th>

				<th><p class="texto">MEDIO DE TRANSMISI&Oacute;N/&Uacute;LT. MILLA</p></th>

				<th><p class="texto">BW (Kbps)</p></th>

				<th><p class="texto">PLAN</p></th>

				<th><p class="texto">SERVICIOS CONTRATADOS (T&Uacute;NEL IP O INTERNET)</p></th>

				<th><p class="texto">PRECIO MENS.</p></th>

				<th><p class="texto">PRECIO INSTAL.</p></th>

				<th></th>

			</tr>

		</thead>		

		<tbody>

			<tr>

				<td align="center"><input type="text" name="sitio_origen" size="12"></td>

				<td align="center"><input type="text" name="sitio_destino" size="12"></td>

				<td align="center"><input type="text" name="contacto_destino" size="10"></td>

				<td align="center"><input type="text" name="telefono_destino" size="8"></td>

				<td align="center"><input type="text" name="medio_transmision" size="15"></td>

				<td align="center"><input type="text" name="bw" size="3"></td>

				<td align="center"><input type="text" name="plan" size="7"></td>

				<td align="center"><input type="text" name="servicios_contratados" size="12"></td>

				<td align="center"><input type="text" name="precio_mensual" size="5"></td>

				<td align="center"><input type="text" name="precio_instalacion" size="5"></td>

				<td><input type="button" value="+" align="right"></td>

				

			</tr>

		

		</tbody>

		</table><br> 

por favor necesito su ayuda de urgencia!
GRACIAS

[refreegrata]

hola, porque no pruebas con algo como esto:

Código:

function nuevafila(contenido0,contenido1,contenido2,....)
{
     var tabla=document.getElementById(id_de_la_tabla);
     var fila=tabla.insertRow(tabla.rows.length -1);//si es que la quieres al final

	var celda0=fila.insertCell(0);
	var celda1=fila.insertCell(1);
	var celda2=fila.insertCell(2);

	.... y asi las celdas

      ...y las celdas las llenas

       celda0.appendChild(document.createTextNode(contenido0));
       celda1.appendChild(document.createTextNode(contenido1));
       .....       
}