[SOLUCIONADO] AddEventListener me va a volver loca!

[juliet14]

Muy buenas gente:
Por fin me he decidido a registrarme después de haber consultado miles de veces vuestro foro para aprender cosas acerca del proyecto que me encuentro haciendo.

El caso es que estoy haciendo una web, con servidor local (xampp) de la mano de AJAX (sin ningún framework).

Se trata de una pagina en la cual el usuario inicia sesión y va navegando entre páginas (xmlHttpRequest) hasta que llega a la deseada. La web es un examen online, y tengo parte de profesor y parte de alumno.

Al grano:

Estoy utilizando addEventListener sobre los botones que tengo (por ejemplo: iniciar sesion, dar de alta usuario...etc) Y es que antes utilizaba onclick con boton "submit", que redirigia a una función comprobar() para que los campos de usuario y clave no estuvieran vacios. Hasta aqui todo bien.
Para la navegación entre las siguientes páginas, decidí utilizar addEventListener porque me pareció mas limpio a nivel de código, pero aquí viene mi dolor de cabeza....
FUNCIONA CUANDO LE DA LA GANA!
Hay algunas páginas que no funcionan y ya esta, y otras que si haces varias veces click, dice venga va, voy a funcionar ya que insistes!

He probado en Firefox, y en google chrome a la vez, y me pasa que si en Firefox funciona, en google chrome no, y al revés!

Decidme si no es para volverse loco!

Os pongo un trozo de código (cosa que yo creo que es correcto).
usuario, examenes y estadisticas son mis botones:

Código Javascript:

function manejaGU(){
        initReq("POST","profesorGestionaUsuarios.php",true);
    }
    function manejaGE(){
        initReq("POST","profesorGestionaExamenes.php",true);
    }
    function manejaVE(){
        initReq("POST","profesorVisualizaEstadisticas.php",true);
    }
 
    function inicia_Eventos(){
        var gu=document.getElementById('usuarios');
        var ge=document.getElementById('examenes');
        var ve=document.getElementById('estadisticas');
        
         gu.addEventListener('click',manejaGU,false);
                    
         ge.addEventListener('click',manejaGE);
 
         ve.addEventListener('click',manejaVE); 
 
   //por aqui mas funciones
 
 window.addEventListener('load', inicia_Eventos, false);/*esto lo pongo lo ultimo antes de </script>*/
 
 
    }
 

AH! También me ha pasado que si quitaba el false de addEventListener o lo volvía a poner, también funciona cuando quiere...

Un alma caritativa que me ayude a entender
Gracias de antemano!

[chwc]

talvez te falto el, preventDefault();
prueba asi las funciones

Código Javascript:

function manejaGU(evento){
evento.preventDefault();
        initReq("POST","profesorGestionaUsuarios.php",true);
    }
    function manejaGE(evento){
evento.preventDefault();
        initReq("POST","profesorGestionaExamenes.php",true);
    }
    function manejaVE(evento){
evento.preventDefault();
        initReq("POST","profesorVisualizaEstadisticas.php",true);
    }
 

Un saludo!! :)

[juliet14]

Hola de nuevo,

Gracias por tu respuesta, pero permíteme contestarte con otra pregunta:
-No se supone que al objeto.addeventlistener('click',manejaAlgo,false)
a "manejaAlgo" no se le puede pasar ni argumentos ni poner paréntesis delante?

Eso es lo que he leido y releido en foros...
Por otra parte, no entiendo muy bien tu solución... es decir, serviría para evitar otros eventos anteriores guardados? o como?

Mil gracias por tu paciencia.

saludos!

[chwc]

bien, la diferencia radica en lo siguiente
addEventListener requiere lo siguiente

addEventListener(«cadena»,«función»,[«dato booleano»])

«esto» es el tipo de variable que nescesita.

imaginate la siguiente función

Código Javascript:

function retornar(){
return 'cadena';
}
 

ahora, si ponemos en vez de retornar, ponemos retornar() , lo que hace es que en ves de pasar una función , la ejecuta, y devuelve el resultado, por lo cual estariamos obteniendo una «cadena» en vez de una «función»

evento.preventDefault();

