> Tous les forums > Forum des Webmasters
 pb avec Mootools fonction mouseEnterSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
The Retriever
  Posté le 15/03/2012 @ 05:36 
Aller en bas de la page 
Petit astucien

en farfouillant le web j'ai trouvé cet outils pour rendre joli son site

et en particulier la fonction mouseEnter http://mootools.net/demos/?demo=MouseEnter

et http://jsfiddle.net/api/post/mootools/1.4/dependencies/more/ pour travailler sur le code directement

qq'un serait 'il comment faire pour

1) qu'il y ai plusieurs block menu (et qu'il n'y a pas que le premier qui s'agrandi)

2)lui ajouter la couleur qui change (le code le donnant en séparer j'ai eu peur de modifier quoi que ce soit)

car en le 1 peut etre fait en renomaant la classe du block menu et recopier le code css et jscript mais c'est long si y'a 5-6 block

http://jsfiddle.net/EC2TC/embedded/result/

merci d'avance

(faut prévoir qu'il sera ds un p'tit empillement de



Modifié par The Retriever le 15/03/2012 06:40
Publicité
Dreamer
 Posté le 15/03/2012 à 10:02 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Attention sur ce que tu as donné comme lien, il y a deux exemples:

- Le premier changement de couleur en passant avec la souris

- Le second menu drop-down au survol

The Retriever
 Posté le 15/03/2012 à 12:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

oui faudrais les melanger

que la box change de couleur et s'ouvre qd le poiteur de la souris est dessus

et enfin pouvoir dupliquer l'action sur différente box sans avoir a recopier et renomer la fonction est la mise en page css pour chaque box (le 3eme lien justement est en recopiant une fois (j'en aurais besoins sur 5...) )

The Retriever
 Posté le 15/03/2012 à 12:08 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

en tout cas en mettant class au lieu de id (qui d'ailleurs est une grosse erreur de codage) ca ne marche plus et faudrais changer quoi dans le script?

Dreamer
 Posté le 15/03/2012 à 12:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Pour le changement de couleur, il suffit de modifier le hover dans le css ....

Je vais regarder, tu tiens absolument à celui-ci ??

The Retriever
 Posté le 16/03/2012 à 09:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

réelement non car faut ajouter 2 fichiers js en plus et que je prefererai me passer de javascript (a cause des utilisateurs qui le désactive)

elle
 Posté le 16/03/2012 à 18:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Fais-le uniquement en HTML/CSS alors...

Il y a plein de modèles ici : http://www.cssplay.co.uk/menus/



Modifié par elle le 16/03/2012 18:42
The Retriever
 Posté le 19/03/2012 à 02:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

merci pour ces liens

tres utiles pour tous d'ailleurs

le mets comme résolu car je pense que je vais trouver mon bonheur

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
309,99 €PC portable 14 pouces Asus (Pentium, 4 Go RAM, 128 Go eMMC, Windows 10, Office 365) à 309,99 €
Valable jusqu'au 29 Septembre

Cdiscount fait une promotion sur le PC portable 14 pouces Asus E406MA-BV691TS qui passe à 309,99 € avec le code promo 20EUROS au lieu de 400 €. Ce portable dispose d'un écran 14 pouces HD (1368x 768 pixels), d'un processeur Intel Pentium Silver N5030, de 4 Go de RAM et d'un espace de stockage eMMC de 128 Go extensible par USB, d'une webcam, du WiFi et du bluetooth, de l'USB 3.0. Il pèse 1,3 kg et offre une autonomie de 10h environ.

Il possède un numpad (pavé numérique intégré au touchpad) Notez qu'un abonnement d'1 an à Office 365 (Word, Excel, OneNote, PowerPoint, Outlook, Access et Publisher) vous est également offert.

Une bonne affaire pour un petit portable à emmener partout avec vous.


> Voir l'offre
124,99 €Box Android Nvidia Shield TV 2019 8 Go avec télécommande à 124,99 €
Valable jusqu'au 29 Septembre

Fnac fait une belle promotion sur la box Android Nvidia Shield TV 2019 8 Go avec sa télécommande à 124,99 €. On trouve ailleurs ce pack à partir de 159 €. Compatible FullHD et 4K, vous pourrez utiliser vos applications Android, jouer et regarder des films et des séries en très haute résolution sur votre TV (compatible Kodi, Molotov, Netflix, Disney+, YouTube ...).


> Voir l'offre
89,99 €Amazon Fire TV Cube à 89,99 €
Valable jusqu'au 29 Septembre

Amazon fait une belle promotion sur son Fire TV Cube qui passe à 89,99 € au lieu de 119,99 €. Fire TV Cube est l'appareil Fire TV le plus rapide et le plus puissant (4K ultra HD, 6 coeurs, 16 Go, Ethernet, Dolby Atmos) : il vous livre une expérience d'utilisation fluide et rapide pour profiter de vos films et séries préférés (Netflix, Prime Video, Disney+, Molotov, YouTube). Fire TV Cube vous permet de poser la télécommande et de vous plonger dans vos films et séries préférés en utilisant uniquement le son de votre voix. Vous pouvez aussi demander à Alexa de régler le volume ou de couper le son de votre TV ou barre de son compatible. 


> Voir l'offre

Sujets relatifs
incompatibilité fonction php include avec html5 et ie8
probleme avec ma fonction get
fonction mailto avec variable php
fonction mail avec piece jointe
Balises avec fonction Active Link
Problème avec la fonction ActiveLink
problème avec la fonction include
Killer une fonction avec OnMouseOver
Pb avec la fonction rechercher de Win XP [résolu]
Herbergeur avec fonction mail
Plus de sujets relatifs à pb avec Mootools fonction mouseEnter
 > Tous les forums > Forum Forum des Webmasters