Afficher une image sous condition

Salut,
je voudrais afficher un .gif dans certain cas et pas d'autre

Code:

---

1 2 3 4 5

function desactiverDeconnexion(){ if(window.name != 'modalConsultWindow') <html:img page="/image/coco.gif" border="0" /> }

---

comment doit je faire pour appelé cette fonction? j'ai essayé avec onload en créant un image vide

Code:

---

1 2	<img src="" heignt="0" width="0" onload="desactiverDeconnexion()">

---

mais sa na pas marché

si quelqu'un a une idée
Merci

Non, le onload sur une image correspond à l'événement "l'image a fini de se charger", ce qui ne risque pas d'arriver s'il n'y a pas de src ;)
En revanche, tu peux mettre le onload sur la balise body.
Ensuite, ton code JavaScript est mauvais, remplace-le par :

Code:

---

1 2 3 4 5

function desactiverDeconnexion(){ if(window.name != 'modalConsultWindow'){ document.getElementById('mon_image').src="/image/coco.gif"; } }

---

avec :

Code:

---

<img src="" id="mon_image" />

---

EDIT :
Ceci dit, ce n'est pas une bonne méthode non plus, puisque par défaut, ton image n'existe pas...
Il est préférable soit de mettre un display none au chargement puis éventuellement le faire basculer à inline, soit de créer ton image via le DOM ou l'objet Image de JavaScript, puis de l'insérer dans ta page.

Oula ^^ plusieurs choses bizarres :

- un morceau de html brut (<html:img page="/image/coco.gif" border="0" />) dans du code javascript ---> :aie: pour une fois que quelqu'un évite d'employer document.write() pour créer du html, c'est bien, mais là il manque quand même quelque chose ^^ (ou bien c'est une syntaxe qui m'est inconnue, ce qui est possible également :mrgreen:)

- ensuite : à quel moment exactement dois-tu appeler cette fonction ? si c'est au chargement de la page, met plutot ta fonction sur le onload de body ou window

- enfin, simple détail : je ne sais pas si c'est une faute de frappe, mais la propriété height de ton image vide (deuxième extrait) est erronée (heignt).

Merci pour vos réponse, pour étre franc je n'est jamais fait ou trés peut de javascript, je suis amené a en faire dans le cadre de mon travail :)

sinon pour onload, j'ai voulu le mettre dans la balise body, mais comme c'est un page jsp avec des balises struts, le body n'est pas déclaré explicitement.

ajoute le code suivant à la fin de ton code javascript :

Code:

---

1 2	document.body.onload = desactiverDeconnexion;

---

Par contre, ce code va désactiver tout autre gestionnaire d'événement éventuellement prééxistant sur le body de ta page, donc attention : il faudra faire une "vraie" gestion événementielle (avec addEventListener/attachEvent) si besoin est.

Citation:

---

Envoyé par RomainVALERI

ajoute le code suivant à la fin de ton code javascript :

Code:

---

1 2	document.body.onload = desactiverDeconnexion;

---

Par contre, ce code va désactiver tout autre gestionnaire d'événement éventuellement prééxistant sur le body de ta page, donc attention : il faudra faire une "vraie" gestion événementielle (avec addEventListener/attachEvent) si besoin est.

---

Sa ne marche pas, ce que je souhaite faire exactement c'est que le .gif de deconnexion n'apparaisse pas dans une fenetre fille,

et je pense qu'il ya d'autre gestionnaire d'évenement

Citation:

---

Envoyé par Bovino

Non, le onload sur une image correspond à l'événement "l'image a fini de se charger", ce qui ne risque pas d'arriver s'il n'y a pas de src ;)
En revanche, tu peux mettre le onload sur la balise body.
Ensuite, ton code JavaScript est mauvais, remplace-le par :

Code:

---

1 2 3 4 5

function desactiverDeconnexion(){ if(window.name != 'modalConsultWindow'){ document.getElementById('mon_image').src="/image/coco.gif"; } }

---

avec :

Code:

---

<img src="" id="mon_image" />

---

EDIT :
Ceci dit, ce n'est pas une bonne méthode non plus, puisque par défaut, ton image n'existe pas...
Il est préférable soit de mettre un display none au chargement puis éventuellement le faire basculer à inline, soit de créer ton image via le DOM ou l'objet Image de JavaScript, puis de l'insérer dans ta page.

---

Salut
j'ai tésté la méthode a bovino, sa n'a pas marché, ce que je ne comprend pas c'est que dans code tu ne fait pas appel a la fonction desactiverDeconnexion() !!!

Citation:

---

Envoyé par kaizokuni

ce que je ne comprend pas c'est que dans code tu ne fait pas appel a la fonction desactiverDeconnexion() !!!

---

:roll:

Citation:

---

En revanche, tu peux mettre le onload sur la balise body.
Ensuite, ton code JavaScript est mauvais, remplace-le par ...

---

Effectivement, ce n'était pas dans le code, mais c'était indiqué...
En revanche, pour ce qui est des événements attachés au onload, tu peux faire :

Code:

---

1 2 3 4 5

var oldOnLoad = window.onload; window.onload = function(){ desactiverDeconnexion(); oldOnLoad; }

---

Citation:

---

Envoyé par Bovino

Code:

---

1 2 3 4 5

var oldOnLoad = window.onload; window.onload = function(){ desactiverDeconnexion(); oldOnLoad; }

---

---

... c'est simple et efficace ^^ j'avoue que je n'y avais jamais pensé :oops:

et pourquoi ne pas utiliser les propriétés de l'image .complete et onerror ?

en dur :

Code:

---

<img src="monimage.jpg" onerror="alert('l\'image n\'a pas pu être chargée')">

---

ce qui permet en étant couplé a une méthode qui vérifit le image.complete de vérifier si une image est bien chargée ou non ...

m'enfin moi ce que j'en dit ^^

Le problème est résolu :), voila le code que j'ai utilisé

Code:

---

1 2 3 4 5 6

<...... page="/cocoAction.do" styleId="lienDeconnection">   <script type="text/javascript"> if(window.name != 'modalConsultWindow'){ document.getElementById('lienDeconnection').innerHTML='<html:img page="/bitmap/div/brand_bt_logout.gif" border="0" />';

---

Merci a tous