hola. espermo me puedan ayudar con el siguiente problema.
Resulta que tengo dos paginas HTML llamadas pa1.html y pa2.html...
Yo llamo a la pagina2(pa2.html) desde la pagina 1(pa1.html) mediante Ajax y lo introdusco en una etiqueta DIV.
El problema es que, la pagina 2 tiene una funcion que se ejecuta cuando la pagina se carga (evento onload del elemento body). Cuando yo abro la pagina2 sin llamarla desde la pagina 1,, todo funciona correctamente.
El problema se da , cuando yo llamo a la pagina2 desde la pagina1, que no llama a la funcion que se ejecuta al momento de cargar la pagina2...
Espero puedan ayudarme. aka dejo el codigo de ambas paginas:;
pa1.html
<html>
<head>
<script language = "javascript">
function cargarPagina(url, ElDiv){
var Ajax = false;
if(window.XMLHttpRequest)
Ajax = new XMLHttpRequest();
else if(window.ActiveXObject)
Ajax = new ActiveXObject("Microsoft.XMLHTTP");
if(Ajax){
Ajax.open("GET", url, true);
Ajax.onreadystatechange = function(){
if(Ajax.readyState == 4 && Ajax.status == 200){
var elD = document.getElementById(ElDiv);
elD.innerHTML = Ajax.responseText;
delete Ajax;
Ajax = null;
}
}
Ajax.send(null);
}
}
</script>
</head>
<body>
<h1> Pagina 1 </h1>
<input type = "button" value = "traer" onclick = "cargarPagina('pa2.html', 'res');">
<div id = "res"></div>
</body>
</html>
Y el codigo de la pagina 2 (
pa2.html) es:
<html>
<head>
<script language = "javascript">
function Saludar(){
alert("HOLA");
}
</script>
</head>
<body onload = "Saludar();">
<h1>pagina 2</h1>
</body>
</html>
Agradesco de antemano su ayuda...
saludos...
