Accueil > Forum > > > > Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci
Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci
dimanche 5 avril 2009 à 14:01:50 |
Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

sebastiengoret
|
Bonjour à tous, Je cherche un moyen de créer un menu dynamique verticalement. Ce menu contient une série d'image provenant d'une base de données et peuvent donc être très nombreuses. Ce menu est placé à un endroit précis sur la page et à une taille définit. Ce n'est donc pas le menu entier qui doit ce déplacer, mais les images à l'intérieur de ce menu... Pour couronner le tout, j'aimerai que ce menu bouge en fonction de la position du curseur sur celui-ci. C'est à dire, si le curseur est au point milieu du menu, celui-ci est fixe, si le curseur est au dessus du point milieu, le menu descend et vis-versa. J'espère avoir été le plus clair possible dans mes explications et avoir une réponse correcte de votre part... Merci à vous tous Sébus La Brutus 
|
|
dimanche 5 avril 2009 à 14:38:46 |
Re : Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

Bul3
|
Réponse acceptée !
Bonjour, >>J'espère avoir été le plus clair possible dans mes explications parfaitement >>et avoir une réponse correcte de votre part... pas de problème : qu'est-ce qui plante dans ce que tu fais ? tu as des messages d'erreurs ? avec tous les navigateurs ? avec tous les OS ? que te disent les debuggueurs ?
Cordialement [ mon Site] [ M'écrire]  Bul
|
|
lundi 6 avril 2009 à 11:37:03 |
Re : Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

sebastiengoret
|
Réponse acceptée !
Salut Bul3, Je vais peut-être te décevoir, mais je ne suis pas un AS en JavaScript, je découvre ce langage (pour mon TFE). En réalité, je cherche si il y a une fonction qui me permettrait de déplacer les images. J'ai trouver quelques codes sur google, j ai essayer de les modifier pour mon site, mais rien ne fonctionne correctement... Je vais insérer une image du site (sur photoshop) pour t expliquer un peu mieux ce que je recherche... A bientôt, merci à tous. Sébus La Brutus 
|
|
lundi 6 avril 2009 à 11:45:43 |
Re : Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

Bul3
|
Réponse acceptée !
>>rien ne fonctionne correctement... soit tu n'as pas pris un script qui fonctionne, soit ce que tu fais/appliques/modifies n'est pas correct
>>si il y a une fonction qui me permettrait de déplacer les images plein, plein, et pas qu'une image : n'importe quel élément je te dirais bien clique donc ici, mais tu nous dis que rien ne fonctionne...
@+
|
|
lundi 6 avril 2009 à 12:05:45 |
Re : Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

sebastiengoret
|
Réponse acceptée !
je t envoie le code de la ou j'ai reussi à aboutir avec mes recherches.... <HTML> <HEAD> <TITLE>Votre titre</TITLE> <link rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY> <SCRIPT LANGUAGE=JavaScript> function position(e) { x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft; y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop; window.status = "Souris X:"+x+" / Y:"+y; } if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE); document.onmousemove = position;
</script><noscript><a href="http://www.editeurjavascript.com/countus/">compteur live</a></noscript>
<div id="navigation"> <TABLE> <TR><TD> <marquee id="scroller" scrollamount="5" direction="up" bgcolor="#ffffff" "javascript:"onmouseover="javascript:scroller.start()" onmouseout="javascript:scroller.stop()"> <img src="http://upload.wikimedia.org/..." width="50" height="50"><br> <img src="http://upload.wikimedia.org/..." width="50" height="50"><br> <img src="http://upload.wikimedia.org/..." width="50" height="50"><br> <img src="http://upload.wikimedia.org/..." width="50" height="50"><br> <img src="http://upload.wikimedia.org/..." width="50" height="50"><br> <img src="http://upload.wikimedia.org/..." width="50" height="50"><br> <img src="http://upload.wikimedia.org/..." width="50" height="50"><br> <img src="http://upload.wikimedia.org/..." width="50" height="50"><br> <img src="http://upload.wikimedia.org/..." width="50" height="50"><br> <img src="http://upload.wikimedia.org/..." width="50" height="50"><br> </marquee> </TD></TR> </TABLE> </div> </BODY> </HTML>Le problème c que je dois passer au moins une fois sur le menu avant qu'il réagisse a la commande onmouseout ="javascript:scroller.stop()".
Deuxiement, comment puis-je faire pour que le menu move en fonction de la position du curseur sur le div id="navigation"???
Sébus La Brutus 
|
|
lundi 6 avril 2009 à 12:33:17 |
Re : Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

Bul3
|
Réponse acceptée !
c'est ce que tu appelles déplacer des images ? ce que tu nous montre c'est la balise marquee qui fait un affichage, un défilement d' images
>>je dois passer au moins une fois sur le menu avant qu'il réagisse a la commande onmouseout="javascript:scroller.stop()". ben oui ! onmouseover c'est quand on quitte le survol de l'élément, donc tant que tu ne l'as pas survolé on ne quitte pas le survol en général d'ailleurs on fait exactement le contraire : on stoppe au survol ! mais bon, rien ne t'empêches d'appeler cette fonction qui stoppe au chargement de la page
>>if(navigator.appName.substring(0,3) == "Net") >> document.captureEvents(Event.MOUSEMOVE); >>document.onmousemove = position; totalement obsolète ça, et FF doit te le dire !
ensuite, c'est bien beau de noter où est le curseur, mais comme tu n'en fais rien, rien ne se passe bien entendu
et alors, ce <marquee>, dans un <table>, lui même dans un <div>... ??? on se demande bien à quoi et à qui ça peut servir....
|
|
lundi 6 avril 2009 à 12:36:01 |
Re : Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

Bul3
|
Réponse acceptée !
onmouseover c'est quand on quitte le survol de l'élément, il fallait bien entendu lire : onmouseout c'est quand on quitte le survol de l'élément,
|
|
lundi 6 avril 2009 à 13:09:51 |
Re : Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

sebastiengoret
|
Réponse acceptée !
Ecoute je suis novice en javascript, j essaye avec les differentes reponses que j obtient d'en faire quelques choses de raisonnable... Par rapport à ce que je comprend... Tu essaye de m apporter de l aide, mais tu critique plus ce que je fais, plutot que de me conseiller par rapport a mes questions. Je ne suis p e pas très clair par rapport à mes questions... Mais dit le moi ke tu comprend rien à ce que je dis, et j essayerai d etre plus clair...  Sébus La Brutus 
|
|
lundi 6 avril 2009 à 13:28:55 |
Re : Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

Bul3
|
je t'ai répondu point par point ( ou presque ) prends le temps de relire, si tu ne réponds pas, je ne peux plus rien pour toi ! le but n'est pas de te faire, mais de t'aider à faire, si cela ne t'intéresses pas achète un truc tout fait et point barre.
|
|
lundi 6 avril 2009 à 16:26:02 |
Re : Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

sebastiengoret
|
voila j ai fait un code tout simple pour expliquer ce que je cherche à faire. Les differentes images représentent le menu. J aimerai qu'il n'y est que 4images de visible et rendre le menu dynamique verticalement en fonction de la position du curseur sur le div. C'est a dire, imaginons le div d'une hauteur de 150px, si le curseur est en dessous de 75px les images montent si il y a des images a laisser apparaitre, et si le curseur et au dessus de 75px, les images descendent pour laisser apparaitre les images. Sébus La Brutus 
|
|
Cette discussion est classée dans : fonction, menu, dynamique, curseur, position
Répondre à ce message
Sujets en rapport avec ce message
menu dynamique [ par mamy ]
Bonjour,voilà je dois créer une page web pour un site de vente en lignesur ma page d'accueil je vais afficher le menu avec les grandes catégories de p
Récupérer la position du curseur dans un TEXTAREA [ par piment ]
Comment récupérer la position du curseur dans un textarea ou la position en nombre de caractère depuis le début.Merci
URGENT: position du curseur dans un TEXTAREA ??? [ par Kiom ]
Bonjour tout le monde,bon voilà une petite question :est-il possible en javascript de connaître la position du curseur dans un textarea ?....une répon
recuperer la Position du curseur dans un champ texte [ par synoc ]
j ai besoin d une astuce en javascript ou en php : peut on recupererla position du curseur dans un champ de texte (type=text>) ???ou sinon, je vous ex
Menu dynamique [ par bside8 ]
Bonjour,je souhaite réaliser un menu somme toute classique consistant à faire apparaître un menu détaillé lors du passage de la souris sur l'un des it
Menu dynamique [ par RapAttak ]
BonjourJe souhaite intégrer un menu dynamique sur mon site et j'aimerais beaucoup avoir le meme menu que vous utilisez sur www.javascript.com.Je n'arr
oncontextmenu [ par refre ]
Bonjour, j'ai un petit problème avec la fonction oncontextmenu et mozilla.QUand je l'utilise, mozila commence par exécuter ma fonction, puis il ouvre
menu redimensionnable [ par aurelivs ]
bonjour jai toujours un probleme concernant mon menu. bon, jai intégré du css avec position:absolute, comme ca je peux placer mes boutons exactement
Position du curseur [ par birdyz ]
Bonjour à tousVoila, j'aimerai savoir s'il est possible en javascript (j'en ai encore jamais fait donc excusez moi ;-)) de savoir à quelle position ce
Création de menu dynamique + DB [ par Mia ]
Salut tlmJe recherche un moyen de créer un menu de manière dynamique et je voudrais qu'il soit construit à partir d'une base de données access ou alor
Livres en rapport
|
Derniers Blogs
ETENDRE LE TEAM WEB ACCESS DE TFS 2012 - STEP 0ETENDRE LE TEAM WEB ACCESS DE TFS 2012 - STEP 0 par Philess
L'extensibilité du Team Web Access
Le Web Access (site d'équipe) de Team Foundation Server a été complètement réécrit dans la version 2012 avec pas moins de 400.000 lignes de JavaScript. Ce nouveau modèle a été pensé pour offrir de grandes...
Cliquez pour lire la suite de l'article par Philess SIMULER FACILEMENT L'ENVOI DE MAILSIMULER FACILEMENT L'ENVOI DE MAIL par JeremyJeanson
il m'a été demandé, à plusieurs reprises, comment je faisais pour simuler l'envoi de mail lors de mes démos de Workflow Foundation. Ma solution est plutôt simple : j'utilise la configuration par défaut du SmtpClient et j'oriente les mails vers un dossier ...
Cliquez pour lire la suite de l'article par JeremyJeanson VOTEZ POUR LE TOP 10 DES INFLUENCEURS SHAREPOINT FRANCOPHONES !VOTEZ POUR LE TOP 10 DES INFLUENCEURS SHAREPOINT FRANCOPHONES ! par Patrick Guimonet
Si ce n'est déjà fait (comme plus de 600 personnes déjà), il est encore temps de voter pour le concours TOP 10 des influenceurs SharePoint francophones ! Il est organisé par harmon.ie et accessible ici : http://harmon.ie/top-...
Cliquez pour lire la suite de l'article par Patrick Guimonet [CONF'SHAREPOINT] DERNIER RAPPEL ! :-)[CONF'SHAREPOINT] DERNIER RAPPEL ! :-) par Patrick Guimonet
La Conf'SharePoint en chiffres c'est : 3 jours de SharePoint ! 4 parcours et 60 sessions 17 partenaires représentant toutes les fac...
Cliquez pour lire la suite de l'article par Patrick Guimonet
Logiciels
Easy-Planning (4.5.0.11)EASY-PLANNING (4.5.0.11)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté a... Cliquez pour télécharger Easy-Planning CVEasy (3.1.0.51)CVEASY (3.1.0.51)PHMSD-CVEasy est un logiciel d'aide à la rédaction de CV d'une simplicité déconcertante.
PHMSD-C... Cliquez pour télécharger CVEasy LettresFaciles 2011 (8.6.0.31)LETTRESFACILES 2011 (8.6.0.31)LettresFaciles est un logiciel facilitant la création et la rédaction de lettres types.
Son inte... Cliquez pour télécharger LettresFaciles 2011 sDEVIS-FACTURES vlPRO (8.4.2.62)SDEVIS-FACTURES VLPRO (8.4.2.62)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO Devis-Factures PHMSD (2.1.0.11)DEVIS-FACTURES PHMSD (2.1.0.11)Configuration minimale
Nécessite Windows™ 2000, XP, Windows 7, 8, Vista (Service Pack à... Cliquez pour télécharger Devis-Factures PHMSD
|