sirve para que por ejemplo, si por default, al apretar un boton de submit, el resultado se envia, esto previene que se ejecute, y hace que se ejecute solamente lo que vos pedis en tu función

un saludo !! y espero que os haya iluminado

[juliet14]

No estoy muy segura de que esa sea lo que yo necesite, ya que a lo mejor me he explicado mal...
Por otra parte quiero recalcar, que he optado ahora por utilizar window.onload con funciones anónimas, y parece que en alguna página funciona mejor, pero en mi index.php sigue sin funcionar y si estoy en una página que funcionan los eventos, y navego a otra, la nueva los eventos funcionan mal, pero si la nueva la ejecuto en un principio sin navegar hacia otra nueva, si funciona (jolin, es un lio explicarlo, espero que me entendáis).

Mis botones no son "submit", de hecho tengo un:

Código HTML:

<input type="button" id="iniciar" value="Iniciar sesion">
 

Y mi código ahora tiene esta pinta: (por si sirve)

Código Javascript:

function manejaGU(){
        initReq("POST","profesorGestionaUsuarios.php",true);
    }
    function manejaGE(){
        initReq("POST","profesorGestionaExamenes.php",true);
    }
    function manejaVE(){
        initReq("POST","profesorVisualizaEstadisticas.php",true);
    }
 
         
   //por aqui mas funciones
 
 window.onLoad=function(){
        document.getElementById('usuarios').addEventListener('click',manejaGU,false);
        document.getElementById('examenes').addEventListener('click',manejaGE);
        document.getElementById('estadisticas').addEventListener('click',manejaVE);
} /*esto lo pongo lo ultimo antes de </script>*/
 

HASTA AQUI BIEN, pero en el index.php aunque es idéntico no funcionaaaa

Código Javascript:

function manejaIniciar(){
        comprobar();/*función que comprueba que los [B]input text estén rellenados[/B] y redirige a initReq("POST","validarInicio.php",true);*/
    }
 
         
   //por aqui mas funciones
 
 window.onLoad=function(){
        document.getElementById('iniciar').addEventListener('click',manejaIniciar,false);
} /*esto lo pongo lo ultimo antes de </script>*/
 

Gracias de antemano otra vez!

[emprear]

Te pongo dos ejemplos del uso de addEventListener

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function mostrar_titulo(t){
alert('title="'+ t.title + '"  href=' + t.href);
}
 
window.onload = function(){
var linksmenu = [];
var contiene_links = document.getElementById('menu');
linksmenu = contiene_links.getElementsByTagName('a');   
    for (i=0; i<linksmenu.length; i++) {
        if (linksmenu[i].addEventListener){
        linksmenu[i].addEventListener("mouseover", function(){mostrar_titulo(this)}, false);
        }else{ // <IE9
            if (linksmenu[i].attachEvent){
            linksmenu[i].attachEvent ("onmouseover", function () {mostrar_titulo(this)});
        }   
        }
    }
}
//]]>
</script>
</head>
<body>
<div id="menu">
<a href="a.html" title="titulo a">a</a><br />
<a href="b.html" title="titulo b">b</a><br />
<a href="c.html" title="titulo c">c</a><br />
</div>
</body>
</html>
 

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Submit disabled</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <script type="text/javascript">
//<![CDATA[
// Definimos los campos que se han de verificar, contruimos un array con los id de los mismos
var campos = ["campo1", "campo2", "campo3", "campo4"];
function activar() {
var c = 0;
for(var i in campos){
i = parseInt(i);
var cadenaL = document.getElementById(campos[i]).value;
// hacemos un trim previo a la verificación
cadenaL = cadenaL.replace(/^\s+/g,'').replace(/\s+$/g,'')
if(cadenaL != ""){
c++; // incrementamos c por cada campo que no está vacío
}
if(c == (i+1)){ // si c es = al total de los campos habilitamos el submit
document.getElementById('envia').disabled = false;
}else{
document.getElementById('envia').disabled = true;
}
}
}
 
