Hola amigos, tengo un input en el cual tengo el evento OnBlur el cual me llama una función que por medio de ajax hace un update a mi tabla de la base de datos esto ya funciona bien pero quisiera que cuando se haga la actualización a mi base de datos se muestre un mensaje que indique que el cambio se hizo y que se muestre unos 10 segundos y luego se oculte, este es el código html de input:
Código HTML:
Ver original<input name="NombreEmpresa" type="text" required class="datosmenor" id="NombreEmpresa" onBlur="actualiza(<?php echo $idperfil; ?>, this.id, this.value)" value="
<?php echo $fila['NombreEmpresa']; ?>">
Luego el Onblur llama a la función actualiza y le envía tres parámetros, aquí la función:
Código Javascript
:
Ver originalfunction actualiza(id, columna, valor)
{
var actualizar;
if(window.XMLHttpRequest)
{
actualizar = new XMLHttpRequest();
}
else
{
actualizar = new ActiveXObject("Microsoft.XMLHTTP");
}
actualizar.onreadystatechange=function()
{
if(actualizar.readyState==4 && actualizar.status==200)
{
document.getElementById("Mensaje").style.color = "White";
document.getElementById("Mensaje").style.backgroundColor = "Green";
document.getElementById("Mensaje").style.padding = "6px";
document.getElementById("Mensaje").style.marginLeft = "250px";
document.getElementById("Mensaje").style.borderRadius = "5px";
document.getElementById("Mensaje").style.boxShadow = "1px 1px 5px Black";
document.getElementById("Mensaje").innerHTML=actualizar.responseText;
}
}
actualizar.open("GET","actualiza.php?puesto="+id+"&col="+columna+"&val="+valor,true);
actualizar.send();
}
esta función llama al archivo actualiza.php que es el encargado de hacer el update:
Código PHP:
Ver originalinclude("../Conexion/conexion.php");
$sql = "UPDATE PerfilPuesto SET $columna = '$valor' WHERE IdPuesto = '$id'";
{
echo "Registro Actualizado";
}
{
echo "";
}
{
echo "Se genero un error";
}
Con lo que tengo se muestra el mensaje pero no se quita solo si actualizo la página, además si por equivocación hago clic en el input pero no cambio nada aparece un cuadrito con las propiedades css que le puse al span por medio de javascript