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