Holas, tengo una tabla que me muestra los datos de usuario, en esta misma pagina uso un dialog de jquery para registrar a los usuarios, lo que quiero hacer es crear un boton editar y que me habra otro dialog pero ya con los datos recuperados del usuario que he seleccionado.
Hay alguna forma de hacerlo sin actulizar la pagina?
Ajax.
http://api.jquery.com/jQuery.ajax/
Saludos
Detallo un poco mas codigo e imagenes:
http://imageshack.us/photo/my-images/708/o4ij.png/
(http://imageshack.us/photo/my-images/708/o4ij.png/)
tengo una table que me muestra todos los elementos:
Parte del codigo que me muestra los datos:
echo "<tr>";
echo "<td bgcolor='silver'><img src='images/documento1616.png' border=0>$row[nDocumento]</td>";
echo "<td>$row[tipo]</td>";
echo "<td>$row[nPedido]</td>";
echo "<td>$row[bodega]</td>";
echo "<td>$row[fecha]</td>";
echo "<td><button class='ActualizarDocumento' value='".$row[nDocumento]."'><img src='images/edit.png' border=0>Editar</a></button><button><img src='images/cell.png' border=0>Agregar Equipo</button></td>";
echo "</tr> \n";
en JQuery tengo un class que me muestra y Dialog:
$(".ActualizarDocumento").click(function(){
//alert( $( this ).val());
$("#txtDocumento").val($( this ).val());
$("#DialogoActualizar").dialog({
height: 330,
width:800,
modal: true
});
});
Y por ultimo lado tengo el formulario:
<div id="DialogoActualizar" title="Actualizar campos del Documento">
<p>
<form method="GET" action="Add.php" id="stylized">
<table id="mytable">
<tr>
<td>
<table id="mytable">
<tr>
<td>Nº Documento:(*)</td><td><input type="text" name="txtDocumento" placeholder="N Documento" id="txtDocumento"></td> <td>Tipo:</td>
<td><SELECT NAME="txtTipo">
<OPTION>Factura</OPTION>
<OPTION>Guia Despacho</OPTION>
<OPTION>Otro</OPTION>
</SELECT>
</td>
</tr>
<tr>
<td>Nª Pedido:(*)</td><td><input type="text" name="txtPedido" placeholder="N Pedido"></td> <td>Bodega:</td>
<td><SELECT NAME="txtBodega">
<OPTION>Bodega1</OPTION>
<OPTION>Bodega2</OPTION>
<OPTION>Bodega3</OPTION>
</SELECT>
</td>
</tr>
<tr>
<td>Fecha:(*)</td><td><input type="text" name="txtFecha" placeholder="Dia/Mes/Año" id="datepicker2"></td>
<td>Proveedor:</td>
<td><select name="Proveedor">
<?php
$proveedor=new Proveedor();
$proveedor->con();
$proveedor->setMostrar();
while($row=mysql_fetch_array($proveedor->obtenerConsulta())){
if($row['estado']!="Pasivo"){
echo "<option> $row[nombre]</option>";
}else{
}
}
?>
</select>
</td>
</tr>
<tr>
<td>Estado</td><td><SELECT NAME="txtEstado">
<OPTION>Activo</OPTION>
<OPTION>Pasivo</OPTION>
</SELECT></td>
<td>Usuario:</td>
<td><input type="text" name="txtIdUsuario"value="<?php echo $_SESSION['id']?>" disabled placeholder="ID" size="5" ><input type="text" name="txtNombre" placeholder="Nombre Responsable" value="<?php echo $_SESSION['login']?>" disabled style="background-color:#CCC"><button><a href="#">...</a></button>
</td>
</tr>
<tr>
<td height="10"></td>
</tr>
<tr>
<td><button type="submit" name="borrar" title="Crear Nuevo Proveedor"><img src="images/Save.png" alt="borrar" /></button></td>
</tr>
</table>
</td>
<td td width=200>
<center><img src="images/documento96x96.png"/></center>
</td>
</tr>
</table>
</form>
</p>
</div>