Bonjour, j'ai un site internet dont les menus en javascript/css ne s'affichent pas avec firefox mais marchent avec IE. C'est un menu basé sur un exemple que j'ai trouvé sur www.webelix.net.
La bulle était sensé se deplacer avec la souris, j'ai enlevé cette fonction !

si besoin je peux mettre l'url de mon site.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
 
// on charge la feuille de style de la bulle.
document.write('<style type="text/css">@import url(../css/popbulle.css);</style>');
//on formate la bulle.
document.write('<div id="bulle" class="infos_bulle"><div class="infos_bulle_haut"></div><div id="bulle_bas" class="infos_bulle_bas"></div></div>');
//on met à jour la position de la bulle.
//document.onmousemove = move_bulle;
 
var i = false; // La variable i nous dit si la bulle est visible ou non
 
function ElementId(id) {
    return document.getElementById(id);
}
 
function move_bulle(e,x,y) // Fonction de suivi de la souris
{
    if (i) {
        if (navigator.appName != "Microsoft Internet Explorer") {
            ElementId("bulle").style.left = (-15) + e.pageX + "px";
            ElementId("bulle").style.top = 15 + e.pageY + "px";
 
        } else {
        //ElementId("bulle").style.left = (x) + event.x + document.documentElement.scrollLeft + "px";
        // ElementId("bulle").style.top = (y) + event.y + document.documentElement.scrollTop + "px";
        ElementId("bulle").style.left = (x) + "px";
        ElementId("bulle").style.top = (y) + "px";
        }
    }
}
 
function open_bulle() {
    var x = 0;
    var y = 0;
    close_bulle();
 
        var content = '<div style="position:relative;text-align:right;right:25px;"> <a href="javascript:void(0);" onclick="close_bulle();"><img src="images/site/icones/menu/bulle/croix.png" alt="" style="border:none;"/></a></div><br />';
        content = content + '<div id="bulle" class="infos_bulle"><div class="infos_bulle_haut"></div><div id="bulle_bas" class="infos_bulle_bas"></div></div>'
        content = content + '<a href="PagePerso.aspx?demande=Favoris" class="lien_bulle"><img src=\'images/site/icones/menu/bulle/Favoris.png\' alt=\'\' style="border:none;"/><strong><span>Mes Favoris</span></strong></a><br /><br />';
        content = content + '<a href="#" class="lien_bulle"><img src=\'images/site/icones/menu/bulle/Coeur.png\' alt=\'\' style="border:none"/><strong><span>Mes Utilisateurs préférés</span></strong></a><br /><br />';
        x = 413;
        y = 140;
    }
 
 
        ElementId("bulle").style.visibility = "visible"; // Si la bulle est cachée on la rend visible.
        ElementId("bulle_bas").innerHTML = content; // on copie le contenu dans la bulle
        i = true;
        move_bulle(ElementId("bulle"),x,y); // positionnement initial (correctif X.Dusart)
 
}