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
[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril
Le deuxième keynote du mix fut très riche en contenu. Internet Explorer 9 Juste un après le lancement de Internet Explorer 8, Microsoft a dévoilé les nouveautés de Internet Explorer 9. Désormais, IE supportera HTML5, SVG et CSS3. L'élément ...
Cliquez pour lire la suite de l'article par cyril CERTIFICATIONS BETA .NET 4CERTIFICATIONS BETA .NET 4 par KooKiz
Les inscriptions pour les certifications beta .NET 4 ont commencé. L'inscription est offerte pour les examens suivants : - 71-511, TS: Windows Applications Development with Microsoft .NET Framework 4 - 71-515, TS: Web Applications Development with...
Cliquez pour lire la suite de l'article par KooKiz [MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo
J'imagine que la plupart d'entre vous connaissent bien et utilisent le service de traduction de Google, mais connaissez-vous celui de Microsoft . Microsoft Translator ? Effectivement, Microsoft nous annoncé le lancement version 2 de la Technologie Preview...
Cliquez pour lire la suite de l'article par redo LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010!LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE
Toutes les vidéos de ce lancement sont en ligne!
Partie I - Intro
http://www.youtube.com/watch?v=LkQzTQ8T6CA
Partie II - Démo 1
http://www.youtube.com/watch?v=drAhYQ7lqvo
Partie III - Démo 2
http://www.youtube.com/watch?v=c8KM_1Gqybc...
Cliquez pour lire la suite de l'article par MPOWARE [WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE[WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE par FREMYCOMPANY
Je pense qu'ils ont besoin d'une piqure de rappel chez Microsoft : c'est bien gentil d'avoir une interface jolie, mais si c'est pour avoir un truc qui ne convainct pas dedans, c'est peine perdue.
---->
Système ouvert ----> Fermé ?
P...
Cliquez pour lire la suite de l'article par FREMYCOMPANY
Logiciels
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods Konvertor (4.00)KONVERTOR (4.00)Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format... Cliquez pour télécharger Konvertor
|