// agregamos el evento onkeyup dinamicamente a los campos requeridos
window.onload = function(){
    for(var e in campos){
    var elem = document.getElementById(campos[e])
    if (elem.addEventListener){
    elem.addEventListener("keyup", function(){activar()}, false);
    }else{ // <IE9
        if (elem.attachEvent){
        elem.attachEvent ("onkeyup", function () {activar(elem)});
        }
    }
    }
}
 
//]]>
</script>
</head>
<body>
<form action="#" method="post">
<input type="text" id="campo1" value="" /><br />
<input type="text" id="campo2" value="" /><br />
<input type="text" id="campo3" value="" /><br />
<input type="text" id="campo4" value="" /><br />
<input type="submit" id="envia" name="envia" value="procesar" disabled="disabled"/><br />
</form>
</body>
</html>
 

Como ves, efectivamente, como los eventos se àgregan en la carga de la página, uso window.onload para identificar los elemento y agregar el evento.

Mi sugerencia primera es que reemplace tus funciones

Código:

function manejaGU(){
        initReq("POST","profesorGestionaUsuarios.php",true);
    }
    function manejaGE(){
        initReq("POST","profesorGestionaExamenes.php",true);
    }
    function manejaVE(){
        initReq("POST","profesorVisualizaEstadisticas.php",true);
    }

por

Código:

function manejaGU(){
        alert('usuarios');
    }
    function manejaGE(){
       alert('examenes');
    }
    function manejaVE(){
      alert('estadisticas');
    }

Una vez que te asegures que los eventos se agregan en cada boton para la función que le corresponde, analices como está trabajando initReq, que aparentemente está utilizando Ajax, pero a decir verdad no entiendo como es que la usas, en un principio si lo único que cambia es la url por que pasar tres variables.
Además te aclaro que si podés pasar variables con addEventListener por lo que directamente podrias invocar a initReq(url) en forma directa
Ejemplo de addEventListener con parámetro a la función

Código HTML:

<!DOCTYPE html>
<html>
<head>
<title>addEvent + variable</title>
 
<style>
td{
cursor: pointer;
}
</style>
 
<script>
 
// cambiatexto de id=dos
function cambiatexto(nuevotexto) {
  var dos = document.getElementById("dos");
  dos.firstChild.nodeValue = nuevotexto;   
}
  
// agregar Evento a tabla
function iniciarEvento() {
  var el = document.getElementById("tabla");
  el.addEventListener("click", function(){cambiatexto("hola")}, false); // pasas un parámetro
}
</script>
 
</head>
<body onload="iniciarEvento();">
 
<table id="tabla">
  <tr><td id="uno">uno</td></tr>
  <tr><td id="dos">dos</td></tr>
</table>
 
</body>
</html>
 

SAludos

[juliet14]

Hola gente:
Gracias a todos por vuestra ayuda y hacerme intentar comprender.
La cosa es que el código lo tengo bien según me confirmais.
Pienso que preventDefault() no lo necesito ya que utilizo button, y directamente le aplico el evento.
Mi problema es que tengo una pagina profesor.php (por ejemplo) y me funcionan los eventos, hago click a gestionar usuarios (un boton) y navego hacia profesorGestionaUsuarios.php.
Al haber pasado de la primera a la segunda, la segunda dejan de funcionar los eventos!
Y quiero entender porque!
Porque si yo ejecuto primero profesorGestionaUsuarios.php , sus eventos funcionan perfectamente. Pero si desde aqui otra vez voy a otra pagina, por ejemplo, dar de alta usuario, está ultima también dejan de funcionar sus eventos...

He intentando borrar los eventos antes de ir hacia otra página para ver si funciona, y nada...
Y lo que mas me fastidia, es mi index, que siendo solamente una linea de código en window.onload, que no cargue el evento, y si son 3 lineas como otras páginas si

Agradezco ideas... y mucho

[emprear]

No hay relación entre una cosa y la otra

http://foros.emprear.com/javascript/addevent/

tu problema debe de estar en otra parte de tu código

A propósito, que navegador está usando?

Saludos

[Reedyseth]

Mira te recomiendo que te des una vuelta a la pagina de Dean Edwards, si programas javascript y no conoces a Dean Edwards es momento de que lo hagas, el implemento un metodo para agregar eventos a un objecto de una manera segura, tal vez te pueda ayudar, mejora el addEventListener, ademas de que el metodo addEventListener no esta soportado para IE:

