Discussion :

[kaizokuni]

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

Code :

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

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 :

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

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

mais sa na pas marché

si quelqu'un a une idée
Merci

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

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

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

avec :

Code html :

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

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

[RomainVALERI]

Oula ^^ plusieurs choses bizarres :

- un morceau de html brut (<html:img page="/image/coco.gif" border="0" />) dans du code javascript ---> 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 )

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

[kaizokuni]

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.

[RomainVALERI]

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

Code :

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

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.

[kaizokuni]

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

Code :

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

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

[kaizokuni]

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 :

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

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

avec :

Code html :

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

<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() !!!

[Bovino]

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

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 :

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

1
2
3
4
5
var oldOnLoad = window.onload;
window.onload = function(){
desactiverDeconnexion();
oldOnLoad;
}

[RomainVALERI]

Code :

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

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é

[le_chomeur]

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

en dur :

Code :

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

<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 ^^

[kaizokuni]

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

Code :

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

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