Discussion :

[dubitoph]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Voici le 'div' en question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id='donneesCible'>";
 
include("../fichiersInclusion/enregCible.inc");
 
echo "</div>

Enfin, voici la fonction javaScript appellée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 + "');\">&nbsp;&nbsp;" +  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

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

document.createElement('img') ...

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Donc là, je n'utilise pas le innerHtml.

[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...

[dubitoph]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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';
 }