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:
Ver original<!--div that shows the result of the selected option-->
<div id="optionselected">
<?php
{
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ó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:
Ver original<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>
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...