Subpaginas no ejecutan javascript ajax

[deywibkiss]

Hola a todos. Les comento, estoy creando una pagina que dentro de un div llama a otras paginas dependiendo de la accion del usuario.

Codigo HTML PHP:

Código PHP:

<!--div that shows the result of the selected option-->
    <div id="optionselected">
        <?php
            if (isset($_GET['tab']))
            {
                if ($_GET['tab']) 
                {
                    $pag = $_GET['tab']; 
                }
                else 
                {
                    $pag = "subpages/setaccount/generalaccount"; 
                }
                include ($pag.".php");
            }
            else
            {
                include ("subpages/setaccount/generalaccount.php");
            }           
         ?>
    </div>
 

Cada subpagina se llama asi:

<div class="option"><table border="0" style="height:auto;"><tr><td><img src="images/metaphors/accountoptions/editinformation.png" height="16px"/></td><td valign="middle"><a href="<?php echo($_SERVER['PHP_SELF']); ?>?tab=subpages/setaccount/generalaccount" target="_top">Editar Mi Informaci&oacute;n</a></td></tr></table></div>

luego, cada subpagina tiene formularios y otros elementos que usan ajax para procesar las tareas.

Los archivos ajax .js se llaman desde la pagina padre:

Código HTML:

<script src="scripts/ajaxeditaccount/ajaxeditname.js"></script>
<script src="scripts/ajaxeditaccount/ajaxeditplaceofbirth.js"></script>
<script src="scripts/ajaxeditaccount/ajaxeditplaceofliving.js"></script>
<script src="scripts/ajaxeditaccount/ajaxeditdateofbirth.js"></script>
<script src="scripts/ajaxeditaccount/ajaxeditmobile.js"></script>
<script src="scripts/ajaxeditaccount/ajaxeditpassword.js"></script>
<script src="scripts/ajaxeditaccount/ajaxeditjob.js"></script>
<script src="scripts/ajaxeditaccount/ajaxsaveskill.js"></script>
<script src="scripts/ajaxsetaccount.js"></script>
 

Al cargar la pagina, el DOM muestra los elementos de la pagina padre y los elementos de la pagina hija como uno solo....

Por lo tanto cada evento click y otros eventos de los nodos de la pagina hija los llamo en el evento window.onload = function(){} de la pagina padre...

La primera pagina que cargo en la primera opcion, funciona perfectamente!!!

EL PROBLEMA: la segunda pagina a diferencia de la primera, contiene un formulario id level, name level, con unos inputs radio que permiten al usuario calificar o votar definiendo un ranking...

Sigo la misma tecnica para procesar el formulario que usé en la primera pagina... pero la segunda pagina no lee funciones javascript
La pagina padre no lee los elementos de la pagina hija 2, por lo tanto en su onload los eventos click de pagina hija 2 no funcionan...

revisando y revisando... me encontré con que las funciones se leen si pongo algo como: resultado = mifuncion; (donde mi funcion retorna un valor) y no lee cosas como resultado = mifuncion(); Y ADEMAS NO CAPTURA LOS RETURN porque al hacer un alert(resultado); me arroja es la estructura de la funcion....

CREO...que lo anterior sucede porque el dom de la pagina hija 2 no es reconocido en el onload de la pagina padre, a pesar de que reviso el dom global y ahi aparecen TODOS LOS ELEMENTOS de pagina hija y padre...

EN RESUMEN: Por que pagina padre +pagina hija1 si funciona en totalidad, pero padre - hija2 no funciona?!!!

OTRO DETALLE: los formularios de pagina 1 no tienen name, no hay inputs submit solo buttons que llaman funciones ajax y todo va perfecto, pagina 2 la unica diferencia es que tiene un form con id y name, por lo tanto los elementos los he intentado llamar: document.getElementById("elementosubpagina2").valu e; y tambien: document.getElementById("formuariopagina20).elemen ts.item(n).value;
pero ninguna de las dos funcionan....

DISCULPEN SI NO PUSE CODIGO PERO COMO INTENTO USAR JAVASCRIPT NO OBSTRUSIVO POR ESO TENGO LAS CAPAS DE AJAX INDEPENDIENTES Y NO EN LOS HTML.....

AYUDA AGRADECERIA QUE APARECIERA UN SUPER GEEK Y ME DIERA SOUCION, PODRIA SER OTRA A LA QUE YO INTENTO PLANTEAR...

[maycolalvarez]

es bien sabido que el usar AJAX no se procesa javascript automáticamente, consulte un manual de AJAX, debe separar los bloques script y ejecutarlos desde el onreadystatechange

[deywibkiss]

a que te refieres con separar el codigo javascript? y onready statechange? podrias darme un ejemplo

[maycolalvarez]

Iniciado por deywibkiss

a que te refieres con separar el codigo javascript? y onready statechange? podrias darme un ejemplo

Es claro que no conoce sobre AJAX ni de sus componentes, como el XmlHttpRequest, el evento onreadystatechange, ni el objetivo de la misma, y explicarlo por el foro a cada usuario que llegue no es viable teniendo en cuenta que se consigue dicha información en un manual de AJAX, favor informese sobre las herramientas que usa para sacarle el mayor provecho posible.