Buenas a todos, tengo un problema con un mensaje jquery, soy novato con esto, quizas me puedan ayudar, el problema es que el mensaje funciona en la primera pagina, pero cuando cargo la pagina b en el div de la pgina a no funciona, realmente me tiene pillo, como dije soy novato
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>
PAGINA B Código PHP:
<div class="exito mensajes">Mensaje de éxito de la operación realizada22222222</div>