onclick qui ne répond pas de manière aléatoire

Version imprimable

Bonjour,

Dans une page Php appellée des centaines de fois par jour par utilisateur dans une application intranet, j'utilise une fonction javascript sur le onClick d'une image pour afficher un 'div'.

De de temps à aute et de manière totalement aléatoire, le onclick ne fonctionne pas (mon 'div' ne s'affiche pas).

Voici d'abord le script qui est utilisé pour masquer le 'div' au chargement de la page :
Code:

1 2 3 4 <script language='javascript'> document.getElementById('donneesCible').style.display = 'none'; document.getElementById('divCampagne').style.display = 'none'; </script>
Voici le onclick sur mon image :

Code:

<img id='plusPresentationCibe' src='../images/plus.gif' border='0' align='absmiddle' onclick=\"showDiv('" . $presentationCible . "', 'donneesCible', 'divImg');\">

Voici le 'div' en question :
Code:

1 2 3 4 5 <div id='donneesCible'>"; include("../fichiersInclusion/enregCible.inc"); echo "</div>
Enfin, voici la fonction javaScript appellée :
Code:

1 2 3 4 5 function showDiv(presentation, idDiv, divImage) { document.getElementById(idDiv).style.display = 'block'; document.getElementById(divImage).innerHTML = "<img src='../images/moins.GIF' border='0' align='absmiddle' onclick=\"hideDiv('" + presentation + "', '" + idDiv + "', '" + divImage + "');\">  " + presentation + "</div>"; }
Quelqu'un aurait une idée de la provenance du problème? Du fait que cela arrive de manière totalement aléatoire est perturbant et surtout compliqué à débugger.

Merci d'avance

30/12/2009, 17h34
SpaceFrog

n'y aurait il pas des caractères à echapper dans les variables ?
sinon passe par le DOM pour insérer l'image dans la page plutot que par le innerHTML ...

Code:

document.createElement('img') ...
30/12/2009, 19h15
dubitoph

Bonsoir et merci beaucoup pour ta réponse.

Pour moi, le problème se situe au moment où la page est loadée, car c'est le clic sur l'image "+" qui ne produit aucun résultat (et seulement de temps en temps).

Donc, c'est au niveau de ce code :

Code:

<img id='plusPresentationCibe' src='../images/plus.gif' border='0' align='absmiddle' onclick=\"showDiv('" . $presentationCible . "', 'donneesCible', 'divImg');\">  " . $presentationCible

Donc là, je n'utilise pas le innerHtml.
30/12/2009, 19h38
dubitoph

De plus, pour mettre à jour mon 'div' contenant l'image ("-" ou "+") pour faire apparaître ou disparaître le 'div' contenant l'information, je ne vois pas comment ne pas utiliser le innerHTML...

Voilà, j'ai résolu mon problème :

Code:

<img id='imgCibe' src='../images/plus.gif' border='0' align='absmiddle' onclick=\"showDiv('donneesCible','imgCibe');\">

Code:

1
2
3
4
5
6
function showDiv(idDiv, divImg)
 {
  document.getElementById(divImg).src = '../images/moins.gif';
  document.getElementById(divImg).onclick = function () {hideDiv(idDiv, divImg)};
  document.getElementById(idDiv).style.display = 'block';
 }

Code:

1
2
3
4
5
6
function hideDiv(idDiv, divImg)
 {
  document.getElementById(divImg).src = '../images/plus.gif';
  document.getElementById(divImg).onclick = function () {showDiv(idDiv, divImg)};
  document.getElementById(idDiv).style.display = 'none';
 }