Menu déroulant sur image
Résolu
cs_JackNUMBER
Messages postés
233
Date d'inscription
jeudi 30 septembre 2004
Statut
Membre
Dernière intervention
26 juin 2011
-
18 mars 2007 à 15:59
cs_JackNUMBER Messages postés 233 Date d'inscription jeudi 30 septembre 2004 Statut Membre Dernière intervention 26 juin 2011 - 21 mars 2007 à 22:31
cs_JackNUMBER Messages postés 233 Date d'inscription jeudi 30 septembre 2004 Statut Membre Dernière intervention 26 juin 2011 - 21 mars 2007 à 22:31
A voir également:
- Menu déroulant sur image
- Convolution image - Conseils pratiques -Java
- Menu php - Forum PHP
- Menu et sous menu ✓ - Forum PHP
- Inverser une image photoshop - Forum Graphisme/design
- Form image ✓ - Forum Visual Basic
12 réponses
cs_JackNUMBER
Messages postés
233
Date d'inscription
jeudi 30 septembre 2004
Statut
Membre
Dernière intervention
26 juin 2011
5
21 mars 2007 à 22:31
21 mars 2007 à 22:31
j'ai trouvé !!
je reprend le script de stfou:
<script>
function show(object,state)
{
var menu= document.getElementById("menu");
if(state=="on")
{
menu.style.display="";
menu.style.position=absolute;
menu.style.top=object.offsetTop;
menu.style.left=object.offsetTop;
}
else
{
menu.style.display="none";
menu.style.top=170;
menu.style.left=360;
}
}
</script>
CODE DU DIV (calque/couche)
Donc j'ai rajouté menu.style.position=absolute; pour que la position soit absolu lors de l'affichage du DIV, jai définit des onmouseover et onmouseout pour le DIV et j'ai mis des valeurs pour l'affichage et la position du DIV.
/!\ Pensez à mettre les mêmes valeurs pour la position du DIV et les coordonées de son affichage:
menu.style.top =170;
menu.style.left=360;
et
170; left:360;
voila !!
merci à stfou.
-----------------------------------------
Jack NUMBER
je reprend le script de stfou:
<script>
function show(object,state)
{
var menu= document.getElementById("menu");
if(state=="on")
{
menu.style.display="";
menu.style.position=absolute;
menu.style.top=object.offsetTop;
menu.style.left=object.offsetTop;
}
else
{
menu.style.display="none";
menu.style.top=170;
menu.style.left=360;
}
}
</script>
CODE DU DIV (calque/couche)
Donc j'ai rajouté menu.style.position=absolute; pour que la position soit absolu lors de l'affichage du DIV, jai définit des onmouseover et onmouseout pour le DIV et j'ai mis des valeurs pour l'affichage et la position du DIV.
/!\ Pensez à mettre les mêmes valeurs pour la position du DIV et les coordonées de son affichage:
menu.style.top =170;
menu.style.left=360;
et
170; left:360;
voila !!
merci à stfou.
-----------------------------------------
Jack NUMBER
stfou
Messages postés
450
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
3
18 mars 2007 à 16:03
18 mars 2007 à 16:03
Bonjour,
le code de ton menu
Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?
le code de ton menu
Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?
cs_JackNUMBER
Messages postés
233
Date d'inscription
jeudi 30 septembre 2004
Statut
Membre
Dernière intervention
26 juin 2011
5
18 mars 2007 à 16:09
18 mars 2007 à 16:09
ha super !! merci
juste: tu n'as pas fermé ta balise img (>
à la fin du code)
et le menu s'affiche avant que je ne le suvole, il fodrait faire en sorte que lors du chargement de la page, il se cache.
merci encore pour cette réponse si rapide.
-----------------------------------------
Jack NUMBER
juste: tu n'as pas fermé ta balise img (>
à la fin du code)
et le menu s'affiche avant que je ne le suvole, il fodrait faire en sorte que lors du chargement de la page, il se cache.
merci encore pour cette réponse si rapide.
-----------------------------------------
Jack NUMBER
cs_JackNUMBER
Messages postés
233
Date d'inscription
jeudi 30 septembre 2004
Statut
Membre
Dernière intervention
26 juin 2011
5
18 mars 2007 à 16:10
18 mars 2007 à 16:10
ha, aussi, le menu ne s'affiche pas lors du survol..................
-----------------------------------------
Jack NUMBER
-----------------------------------------
Jack NUMBER
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
cs_JackNUMBER
Messages postés
233
Date d'inscription
jeudi 30 septembre 2004
Statut
Membre
Dernière intervention
26 juin 2011
5
18 mars 2007 à 16:31
18 mars 2007 à 16:31
ha aussi, lorsque je vais sur le menu bah.......... il disparait puisque je suis en dehors de l'image.
-----------------------------------------
Jack NUMBER
-----------------------------------------
Jack NUMBER
stfou
Messages postés
450
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
3
18 mars 2007 à 16:32
18 mars 2007 à 16:32
Bonjour,
faute de frappe display:none et non pas diplay:none
et c'est onmouseover.
lol c'est pas mon jour moi
<hr />Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?
faute de frappe display:none et non pas diplay:none
et c'est onmouseover.
lol c'est pas mon jour moi
<hr />Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?
stfou
Messages postés
450
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
3
18 mars 2007 à 16:33
18 mars 2007 à 16:33
donc je refais le code lol :
le code de ton menu
<hr />Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?
le code de ton menu
<hr />Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?
cs_JackNUMBER
Messages postés
233
Date d'inscription
jeudi 30 septembre 2004
Statut
Membre
Dernière intervention
26 juin 2011
5
18 mars 2007 à 18:00
18 mars 2007 à 18:00
ouaiiiii !!
merci
et y orait-il un moyen de faire apparaitre le menu comme un calque par dessus la page et en dessous de l'image
ça serait top !
merci
-----------------------------------------
Jack NUMBER
merci
et y orait-il un moyen de faire apparaitre le menu comme un calque par dessus la page et en dessous de l'image
ça serait top !
merci
-----------------------------------------
Jack NUMBER
stfou
Messages postés
450
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
3
18 mars 2007 à 18:17
18 mars 2007 à 18:17
Bonjour,
Oui,
<script>
function show(object,state)
{
var menu=document.getElementById("menu");
if(state=="on")
{
menu.style.display="";
menu.style.top=object.offsetTop;
menu.style.left=object.offsetTop;
}
else
{
menu.style.display="none";
menu.style.top=0;
menu.style.left=0;
}
}
</script>
cod du menu
<hr />Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?
Oui,
<script>
function show(object,state)
{
var menu=document.getElementById("menu");
if(state=="on")
{
menu.style.display="";
menu.style.top=object.offsetTop;
menu.style.left=object.offsetTop;
}
else
{
menu.style.display="none";
menu.style.top=0;
menu.style.left=0;
}
}
</script>
cod du menu
<hr />Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?
cs_JackNUMBER
Messages postés
233
Date d'inscription
jeudi 30 septembre 2004
Statut
Membre
Dernière intervention
26 juin 2011
5
18 mars 2007 à 18:47
18 mars 2007 à 18:47
GÉNIAL !
juste un petit détail, comment faire pour que le menu affiché ne clignote pas lors du mouvement de la souris (sans doute dût au scrit qui le cache en dehors de l'image)
arpès ça sera parfait !!!
-----------------------------------------
Jack NUMBER
juste un petit détail, comment faire pour que le menu affiché ne clignote pas lors du mouvement de la souris (sans doute dût au scrit qui le cache en dehors de l'image)
arpès ça sera parfait !!!
-----------------------------------------
Jack NUMBER
cs_JackNUMBER
Messages postés
233
Date d'inscription
jeudi 30 septembre 2004
Statut
Membre
Dernière intervention
26 juin 2011
5
18 mars 2007 à 23:57
18 mars 2007 à 23:57
ya aussi la position qui est absolu, je voulai qu'elle ne le soit pas, qu'elle aparaisse en dessous de l'image (donc la position sera relative à l'image)
et aussi, on a pas le temps de cliquer si l'image n'est pas en haut à gauche de la page.
-----------------------------------------
Jack NUMBER
et aussi, on a pas le temps de cliquer si l'image n'est pas en haut à gauche de la page.
-----------------------------------------
Jack NUMBER
cs_JackNUMBER
Messages postés
233
Date d'inscription
jeudi 30 septembre 2004
Statut
Membre
Dernière intervention
26 juin 2011
5
21 mars 2007 à 22:22
21 mars 2007 à 22:22