http://dean.edwards.name/weblog/2005/10/add-event/

[emprear]

Iniciado por Reedyseth

ademas de que el metodo addEventListener no esta soportado para IE:

Y es información también te la dió el Sr. Edwards ?

[Lynxcraft]

a mi entender el problema es que cuando le das a los botones cargas las paginas vía ajax remplazando la que tienes pues bien puede ser ese el problema ten en cuenta que
window.onload funciona solo cuando cargas la pagina si lo haces por ajax no lo ejecuta porque la pagina "ya se ha cargado"

prueba añadir esto al final de la function initReq
if(typeof(window.onload) == "function") window.onload();

saludos

[juliet14]

Hola otra vez!
Uso google chrome, y a veces también firefox, pero me decanto más por el primero..
Creo que mi solución va a ser la ultima respuesta, la de lynxcraft.(Gracias)
He añadido al final de initreq (que si es ajax), antes del send, pero no funciona...
Es decir, vuelve a cargar los mismos eventos que tengo en la página, no la de la página hacia la que navego.
Pego el código de initreq:

Código Javascript:

function initReq(reqType,url,isAsynch){
        //función que manda datos al servidor para validar usuario  
        try{ 
            
        var main=document.getElementById("principal");
 
        request.open(reqType,url,isAsynch);
 
        request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        
        request.onreadystatechange=function(){
              if(request.readyState==4){//y está ok
                  main.innerHTML=request.responseText;
              }
        }  
 
          request.send(null);
       }
       catch(errv){
            document.getElementById("respuesta").innerHTML= "<error>La aplicación no puede contactar con el servidor, por favor intentelo mas tarde</error>";
       }
      }
 

Gracias a todos otra vez!

[chwc]

por que no especificas request ??

no te conviene reutilizarlo, haz lo siguiente

Código Javascript:

function initReq(reqType,url,isAsynch){
        //función que manda datos al servidor para validar usuario  
        try{ 
            
var request = new XMLHttpRequest();
        var main=document.getElementById("principal");
 
        request.open(reqType,url,isAsynch);
 
        request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        
        request.onreadystatechange=function(){
              if(request.readyState==4){//y está ok
                  main.innerHTML=request.responseText;
              }
        }  
 
          request.send(null);
       }
       catch(errv){
            document.getElementById("respuesta").innerHTML= "<error>La aplicación no puede contactar con el servidor, por favor intentelo mas tarde</error>";
       }
      }
 

[juliet14]

Perdón, lo siento
es que request lo inicializo al principio de mi página, y se me ha pasado especificarlo:

Código Javascript:

if (window.XMLHttpRequest){
            request= new XMLHttpRequest();
        } 
        else if (window.ActiveXObject){
            //IE
            request=new ActiveXObject("Msxm12.XMLHTTP");
            if(! request){
                //otros
                try{
                     request=new ActiveXobject("Microsoft.XMLHTTP");
                }
                catch(e){
                     document.getElementById("mensajeError").innerHTML= "<error>Tu navegador no soporta nuestra aplicación!</error>";
                }
            }
        }
 

[Reedyseth]

Iniciado por emprear

Y es información también te la dió el Sr. Edwards ?

Esa informacion la dio John Resig en su libro Pro Javascript Techniques.

[Panino5001]

Para evitar chicanas sería bueno aclarar que Explorer no soportaba addEventListener en versiones anteriores a la 9

[juliet14]

nah, nos olvidamos de IE por ahora ;) no lo utilizo

[Reedyseth]

Iniciado por Panino5001

Para evitar chicanas sería bueno aclarar que Explorer no soportaba addEventListener en versiones anteriores a la 9

Si de hecho es para las versiones anteriores al 7 si mas no me equivoco.

[chwc]

Iniciado por Reedyseth

Si de hecho es para las versiones anteriores al 7 si mas no me equivoco.

convengamos que IE6 es un dinosaurio, se recomienda tener una buena compatibilidad con IE8 y que sea navegable con IE7, pero hermano, luchar contra IE6 es imposible

