Discussion :

[NeedYourHelp]

Bonjour,

Voilà, j'ai ce petit bout de code :

Code :

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

1
2
3
4
 
<div onmouseover="document.getElementById('zoom').style.visibility='visible';" onmouseout="document.getElementById('zoom').style.visibility='hidden';" style="font-size:9px;width:90px;margin-left:70px;cursor:pointer;text-decoration:underline;">
	Agrandir la photo
</div>

qui fonctionne parfaitement sur firefox et pas sur ie6. Même la petite partie css n'est pas interprétée.
D'après vous, quel est le problème ? Je ne comprends pas bien car j'ai un code similaire sur une autre page et il fonctionne.

Merci d'avance

[SpaceFrog]

le style visibility est il défini par defaut dans la balise ?

on peut voir le html de la balise visée ?

[NeedYourHelp]

le style visibility est il défini par defaut dans la balise ?

on peut voir le html de la balise visée ?

Oui bien sûr le voilà

Code :

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

1
2
3
4
 
<div id="zoom" class="photo_grande">
	<img src="<?php echo $this->imgDir; ?>chiens/<?php echo $nomChien.$this->chienCourant->getId(); ?>_grande.jpg" alt=""/>
</div>

avec le css de la classe "photo_grande" :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
.photo_grande {
	position:absolute;
	margin-top:-18px;
	margin-left:60px;
	width:500px;
	height:338px;
	visibility:hidden;
	z-index:500;
	}

étrange , je ne vois pas d'erreur , testé sous FF et ie7 cela fonctionne
remplace la div par un lien sous ie6 ( au cas ou ... )
mais peut-être une erreur en amont ...

Oui j'y ai pensé mais je n'ai rien trouvé.
J'ai testé avec un span au lieu d'un div (j'utilise un span à un autre endroit et ça fonctionne), mais ça n'a pas marché non plus...

[le_chomeur]

étrange , je ne vois pas d'erreur , testé sous FF et ie7 cela fonctionne
remplace la div par un lien sous ie6 ( au cas ou ... )
mais peut-être une erreur en amont ...

[E.Bzz]

Bonjour,
tu n'aurais pas plusieurs éléments avec id='zoom' dans cette page, ou un autre élément ayant un name='zoom' ?
(IE6 est "un peu light" sur la distinction id/name )

A+

[shaun_the_sheep]

Salut,

Testé sous ie6. cela fonction bien. Et avec document.getElementById('zoom').style.display=''; ou document.getElementById('zoom').style.display='none'; ?

c'est pareil ?

[NeedYourHelp]

Bon, j'ai essayé toutes vos idées ça n'a pas fonctionné... A force de tester des choses et modifier mon code, j'en suis arrivé à mettre mon bloc div en dehors de ses div parents, et ça fonctionne en laissant le javascript et le css tel quel...

Je ne comprends pas bien pourquoi, mais au moins ça marche

Si quelqu'un a une explication...

En tout cas merci pour votre aide et votre réactivité !

[le_chomeur]

donne nous le contexte ( tout le code autour )

[SpaceFrog]

Code :

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

document.getElementById('zoom').style.visibility='visible !important';"

a tout hasard ???