Bonjour à tous, alors voici mon problème:
J'ai un système de boite flotante qui s'affiche à moitié caché sur la gauche, puis losque l'on passe la souris la boite glisse vers la droite pour s'afficher en entier, puis lorsque l'on clique à l'intérieur de la boite flotante, la boite se recache à moitié en repartant sur la gauche.
Donc premièrement, ce CODE, affiché plus bas, fonctionne parfaitement sur FireFox et Internet Explorer 7,
mais le problème est que une fois que j'y ajoute toute la déco de mon site (div, bloc, texte, etc...) bin ce système de boite ne fonctionne plus que sur Internet Explorer...
Firefox affiche bien la boite caché mais le système de glissade pour l'ouverture ne fonctionne pas, puis lorsque je clique sur la boite, la boite ne se referme pas!
Donc voilà mon CODE, je ne sais pas si c'est ma programmation qui est mauvaise mais bon, je compte sur vous...
Mon CODE:
<head>
<style type="text/css" media="screen">
/* BLOC gauche menu déroulant */
#menuderoulant {
background: url('image/boite.png') no-repeat top left;
position:fixed;
top:145px;
width:160px;
height:110px;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 20px;
padding-right: 30px;
visibility: visible;
}
</style><script>
<!-- fonction Menu déroulant gauche --> var netscape4=document.layers?1:0
var internet_explorer4=document.all?1:0
var netscape6=document.getElementById&&!document.all?1:0
var p=-135;
if (internet_explorer4||netscape6){
document.getElementById("menuderoulant").style.left=p;
}
else {
document.layers.menuderoulant.style.left=p;
}
function h_open(){
if (internet_explorer4||netscape6){
document.getElementById("menuderoulant").style.left=p;
}
else {
document.layers.menuderoulant.style.left=p;
}
if(p < 0) { p=p+5; setTimeout("h_open()",1); }
}
function h_close(){
if (internet_explorer4||netscape6){
document.getElementById("menuderoulant").style.left=p;
}
else {
document.layers.menuderoulant.style.left=p;
}
if(p > -135) { p=p-5; setTimeout("h_close()",1); }
}
</script>
</head>
<body>
<!-- // Affichage Boite flotante sur la gauche -->
<script>
if (internet_explorer4){
document.write('<div id="menuderoulant" style="left:'+p+'px;" onClick="h_close()" onMouseover="h_open()">');}
if (netscape6){
document.write('<div id="menuderoulant" style="left:'+p+'px;" onClick="h_close()" onMouseover="h_open()">');}
else {
document.write('<layer id="menuderoulant" style="left:'+p+'px;" onClick="h_close()" onMouseover="h_open()">');}
document.write('<h4><a href="aide.php" onClick="popUp(this.href,\'fixed\',\'center\',\'center\',\'650\',\'550\');return false;">Besoin d\'aide !</a></h4>');
if (internet_explorer4||netscape6){
document.write('</div>');}
else {
document.write('</layer>');}
</script>
</body>
Et si vous avez d'autres systèmes de boite glissante ou autre que vous voulez que j'essaye, il n'y a pas de soucies.
Allez merci encore, saloute
