Sujet Précédent Sujet Suivant

Aide debutant menu deroulant

Résolu/Fermé
steve-elipz Messages postés 148 Date d'inscription mercredi 4 avril 2012 Statut Membre Dernière intervention 7 avril 2018 - 6 mai 2012 à 12:02
steve-elipz Messages postés 148 Date d'inscription mercredi 4 avril 2012 Statut Membre Dernière intervention 7 avril 2018 - 6 mai 2012 à 12:16
Bonjour,

j ai posté des sujets sur plusieurs forum, jamais de reponse svppp aider moi svppppp, suis bloqué depuis 2 semaines sur mon site a cause de ca :(

j aimerai avoir un menu deroulant au passage de la souris avec un cadre de fond gris:

ACCUEIL PROJETS CONTACT PHOTOS
vide john vide janvier
steve fevrier

les titres seraient sans fond, et lorsqu on passe (souris) sur un titre comme "projets" ca deroule un cadre vec fond gris et il y aurait deux lien 'john-steve'

comment puis je faire? j ai meme essayé avec des flash mais pas top...

suis ouvert a tout, java,html,php n importe mais aider moi svppp

merci





A voir également:

3 réponses

Réponse 1 / 3
steve-elipz Messages postés 148 Date d'inscription mercredi 4 avril 2012 Statut Membre Dernière intervention 7 avril 2018
6 mai 2012 à 12:06
comme j ai deja dis, j ai trouvé un petit script qui ressemble assez a ce que je veux mais j arrive pas a le modifier niveau couleur car le titre a un fond... et pas gris... si ca peut aider??? en plus il y a des puces qui restent visibles...


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Menu déroulant en Javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style>
#niveau_1{
width:170px;
background-color:red;
padding-left:20px;
}
#niveau_2{
width:170px;
background-color:red;
padding-left:20px;
}
#niveau_3{
width:170px;
background-color:red;
padding-left:20px;
}

</style>

</head>

<script>
function sous_menu_ouvre(_sous_menu) {
_sous_menu.style.display='block';
}
function sous_menu_ferme(_sous_menu) {
_sous_menu.style.display='none';
}

</script>

<body>

<ul style="list-style-type:square">
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_1_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_1_in'));" id="niveau_1" style="float:left">
menu 1</li>
<ul id="niveau_1_in" style="display:none">
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_11_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_11_in'));" id="niveau_11">
menu 1.1</li>
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_11_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_11_in'));" id="niveau_12">
menu 1.2</li>
</ul>


</ul>

</body>
</html>
0
Réponse 2 / 3
steve-elipz Messages postés 148 Date d'inscription mercredi 4 avril 2012 Statut Membre Dernière intervention 7 avril 2018
6 mai 2012 à 12:10
j ai aussi essayé au lieu de menu 1.1 dans l exemple du script de mettre un cadre avec texte integré dedans mais cadre et texte n apparait pas...
0
Réponse 3 / 3
steve-elipz Messages postés 148 Date d'inscription mercredi 4 avril 2012 Statut Membre Dernière intervention 7 avril 2018
6 mai 2012 à 12:16
au moins comme ca ceux qui voudront faire la meme chose sauront maintenant meme si c est ecrit plus que bizzarement ca fonctionne!


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40/">
<head>
<title>Menu déroulant en Javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="File-List" href="nouvellepage1_fichiers/filelist.xml">

<style>
#niveau_1{
width:170px;
background-color:;
padding-left:20px;
}
#niveau_2{
width:170px;
background-color:;
padding-left:20px;
}
#niveau_3{
width:170px;
background-color:;
padding-left:20px;
}

</style>

<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>
<![endif]--><!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->

</head>

<script>
function sous_menu_ouvre(_sous_menu) {
_sous_menu.style.display='block';
}
function sous_menu_ferme(_sous_menu) {
_sous_menu.style.display='none';
}

</script>

<body>


<ul style="list-style-type:square">
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_1_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_1_in'));" id="niveau_1" style="float:left">
menu 1</li>
<ul id="niveau_1_in" style="display:none">

<la onMouseOver="sous_menu_ouvre(document.getElementById('niveau_11_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_11_in'));" id="niveau_12">
<p><!--[if gte vml 1]><v:rect id="_x0000_s1027"
alt="" style='position:absolute;left:18.75pt;top:27pt;width:108.75pt;height:76.5pt;
z-index:1' fillcolor="#969696" stroked="f">
<v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center"><font color="#FFFFFF">Menu 1</font><p>
<font color="#FFFFFF">Menu 2</font></td>
</tr>
</table>
</v:textbox>
</v:rect><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:1;left:25px;top:36px;width:149px;height:106px'><img width=149
height=106 src="nouvellepage125_fichiers/image001.gif" v:shapes="_x0000_s1027"></span><![endif]></p></la>
</ul>


</ul>

</body>
</html>
0

Discussions similaires

Suppression listes déroulantes
Archa -
Sam -

5 réponses
Supprimer liste déroulante Excel
SamAlex -
b@bd -

8 réponses
Effacer liste déroulante
gabrielle -
jmps -

3 réponses
supprimer une liste déroulante
fred94 -
m@rina -

3 réponses