un saludo

[Reedyseth]

Iniciado por chwc

convengamos que IE6 es un dinosaurio, se recomienda tener una buena compatibilidad con IE8 y que sea navegable con IE7, pero hermano, luchar contra IE6 es imposible

un saludo

Jajajaja si, es la lucha eterna programar para un explorador y programar para IE.

juliet14 Ya quedo resuelto tu problema ??

[emprear]

Iniciado por Reedyseth

Esa informacion la dio John Resig en su libro Pro Javascript Techniques.

Pro JavaScript™ Techniques
Copyright © 2006 by John Resig
vs
Internet Explorer 9
Lanazaniento, 14 de Marzo de 2011

Sería bueno que actualices tu bibliografía, si no tus sentencias se convierten en falsos dogmas.
Yo en particular, cuando ingreso a responder en un post que ya está iniciado, tan solo por respeto, leo con atención lo expresado por los anteriores usuarios, no estoy diciendo con esto que seas un irrespetuso, quizás solo, involuntariamente, no pusiste la debida atención. Y si en el transcurso de la lectura ,me encuentro con cosas como

Código:

        if (linksmenu[i].addEventListener){
        linksmenu[i].addEventListener("mouseover", function(){mostrar_titulo(this)}, false);
        }else{ // <IE9
            if (linksmenu[i].attachEvent){
            linksmenu[i].attachEvent ("onmouseover", function () {mostrar_titulo(this)});
        }

ver código completo

Creo que resulta evidente la indicación <IE9
Y si no se está seguro del comportamiento de dicho código, se toma el editor de texto, se copia, pega y ejecuta. Ni que hablar si hubieses verificado el ejemplo que dejé en http://foros.emprear.com/javascript/...dd_button.html

En cuanto a

Iniciado por juliet14

nah, nos olvidamos de IE por ahora ;) no lo utilizo

Y cuando lo utilices qué? vas a venir a reflotar el tema?
Vos planteaste literalmente AddEventListener me va a volver loca, y que ni siquiera funcionaba bien en FF y Chrome, y eso es a lo que se te responde aqui, como usarlo correctamente. La idea de el Foro no es simplemente solucionarte el problema sino dejar información a otros usuarios que puedan tener problemas similares.

A esta altura del periplo, no me extrañaría que estes usando mal Ajax, ó simplemente que hayas olvidado vaciar la cache de tus navegadores entre corrección y corrección

[juliet14]

Buenos días:
Sé perfectamente a que está orientado el foro, ya que como bien dije al principio, he utilizado este foro muchísimo para aprender de los errores y problemas de los demás, y fue por la razón que decidí ingresar aquí, para compartir mi problema, y si puede ser, si hay algún error que por la razón que sea NO VEO, que me lo dijeran, no que me hagan la vida más fácil...

Lo que si no entiendo, son los típicos piques entre programadores para destacar unos sobre otros... Estamos aquí para ayudarnos unos a otros y a poder ser, utilizar la experiencia de otro para bien. Hasta ahora no he querido decir nada, porque no me parecía correcto.

Por otra parte, ajax me ha funcionado bien hasta ahora (o por lo menos eso creo, seguiré tu consejo).
Y lo de utilizar IE, lo he descartado POR AHORA, porque no se cual es el porcentaje de usuarios que utilizarán IE, pero que yo sepa MUY bajo. Fue por lo que decidí ceñirme a los otros dos navegadores, y cuando funcionen, hacer para IE.

De todas formas, agradezco todas vuestras propuestas, y seguiré intentándolo.
Si lo consigo, lo confirmaré por aquí;)

saludos

[Panino5001]

Deberías subir a un servidor el ejemplo que te falla así podemos verlo online. Estoy de acuerdo con Emprear en que es improbable que lo que esté fallando sea addEventListener. Y no, Reedyseth, chwc: addEventListener no funcionaba en Explorer 7 y 8, así que si quieren retrocompatibilidad con esos navegadores deben proporcionar el camino alternativo con attachEvent (y detachEvent si no quieren memory leak).

[emprear]

Iniciado por juliet14

