Efectivamente LedideR, una de las ventajas de AJAX es el poder mandar a ejecutar solo un pedacito de script en el servidor sin necesidad de recargar la página completa y perder datos (claro que al recargar bien podrías no perderlos, pero ese proceso es mas pesado).
Se trata de que al meter datos en tu caja de texto que maneja el numero de inputs que requieres, se mande a ejecutar una funcion en PHP que solamente tome ese dato y procese y presente tantas cajas como sea necesario, sin afectar la demás parte del codigo.
Yo lo manejo actualmente para registrar participantes a eventos por parte de una empresa determinada. te pongo los pedacitos que forman parte de ese proceso.
Código:
registro.php
<script language="javascript" type="text/javascript" src="admin/ajax/ajax.js"></script>
<script language="javascript">
function chgParti()
{
contenedor = document.getElementById('mparticipantes');
npar = document.getElementById('par').value;
ajax=nuevoAjax();
ajax.open("GET", "xdfacturacion.php?d4="+npar,true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
contenedor.innerHTML = ajax.responseText
}
}
ajax.send(null)
}
<td align="right" valign="top">NÚMERO DE PARTICIPANTES:</td>
<td align="left" valign="top">
<input name="par" type="text" class="navLink" id="par" size="10" maxlength="3" onKeyUp="chgParti();">
<tr>
<td align="center" id="mparticipantes" colspan="2">esperando numero de participantes...</td>
<tr>
Tanto al funcion como el codigo html estan dentro de un mismo archivo, clarfo, la funcion es parte de codigo javascript. Si te fijas, antes de hacer la funcion, tengo una inclusion de un archivo (ajax.js) el cual puedes encontrar en muchas partes en internet y es el que te permite hacer propiamente la ejecucion de tu proceso.
La funcion toma el valor de la caja de texto donde me ingresan el numero de participantes(los toma por el id del elemento), luego ese dato se lo paso a un archivo php y le digo que lo que regrese esa accion, me lo pinte debajo en un <tr> el cual tambien esta identificado por su id.
Código:
registro.php
if(isset($_GET["d4"]))
{
$par = trim($_GET["d4"]);
?>
<table width="100%" border="0" cellspacing="3" cellpadding="0">
<?
for($i = 1 ; $i <= $par ; $i++)
{
?>
<tr>
<td width="8%" align="right" valign="top">TITULO:</td>
<td width="8%" align="left" valign="top">
<input name="tit<?=$i?>" type="text" class="navLink" id="tit<?=$i?>" value="<?= $tit ?>" size="8" maxlength="8" >
</td>
<td width="8%" align="right" valign="top">NOMBRE:</td>
<td width="29%" align="left" valign="top">
<input name="nom<?=$i?>" type="text" class="navLink" id="nom<?=$i?>" value="<?= $nom ?>" size="40" maxlength="150">
</td>
</tr>
<? } ?>
</table>
<?
}
Bueno, pues el php lo que haces es tomar el valor del numero de participantes, y luego con eso, pintar las cajas seleccionadas en el espacio del html que estaba especificado para esto.
Espero que esto te haya dado de menos una idea y puedas seguir aprendiendo. Prueba y verás que no es tan complicado, tan solo hay que tomarle el sentido.
Saludos!
