buenas, ojala me puedan ayudar, les cuento...:
estoy realizando una aplicacion con php ajax y css, y quiero agregar un caja de mensaje hecha con jquery, esta aparecera cuando se guarde un dato, y la pagina debe debolver el mensaje, pero no me resulta, el mensaje supuestamente debe desaparecer despues de 3 segundos, pero no sucede, soy bastante novato en jquery, ak dejo algo de codigo:
Código PHP:
//esto es lo qure realiza la aplcacion una vez que se ingreso el dato, es aqui donde debe aparecer y desaparecer el mensaje
if(pg_query($query_insert) ) {
?><div class='exito mensajes'> Se Registro correctamente el producto: <? '.$txb_nombre.' ?></div><?
}
Código PHP:
//script jquery
<script type="text/javascript">
$(document).ready(function(){ setTimeout(function(){ $(".mensajes").fadeOut(800).fadeIn(800).fadeOut(500).fadeIn(500).fadeOut(300);}, 3000); });
</script>
Código PHP:
<style type="text/css">
.info, .exito, .alerta, .error {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.exito {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('exito.png');
}
.alerta {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('alerta.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
</style>
espero me hayan entendido mi problema, aki dejo el link del mensaje que quiero mostrar
http://www.webintenta.com/crear-caja...-y-jquery.html