Problema con onlcik generado

DINASEN · #1 (**permalink**) 14/02/2008, 02:35

Hola buenos dias

Tengo una pagina donde javascript añade el evento onclick, pero no se por que es ie no funciona y en firefox si..

Tiene puestas dos preguntas una para el que genera javascript que es el que no funciona y la primera que es la misma que la que genera pero cambiando el id del span..

os dejo el codigo

Código HTML:

<html>
<head>
</head>
<body>
<div id="preguntas_frecuentes">
<span id="19" onclick="javascript:muestra_respuesta('texto4')">¿Pregunta?.</SPAN><br><br><br>
<span id="4">¿Pregunta?.</span><br><br>
<div id="texto4" style="display:block">
 Respuesta<br><br>Respuesta<br><br>Respuesta<br><br>Respuesta<br><br>Respuesta<br><br>
  </div>

</div> <!-- Cierre Capa de Respuestas (Contenedora) -->
 <br />

<script language="javascript" type="text/javascript">
function muestra_respuesta(id){
	oculta_respuestas(id);
	var resp = document.getElementById(id)
	if(resp.style.display=="none"){
		resp.style.display="block";
	}
	else{
		resp.style.display="none";
	}
}

function oculta_respuestas(id){ // La id es del elemento a no ocultar
	var contenido = document.getElementById('preguntas_frecuentes');
	var objs = contenido.getElementsByTagName('div');
	for(i=0;i<objs.length;i++){
		if(objs[i].id.indexOf('texto')!=-1){
			var capa = document.getElementById(objs[i].id);
			if(capa.id!=id){
				capa.style.display="none";
			}
		}
	}
	
}

function anade_onclick(){
	var contenido = document.getElementById('preguntas_frecuentes');
	var objs = contenido.getElementsByTagName('div');
	for(i=0;i<objs.length;i++){
		if(objs[i].id.indexOf('texto')!=-1){
			var numero = objs[i].id.substring(5, objs[i].id.length);
			var span2 = document.getElementById(numero);
			span2.setAttribute("onclick", "javascript:muestra_respuesta('texto" + numero + "')");
		}
	}
}


anade_onclick();
oculta_respuestas();
</script>
</body>
</html>

Un Saludo y Gracias por adelantado

ZiTAL · #2 (**permalink**) 14/02/2008, 02:47

Prueba asi:

Código:

var tmp="muestra_respuesta('texto' + numero + '')";
span2.onclick = "function () {"+tmp+"}";

DINASEN · #3 (**permalink**) 18/02/2008, 01:47

gracias ZiTAL por contestar

pero no se muy bien donde tengo que poner esas lineas, ya que me dice siempre que no esta declarado span2

un Saludo

ZiTAL · #4 (**permalink**) 18/02/2008, 02:04

Código:

			var span2 = document.getElementById(numero);
			span2.setAttribute("onclick", "javascript:muestra_respuesta('texto" + numero + "')");

cambialo por:

Código:

			var span2 = document.getElementById(numero);
			var tmp="muestra_respuesta('texto' + numero + '')";
			span2.onclick = "function () {"+tmp+"}";

caricatos · #5 (**permalink**) 18/02/2008, 02:22

Hola:

Me parece que no se pueden poner solo números en los id (¿Has probado validar?)...

Acabo de probar esto en explorer y funciona:

Código:

span2.onclick = function() {muestra_respuesta('texto' + this.id)};

No es aconsejable poner variables como pusiste, porque esa variable del bucle luego se queda siempre con el mismo valor...

Saludos

DINASEN · #6 (**permalink**) 18/02/2008, 03:19

Gracias a los dos al final quedo asi y ya funciona

Código PHP:

  <html>

<HEAD></HEAD>

<BODY>

<DIV id=preguntas_frecuentes><SPAN id=19 onclick="javascript:muestra_respuesta('texto4')">¿Pregunta?.</SPAN><BR><BR><BR><SPAN id=4>¿Pregunta?.</SPAN><BR><BR>

<DIV id=texto4 style="DISPLAY: block">Respuesta<BR><BR>Respuesta<BR><BR>Respuesta<BR><BR>Respuesta<BR><BR>Respuesta<BR><BR></DIV></DIV><!-- Cierre Capa de Respuestas (Contenedora) --><BR>

<SCRIPT language=javascript type=text/javascript>

function muestra_respuesta(id){

    oculta_respuestas(id);

    var resp = document.getElementById(id)

    if(resp.style.display=="none"){

        resp.style.display="block";

    }

    else{

        resp.style.display="none";

    }

}

 
function oculta_respuestas(id){ // La id es del elemento a no ocultar

    var contenido = document.getElementById('preguntas_frecuentes');

    var objs = contenido.getElementsByTagName('div');

    for(i=0;i<objs.length;i++){

        if(objs[i].id.indexOf('texto')!=-1){

            var capa = document.getElementById(objs[i].id);

            if(capa.id!=id){

                capa.style.display="none";

            }

        }

    }

    

}

 
function anade_onclick(){

    var contenido = document.getElementById('preguntas_frecuentes');

    var objs = contenido.getElementsByTagName('div');

    for(i=0;i<objs.length;i++){

        if(objs[i].id.indexOf('texto')!=-1){

            var numero = objs[i].id.substring(5, objs[i].id.length);

            var span2 = document.getElementById(numero);

            span2.onclick = function() {muestra_respuesta('texto' + this.id)};

            

        }

    }

}

 
 
 
anade_onclick();

oculta_respuestas();

</SCRIPT>

</BODY><html>

Un Saludo y de nuevo gracias