begin process at 2010 03 18 08:50:42
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Evènements

 > 

Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Membre Club
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

Membre Club
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

Membre Club
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

Membre Club
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

Membre Club
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

1 2

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


Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

  
  

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,686 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)