onClick necesita doble click la 1ª vez para funcionar

Adelsork · #1 (**permalink**) 18/09/2007, 03:51

Hola a todos, queria haceros una preguntilla ya q no es la primera vez q me pasa y creo q tiene q ser una tonteria pero no consigo solucionarlo.

A ver todo trabaja bajo ajax y la cosa es q cuando pincho en una capa, deberia de aparecer un evento onclick, q de hecho funciona, pero el problema es q la primera vez que se ejecuta el codigo, no basta con pinchar una vez para q se ejecute, sino q hay q pinchar dos veces, una vez hecho ya funciona perfectametne y con un solo click se ejecuta sin problemas.

Alguien q le halla pasado sabe como solucionarlo??

Muchas gracias
Un saludo

PD: aqui dejo el codigo por si a alguien le ayuda a entender lo q estoy haciendo

Código:

<html>
<head>
</head>
<body onload="javascript:cargaSistemas();">
<div id="capa_fondo"/>
<div id="oficina">
<meta content="text/html; charset=windows-1252" http-equiv="Content-Type"/>
<title>trListadoSistemas</title>
<table id="listadoSistemas">
<thead>
<tr>
<th/>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>
<span onclick="cargaTipoExp(17);">
<img id="img_desplegable_17" width="16" height="16" alt="" src="imagenes/adelante.gif"/>
SISTEMA DE PRUEBAS, BORRAR
</span>
<br/>
<div id="SIS_17"/>
</td>
</tr>
<tr class="even">
<td>
<span onclick="cargaTipoExp(8);">
<img id="img_desplegable_8" width="16" height="16" alt="" src="imagenes/adelante.gif"/>
PRUEBAS DE BORRADO
</span>
<br/>
<div id="SIS_8"/>
</td>
</tr>
..
</tbody>
</table>
</div>
<div id="capa_acciones"/>
<div id="capa_acciones2"/>
</body>
</html>

El codigo continua pero sigue siendo lo mismo con varios "enlaces" mas de ahi los "..."

Adelsork · #2 (**permalink**) 18/09/2007, 04:09

vale pues ya he encontrado la solucion la dejo aqui por si a alguien le sirve en un futuro.

El problema no venia del codigo mostrado anteriormente sino del javascript que es este:

Código:

function cargaTipoExp(idSistema) 
 {  
    var capa = "SIS_"+idSistema;
    var imagen = "img_desplegable_"+idSistema;
        if (document.getElementById(capa).style.display=="none"){
            document.getElementById(imagen).src="imagenes/abajo2.gif"
            show(capa);
            insertarPagina([        
                [capa, "../ListadoTiposExp.do","ID_SISTEMA="+idSistema,""]
            ], true);    
        }else{
            document.getElementById(imagen).src="imagenes/adelante.gif"
            hide(capa);
        }
 }

Bueno ese era el codigo y la solucion es en el if modificarla dejandola asi:

if (document.getElementById(capa).style.display=="non e" || document.getElementById(capa).style.display==""){

Asi ya funciona perfecto.

Un saludo y gracias de todas formas