Hola amigos .... durante estos dias he trabajado mucho con ajax pero aun tengo un problemilla con un link.
El siguiente codigo me permite que al dar click sobre una imagen este me carge un formulario si es para modificar o liste unos datos
Código PHP:
<table width="80%" align="center" bgcolor="#FFFFFF">
<tr align="center">
<td width="9%"><? echo "<a style=\"text-decoration:underline;cursor:pointer;\" onclick=\"ModificarDatosDetalle('".$row['idetallefact']."')\">".$row['idetallefact']."</a>"; ?></td>
<td width="3%" align="center"><input name="eliminar" type="image" id="eliminar" onClick="EliminarDatoDetalle('<?php echo $row['idetallefact'];?>')" value="<? echo $row['idetallefact']?>" src="../ICONOS/Eliminar.jpg" width="16" height="16" border=0></td>
<td width="3%" align="center"><input name="modificar" type="image" id="modificar" onClick="ModificarDatosDetalle('<?php echo $row['idetallefact'];?>')" value="<? echo $row['idetallefact']?>" src="../ICONOS/Modificar.jpg" width="16" height="16" border=0></td>
</tr>
</table>
El problema es:
<input name="eliminar" ... funciona sin problemas pero <input name="modificar" no .. funciona. pero cuando lo uso con
<td width="9%"><? echo "<a style=\"text-decoration:underline;cursor:pointer;\" onclick=\"ModificarDatosDetalle('".$row['idetallefact']."')\">".$row['idetallefact']."</a>"; ?></td>
Ahora si Si funciona. .... Que pasara este es el ajax
Código PHP:
function EliminarDatoDetalle(idetallefact){
//donde se mostrará el resultado de la eliminacion
divResultado = document.getElementById('resultado');
//usaremos un cuadro de confirmacion
var eliminar = confirm("De verdad desea eliminar este dato?")
if ( eliminar ) {
//instanciamos el objetoAjax
ajax=objetoAjax();
//uso del medotod GET
//indicamos el archivo que realizará el proceso de eliminación
//junto con un valor que representa el idetallefact
ajax.open("GET", "../PUBLIC/EliminarRegAjaxDetalleFact.php?idetallefact="+idetallefact);
divResultado.innerHTML= '<img src=../Gif/Anim.gif>';
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divResultado.innerHTML = ajax.responseText
}//Fin del if
}//Fin function()
//como hacemos uso del metodo GET
//colocamos null
ajax.send(null)
}//Fin del if
}//Fin function EliminarDatoDetalle(idetallefact)
function ModificarDatosDetalle(idetallefact){
//donde se mostrará el formulario con los datos
divFormulario = document.getElementById('formulario');
//usaremos un cuadro de confirmacion
var modificar = confirm("De verdad desea modificar este dato?")
if ( modificar ) {
//instanciamos el objetoAjax
ajax=objetoAjax();
//uso del medotod POST
ajax.open("POST", "../PUBLIC/VisualizaCamposActualizarRegAjaxDetalleFact.php");
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divFormulario.innerHTML = ajax.responseText
divFormulario.style.display="block";
}
}
//como hacemos uso del metodo POST
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando el codigo
ajax.send("ide="+idetallefact)
}//Fin del if
}//Fin function ModificarDatosDetalle(idetallefact)
Espero me haya explicado bien ... gracias.