Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript Aide Pour un menu retractable

Aide Pour un menu retractable

5 réponses
Avatar
Bruno Beauchamp
Bonjour,

Je cherche à créer pour mon site cinéma, qui me permet d'afficher une liste
de film que j'ai vu en fonctions de certains critères (le tout est en php),
un bandeau sur la gauche de l'écran qui contiendra tout le code permettant
d'afficher les différent contrôle de requête des critères de recherche.
Je voudrais que ce bandeau soit rétractable et n'apparaisse que quand la
souris va sur le bord gauche on lorsque l'on clique sur un bouton.
Mes recherches sur les différents sites de script javascript, m'ont permis
de ne trouver qu'un script de menu rétractable (qui n'est constitué que de
liens)

J'ai cherchait de faire çà avec un <DIV> mais sans aboutir.

Quelqu'un aurait-t-il des suggestions, des aides pour réaliser cela. Merci
d'avance
--
Assyril
Adresse à Modifier pour réponse
Signaler un problème avec ce contenu

5 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Francis Spiesser
Bruno Beauchamp a utilisé son clavier pour écrire :
Bonjour,

Je cherche à créer pour mon site cinéma, qui me permet d'afficher une liste
de film que j'ai vu en fonctions de certains critères (le tout est en php),
un bandeau sur la gauche de l'écran qui contiendra tout le code permettant
d'afficher les différent contrôle de requête des critères de recherche.
Je voudrais que ce bandeau soit rétractable et n'apparaisse que quand la
souris va sur le bord gauche on lorsque l'on clique sur un bouton.
Mes recherches sur les différents sites de script javascript, m'ont permis de
ne trouver qu'un script de menu rétractable (qui n'est constitué que de
liens)

J'ai cherchait de faire çà avec un <DIV> mais sans aboutir.

Quelqu'un aurait-t-il des suggestions, des aides pour réaliser cela. Merci
d'avance


Un exemple parmi d'autres :
http://www.web-creation-fr.com/javascript/index.php?id=7

--
______
Francis (enlever .NIPUBNISOUMIS)
Si la tartine tombe du côté non beurré, vous avez beurré le mauvais
côté.

Avatar
ASM
Je voudrais que ce bandeau soit rétractable et n'apparaisse que quand la
souris va sur le bord gauche on lorsque l'on clique sur un bouton.
Mes recherches sur les différents sites de script javascript, m'ont permis
de ne trouver qu'un script de menu rétractable (qui n'est constitué que de
liens)

Quelqu'un aurait-t-il des suggestions, des aides pour réaliser cela. Merci
d'avance


Au plus simple :

<html><head>
<style type="text/css" media="screen">
#menucine { display:block; position:absolute;
width: 400px; left: 10px; top: 50px;}
</style>
<script type="text/javascript">
function cine() {
var c = document.getElementById('menucine').style;
c.left = c.left==''? '-410px' : '';
}
onload = cine;
</script>
</head>
<body>

<p><a href="#" onclick="cine();return false;">Ciné OUI/NON</a></p>
<ul id="menucine">
<li><a href="#" onclick="return false">menu 1</a></li>
<li><a href="#" onclick="return false">menu 2</a></li>
<li><a href="#" onclick="return false">menu 3</a></li>
<li><a href="#" onclick="return false">menu 4</a></li>
</ul>
</body></html>


Pour le coup de la souris sur le bord gauche c'est plus compliqué
- repérer la position de la souris sur la page
- si elle est à gauche découvrir le cinemenu
et si ciné découvert arreter la surveillance de la souris
- reprendre la surveillance souris si on sort du cinemenu
(onmouseout)

Mais on doit trouver du tout-fait.

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Bruno Beauchamp
Dans le message 44fd9a8b$0$5067$, ASM a écrit:
Je voudrais que ce bandeau soit rétractable et n'apparaisse que quand la
souris va sur le bord gauche on lorsque l'on clique sur un bouton.
Mes recherches sur les différents sites de script javascript, m'ont
permis de ne trouver qu'un script de menu rétractable (qui n'est
constitué que de liens)

Quelqu'un aurait-t-il des suggestions, des aides pour réaliser cela.
Merci d'avance


Au plus simple :

<html><head>
<style type="text/css" media="screen">
#menucine { display:block; position:absolute;
width: 400px; left: 10px; top: 50px;}
</style>
<script type="text/javascript">
function cine() {
var c = document.getElementById('menucine').style;
c.left = c.left==''? '-410px' : '';
}
onload = cine;
</script>
</head>
<body>

<p><a href="#" onclick="cine();return false;">Ciné OUI/NON</a></p>
<ul id="menucine">
<li><a href="#" onclick="return false">menu 1</a></li>
<li><a href="#" onclick="return false">menu 2</a></li>
<li><a href="#" onclick="return false">menu 3</a></li>
<li><a href="#" onclick="return false">menu 4</a></li>
</ul>
</body></html>


Pour le coup de la souris sur le bord gauche c'est plus compliqué
- repérer la position de la souris sur la page
- si elle est à gauche découvrir le cinemenu
et si ciné découvert arreter la surveillance de la souris
- reprendre la surveillance souris si on sort du cinemenu
(onmouseout)

Mais on doit trouver du tout-fait.

--
Stephane Moriaux et son [moins] vieux Mac


Merci
je vais etudier ceci et l'adapter à mon cas. je pense que cela devrait
fonctionner. car il me semble que le block id="menucine" n'est pas
obigatoirement des liens.

--
Assyril
Adresse à Modifier pour réponse


Avatar
BertrandB

Pour le coup de la souris sur le bord gauche c'est plus compliqué
- repérer la position de la souris sur la page
- si elle est à gauche découvrir le cinemenu
et si ciné découvert arreter la surveillance de la souris
- reprendre la surveillance souris si on sort du cinemenu
(onmouseout)


Ca doit être faisable avec un div à gauche d'1pixel de large et avec
hover en css (comme pour les popup) ou avec onmouseover

Avatar
Bruno Beauchamp
Dans le message 44fdd0f3$0$27413$, BertrandB a écrit:

Pour le coup de la souris sur le bord gauche c'est plus compliqué
- repérer la position de la souris sur la page
- si elle est à gauche découvrir le cinemenu
et si ciné découvert arreter la surveillance de la souris
- reprendre la surveillance souris si on sort du cinemenu
(onmouseout)


Ca doit être faisable avec un div à gauche d'1pixel de large et avec
hover en css (comme pour les popup) ou avec onmouseover


Merci de l'aide cela fonctionne



--
Assyril
Adresse à Modifier pour réponse