dejo el codigo de ejemplo, gracias
PAGINA A
Código PHP:
<script language="JavaScript1.2" src="jquery.js"></script>
<script language="JavaScript1.2" src="script_principal.js"></script>
<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>
<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){ $(".mensajes").fadeOut(800).fadeIn(800).fadeOut(500).fadeIn(500).fadeOut(300);}, 3000);
});
<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){ $(".mensajes").fadeOut(800).fadeIn(800).fadeOut(500).fadeIn(500).fadeOut(300);}, 3000);
});
function goo()
{
var central;
central = document.getElementById('div');
ajax=nuevoAjax();
ajax.open("GET", "prueba2.php?cargar",true);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
central.innerHTML = ajax.responseText
}
}
ajax.send(null)
}
</script>
</script>
<input type="button" value="Go" onclick="goo()" />
<div id="div">
<div class="exito mensajes">Mensaje de éxito de la operación realizada</div>
</div>
Código PHP:
<div class="exito mensajes">Mensaje de éxito de la operación realizada22222222</div>