en Opera no tiene efecto

derkenuke · #1 (**permalink**) 19/06/2004, 16:24

El codigo es el siguiente:

Código PHP:

  botones=document.getElementById("contenedorDeBotones").childNodes; 
for(a=0;a<botones.length;a++) { 
    if(botones[a].tagName=="DIV") botones[a].onclick=function() { 
        self.location.href=this.getAttributeNode("href").value; 
    } 
}

El codigo reune cada boton (capa div) que esta dentro de otra capa llamada "contenedorDeBotones". A cada boton se le aplica una funcion en el evento click, para que cambie la localizacion de la ventana actual con el valor del atributo "href" del mismo DIV.

Ahora bien, ¿Cual es el problema para que no funcione en Opera (7.5)?? ¿Cómo debo modificarlo?

Un saludo.

JavierB · #2 (**permalink**) 20/06/2004, 03:26

Hola, derkenuke.

No tengo instalado Opera para probarlo, pero se me ocurre que hagas algunas pruebas a ver si suena la flauta:

En lugar de: botones[a].onclick

botones[a]['onclick']

y en lugar de: this.getAttributeNode("href").value

this.getAttribute("href").value

Bueno, a ver si hay suerte. Saludos,

JavierB · #3 (**permalink**) 20/06/2004, 03:45

Otra cosilla.

Podrías poner la primer línea así:

botones=document.getElementById("contenedorDeBoton es").getElementsByTagName('div')

y te ahorrarías comprobar si el elemento es un div (if(botones[a].tagName=="DIV"))

Saludos,

caricatos · #4 (**permalink**) 20/06/2004, 04:43

Hola derkenuke (Hacía tiempo que no coincidíamos

)

Como tengo Opera y un probador de script, y ayudado por los consejos de JavierB (¡Hola

!)

Preparé una paginita que no creo que se parezca a la tuya pero creo que te puede ayudar:

Código:

<html>
	<head>
		<title>
			precarga de sonidos
		</title>
		<script type="text/javascript">
			function activar()	{
				botones=document.getElementById("contenedorDeBotones").getElementsByTagName("div"); 
				for(a=0;a<botones.length;a++) { 
					botones[a].onclick=function() { 
						alert(this.getAttribute("refe")); 
					} 
				} 
			}

		</script>
	</head>
	<body >
		<div id="contenedorDeBotones" > 
			<div refe="celtic0.mid">celtic0.mid</div>
			<div refe="celtic3.mid">celtic3.mid</div>
			<div refe="celtic4.mid">celtic4.mid</div>
		</div>
		<button onclick="activar()" >
			activar
		</button>
	</body>
</html>

Como verás, en vez de enlazar, la función que se crea saca un alert con el atributo "refe"... le cambié el nombre porque con href salía el popup con el mensaje "Warning", y supuse que href no se podía usar...

Otra cosa es que al poner getAttribute, no hace falta poner value (con getAttributeNode será igual)... el value y el name se usan con el array attributes... aunque acabo de probarlo y en Opera no funciona (explorer sí). Esta es la línea: alert(this.attributes["refe"].value);
Aunque si funciona poniendo el índice adecuado (en el ejemplo es 0, pero si hay más atributos hay que poner el orden adecuado o ponerle la condición que se corresponda con el name == "refe"...

Supongo que sabes de lo que hablo, pero como el tema lo estoy empezando a liar, lo voy a dejar así.

Saludos

derkenuke · #5 (**permalink**) 20/06/2004, 08:17

Muchas gracias por todos los consejos, me ahorre una linea de codigo y tiempode ejecucion

. Ademas tuve que cambiar el nombre del atributo, porque href no funcionaba (era para seguir mas la simbologia html

). Bueno el codigo definitivo me quedó asi:

Código PHP:

  <script language="javascript"> 
    botones=document.getElementById("contenedorDeBotones").getElementsByTagName("DIV"); 
    for(a=0;a<botones.length;a++) { 
        botones[a].onclick=function() { 
            self.location.href=this.getAttribute("destino"); 
        } 
    } 
</script>

Y funciona en IE, en NS y en Opera por fin!.

PD: Caricatos no nos leiamos desde hace tiempo porque no he posteado nada hace mucho tiempo, o estoy empezando a coger hiper-confianza o es que ya no hago locuras como antes en JS, sino programas para webs de verdad

. [Aunque siempre quedan proyectos en el aire jeje]

Un saludo a todos