Buenos días:
Sé perfectamente a que está orientado el foro, ya que como bien dije al principio, he utilizado este foro muchísimo para aprender de los errores y problemas de los demás, y fue por la razón que decidí ingresar aquí, para compartir mi problema, y si puede ser, si hay algún error que por la razón que sea NO VEO, que me lo dijeran, no que me hagan la vida más fácil...

Lo que si no entiendo, son los típicos piques entre programadores para destacar unos sobre otros... Estamos aquí para ayudarnos unos a otros y a poder ser, utilizar la experiencia de otro para bien. Hasta ahora no he querido decir nada, porque no me parecía correcto.

Por otra parte, ajax me ha funcionado bien hasta ahora (o por lo menos eso creo, seguiré tu consejo).
Y lo de utilizar IE, lo he descartado POR AHORA, porque no se cual es el porcentaje de usuarios que utilizarán IE, pero que yo sepa MUY bajo. Fue por lo que decidí ceñirme a los otros dos navegadores, y cuando funcionen, hacer para IE.

De todas formas, agradezco todas vuestras propuestas, y seguiré intentándolo.
Si lo consigo, lo confirmaré por aquí;)

saludos

Mi estimada, lo que vos llamás "pica entre programadores" no es más que una forma de mejorar, si en el mundo no existiesen esas "picas", seguiríamos en las cavernas arrastrando mujeres de los pelos, y aquí, al menos de mi parte, nadie quiere destacar sobre nadie, en particular a @Reedyseth no lo conozco mucho, ya que su participación en el foro no ha sido al momento tanta, pero si conozco bastante más a la de @chwc que siempre es muy atinada y concreta, y ni que decirte la de @Panino5001, que no solo sabe muchísimo sino que en algunos temas puntuales, canvas, por ejemplo, les pasa el trapo a varios, y mi incluyo, desde ya.
Si me dijeses que entramos en deveaneos acerca de la "cuadratura del círculo", te aceptaría los reclamos, pero si seguís todo el hilo, te darás cuenta que hemos desmenuzado bastante, y con profuso código, el comportamiento de addEventListener. Dentro de ese contexto, no puedo dejar pasar la sentencia "addEventListener NO funciona en IE", que es una generalización falsa, si lo hiciese, no haría más que invitar a futuros lectores del post a que se lleven conceptos equivocados, y si me entretuve en justificarlo, no fué para ser más que nadie, es simplemente porque es así, y punto.
Por otra parte, como agregado, yo no veo que nadie haya insultado ni menospreciado a nadie.

Si algo de lo que te hemos dicho te sirve, aprovechalo, y si no te sirve o no soluciona tu problema, lo lamento.

Ah, y para tu información, date una vuelta por
http://www.w3counter.com/globalstats.php
http://gs.statcounter.com/#browser-w...201-201301-bar
que te vas a llevar algunas sorpresas (y esas son globales, si las regionalizas puede en muchos casos volcarse decididamente a IE)

[juliet14]

Muy buenas:
Ha sido interesante ver los datos
Todos me habéis ayudado a ver y aprender ;)
Ahora estoy en el trabajo, a ver si cuando llegue a casa me pongo y os cuento.

saludos

[Reedyseth]

Que buena se puso la platica en el foro chicos, la verdad no tiene nada de malo que nos digamos los errores, bueno al cabo estamos para mejorar y aprender de ellos, si bien emprear mencionaste con mi bibliografia un poco desactualizada y si, comprare un libro mas actual, al cabo que acabo de terminar de leer este, pero bueno de aqui sacamos ya varias cosas buenas.

juliet14 por tu frustracion lo primero que quieres es que funciones en FF y Chrome, pero como dicen arriba no esta de mas una vez que lo tengas funcionando que empieces a hacer tus adaptaciones para IE, a final habra usuarios que lo usen y es cuando te vas a romper la cabeza cuando ya tengas todo terminado y lo quieras acoplar.

Y bueno la cosa es, le resolvimos la duda al chico ???


Gracias por sus comentarios constructivos !!

[juliet14]

Hola chicos:

