Discussion :

[Yogy]

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)
 
}

[Macmillenium]

Bonjour,

si besoin je peux mettre l'url de mon site.

Oui,

[Yogy]

http://www.wooboo.eu

Les menus doivent s'afficher a partir de la barre de menu verte tout en haut
Et se fermer quand on clic sur la croix de fermeture...

je ne suis pas tres doué en javascript et je ne voit pas se qui cloche

ps: c'est un site en asp.net que j'ai fait avec VS2008.

Merci de l'aide !!!

[Macmillenium]

Bonsoir,

Je te déconseille ce menu dont tout se passe à travers le JS : impossible de référencer et inaccessible ...
Tu pourra faire un simple menu en pure css avec une "surcouche" Javascript (display-block/display-none) ou (visiblility-visible/visiblility-hidden) ou bien (overflow-hidden/overflow-visible).
Une simple recherche "menu dynamique css" sur google et tu trouvera sans doute ton bonheur.

PS : Attention ton site s'affiche mal sous IE6 : pas de png !

[Yogy]

pour IE6 : oups lol tu fais bien de me le dire, I6 affiche pas les png ????
Pour le menu je vais rechercher dans ton sens, merci !!