Bonjour à tous,
J'ai un problème de compatibilité sur une application web. J'ai une image bouton qui, lorsque je clique dessus, fait apparaitre un bloc à sa suite, bloc qui fait décaler le reste du contenu plus bas.
Sur IE, pas de problème.
Sur FF, pas de problème.
Sur Safari, ça se complique
.
Le bloc qui apparaît au clic ne s'affiche pas complètement et le bloc suivant sensé être décalé s'affiche encore en partie. On dirait comme un problème de rafraichissement...
Toutefois, si je resize l'explorateur ou si je touche à l'ascenceur, tout semble rentrer dans l'ordre...
Les codes :
L'image bouton
La fonction javascript
et pour finir ledit bloc
Est-ce que ça parlerait à quelqu'un ce type de problème ?
Merci d'avance à ceux qui prendront le temps de répondre.
J'ai un problème de compatibilité sur une application web. J'ai une image bouton qui, lorsque je clique dessus, fait apparaitre un bloc à sa suite, bloc qui fait décaler le reste du contenu plus bas.
Sur IE, pas de problème.
Sur FF, pas de problème.
Sur Safari, ça se complique

Le bloc qui apparaît au clic ne s'affiche pas complètement et le bloc suivant sensé être décalé s'affiche encore en partie. On dirait comme un problème de rafraichissement...
Toutefois, si je resize l'explorateur ou si je touche à l'ascenceur, tout semble rentrer dans l'ordre...
Les codes :
L'image bouton
<a href="#" onclick="ShowFiltresEtendus('rechercheDown','imgFiltresEtendus');">
<img id="imgFiltresEtendus" style="border: 0px none ;" src="images/pictos/filters_up.gif">
</a>
La fonction javascript
function ShowFiltresEtendus(divName, imgName){
try{
if (document.getElementById(controlPrefix + divName).style.display == "none"){
document.getElementById(controlPrefix + divName).style.display = "block";
document.getElementById(imgName).src="images/pictos/filters_up.gif";
}
else{
document.getElementById(controlPrefix + divName).style.display = "none";
document.getElementById(imgName).src = "images/pictos/filters_down.gif";
}
}catch(e){alert("Erreur dans la fonction JS ShowFiltresEtendus du fichier peps.js : " + e.message); }
}
et pour finir ledit bloc
<div id="viewControl_rechercheDown" style="display: block;">Contenu...</div>
Est-ce que ça parlerait à quelqu'un ce type de problème ?
Merci d'avance à ceux qui prendront le temps de répondre.