Aqui me tenéis probando y probando:
-He borrado caché
-He probado a cargar eventos en <body onload="cargar()">
-He probado "if(typeof(window.onload) == "function") window.onload();" como dijo lynxcraft

Ya no se que mas probar, porque sigue sin funcionar...
Le doy vueltas y vueltas a la cabeza, y entiendo perfectamente el hecho de que, al cargar dentro de la página de inicio en un div, con ajax, el contenido de la página hacia la que navego no carga eventos... Pero la pregunta es, donde cito la función de carga de eventos, para que a la hora de cargar dicha página con ajax, se cargue también los dichosos eventos

[juliet14]

HOLA A TODOS:
creo que me he dado cuenta de mi error...

Estaba utilizando mal ajax, ya que haciendo trazas he visto que cargaba TODA la otra página hacia la que quiero navegar, entre todo, el head, en el que se encuentra addeventlistener, y por lo tanto no se carga...

Entonces, ahora entiendo la manera que ha dicho @emprear de crear eventos
(mil gracias!)

Código Javascript:

function redirije(t){
window.location.href = 'add_button_'+t.title+'.html';
}
 
function cargar(){
var linksmenu = [];
var contiene_links = document.getElementById('menu');
linksmenu = contiene_links.getElementsByTagName('button');   
    for (i=0; i<linksmenu.length; i++) {
        if (linksmenu[i].addEventListener){
        linksmenu[i].addEventListener("click", function(){redirije(this)}, false);
        }else{ // <IE9
            if (linksmenu[i].attachEvent){
            linksmenu[i].attachEvent ("onclick", function () {redirije(this)});
        }   
        }
    }
}
window.onload=cargar();
</script>
</head>
<body>
<div id="menu">
<button title="1">1</button><br />
<button title="2">2</button><br />
<button title="3">3</button><br />
 

Y cuando vaya a hacer una petición xmlhttprequest (ajax), después de:

Código Javascript:

main.innetHTML=request.responseText;
[B]cargar();[/B]
 

Esta bien asi verdad? (aun me falta programarlo bien y probarlo claro)
Si crees que si le doy a tema solucionado

gracias a todoosss

[juliet14]

Hola a todos:
POR FIN HE CONSEGUIDO QUE FUNCIONE!
Y gracias a vosotros
En mi pagina principal he puesto:

Código Javascript:

function redirije(t){
        initReq("POST",t.title+'.php',true);
    }
 
    function cargaEventos(){
    alert("Eventos cargados");
    var linksmenu = [];
    var contiene_links = document.getElementById('principal');
        linksmenu = contiene_links.getElementsByTagName('button');   
            for (i=0; i<linksmenu.length; i++) {
                if (linksmenu[i].addEventListener){
                    linksmenu[i].addEventListener("click", function(){redirije(this)}, false);
                }else{ // <IE9
                    if (linksmenu[i].attachEvent){
                        linksmenu[i].attachEvent ("onclick", function () {redirije(this)});
                    }   
                }
            }
    }
 

Por ejemplo para el boton:

Código HTML:

<td><button title="GestionaUsuarios" ....>
 

Y para que cada vez que navego entre páginas con AJAX, al final de cada fin de request, hago esto:

Código Javascript:

(aparte de hacer la instancia respectiva de XMlhttprequest)
  function initReq(reqType,url,isAsynch){
        //función que manda datos al servidor para validar usuario  
        try{   
 
        request.open(reqType,url,isAsynch);
        
        request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset = UTF-8");
        
        request.onreadystatechange = function (){
       
       if(request.readyState==4 && (request.status==302 || request.status==200)){//transacción completada
             document.getElementById("principal").innerHTML=request.responseText;
             [COLOR="Red"][B][U]cargaEventos();[/U][/B][/COLOR]
         }   
       }
 
        request.send(null);
 
        }
        catch(errv){
            document.getElementById("respuesta").innerHTML= "<error>La aplicación no puede contactar con el servidor, por favor intentelo mas tarde</error>";
        }
      }
 

Graciaaaasss (espero que a alguien le sirva esto tanto como yo lo necesitaba!)

[emprear]

El viejo dicho "Persevera y tiunfarás". más vigente que nunca
Suerte