onmouseover sous safari

Version imprimable

Bonjour,
tout simplement j'ai un onmouseover qui ne fonctionne pas sous safari voici un extrait de code :
Code:

1 2 3 <img src="" onmouseover="document.getElementById('bob').style.display='block';" onmouseout="document.getElementById('bob').style.display='none';" /> <div id="bob" style="display:none;position:absolute;background-color:#000000;width:116px;" onMouseOver="document.getElementById('bob').style.display='block';" onMouseOut="document.getElementById('bob').style.display='none';">tableau html</div>
j'ai seulement un simulateur de safari donc je n'ai pas d'outils pour débuguer

merci de votre aide

25/06/2010, 15h44
ThomasR

Bonjour,

Ton code semble pourtant correct.

Le fait qu'il n'y ait pas de src à ton image c'est pour l'exemple ? Car peut-être que du coup elle n'occupe pas d'espace.

Une autre possibilité est que ton simulateur simule mal, car chez moi sous safari ca fonctionne.
28/06/2010, 12h09
devyan

Bonjour,

Citation:

Envoyé par temperature

Bonjour,
tout simplement j'ai un onmouseover qui ne fonctionne pas sous safari voici un extrait de code :
...

Qu'entends-tu par "ne fonctionne pas" ?
Tu obtiens quel comportement exactement ?

Cela pourrai nous aider à comprendre ;)

devyan

Code:

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript" language="JavaScript">
	btn1h = new Image;
	btn1h.src = '<?=$images?>btn1i<?=$lfix?>.jpg';
</script>
 
////////
 
<img src="<?=$images?>btn1<?=$lfix?>.jpg" id="btn1" onmouseover="btn1.src=btn1h.src; document.getElementById('mer').style.display='block';" onmouseout="btn2.src='<?=$images?>btn2<?=$lfix?>.jpg';document.getElementById('test').style.display='none';" /><br /> <div id="test" style="display:none;position:absolute;background-color:#000000;" onMouseOver="document.getElementById('test').style.display='block';" onMouseOut="document.getElementById('test').style.display='none';">UN TABLEAU HTML</div>

cela ne fonctionne pas = mon div ne s'affiche pas au survol

Citation:

Envoyé par temperature

Code:

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript" language="JavaScript">
	btn1h = new Image;
	btn1h.src = '<?=$images?>btn1i<?=$lfix?>.jpg';
</script>
 
////////
 
<img src="<?=$images?>btn1<?=$lfix?>.jpg" id="btn1" onmouseover="btn1.src=btn1h.src; document.getElementById('mer').style.display='block';" onmouseout="btn2.src='<?=$images?>btn2<?=$lfix?>.jpg';document.getElementById('test').style.display='none';" /><br /> <div id="test" style="display:none;position:absolute;background-color:#000000;" onMouseOver="document.getElementById('test').style.display='block';" onMouseOut="document.getElementById('test').style.display='none';">UN TABLEAU HTML</div>

cela ne fonctionne pas = mon div ne s'affiche pas au survol

Contrairement au premier code fourni, celui-ci demande l'affichage de l'élément d'id "mer" au survol de l'image mais de l'élément d'id "test" pour le reste de la gestion ...

devyan

30/06/2010, 14h42
temperature

Méa culpa dans mon code j'ai bien le même ID partout je l'avais remplacer sur le post pour pas que l'on retrouve le site.