Forums Développement Multimédia

Aller au contenu

Menu popup compatible IE

CODE HTML CSS

19 réponses à ce sujet

#1 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 30 August 2010 - 16:45 PM

Bonjour,
je recherche un menu popup tout simple (qui s'affiche en survol d'un mot + deux ou trois items) compatible avec toutes les versions d'IE (6, 7 et 8).
Il faut bien entendu que je puisse le mettre en forme via css

#2 gerard.bartholome

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 110 messages

Posté 31 August 2010 - 10:51 AM

Salut Goudurisc,

Le "tooltyp" de Dreamweaver ne convient pas ? (ça doit se trouver dans le menu Spry de mémoire)

#3 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 31 August 2010 - 11:00 AM

Pour tout dire, j'en suis à utiliser le comportement "afficher-masquer les éléments" et mon menu est un div PA : ça marche mais je trouve le système un peu lourd.

Sinon, est-ce que tu parles des menu spry ? je ne connais pas tooltyp... :D

#4 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 31 August 2010 - 13:57 PM

Je viens effectivement de me pencher sur Spry et si certaines fonctionnalités sont sympa, je ne trouve pas exactement ce que je souhaite.

Je pensais que le spry infobulle pouvait fonctionner en tant que menu simple (ce qui m'aurait convenu) mais il est impossible de paramétrer correctement le temps nécessaire au clicage des liens.
:D

#5 gerard.bartholome

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 110 messages

Posté 31 August 2010 - 14:13 PM

Oui je pensais à l'infobulle Spry.

Tu as vu que dans l'aide de DW tu as un accès au "labs" d'Adobe qui te donne plein de trucs et astuces pour paramétrer les Spry à tes besoins ?

#6 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 31 August 2010 - 14:22 PM

J'y suis allé, j'ai parcouru les vidéos très explicites et j'ai donc a priori bien utilisé les fonctions proposées mais rien concernant mon petit menu en survol... ça se joue finalement à peu avec l'infobulle, il aurait suffit de pouvoir maîtriser la durée d'affichage et de masquage correctement.

J'en suis donc à caler ce menu avec la fonction rustique "Afficher/masquer". En terme de css, ce sera propre mais pour les effets, ce sera service minimum :D

J'ai regardé du côté de JQuery mais là encore, pas clair pour moi

#7 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 31 August 2010 - 16:17 PM

En fait, il y aurait une solution basique en CSS mais il me manque des infos.

Je dispose donc d'un texte (ou d'une image) et je souhaite qu'un petit menu (2 items) s'affiche en survol de mon texte (ou de mon image)

Si je crée mon menu simple :
<div id="menu">
  <ul>
    <li>Item 1</li>
    <li>item 2</li>
  </ul>
</div>

et que je lui associe le CSS :
#menu {
        display: none;
}

Mon menu disparaît bien. Ce qui permet de poser la question :
Comment le faire apparaître en survol de mon texte (ou de mon image) ???

C'est un peu dur, pensais que j'aurais pu régler ce truc rapidement mais j'y suis depuis ce matin, dur :D

#8 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 31 August 2010 - 20:45 PM

Salut Goudurisc.
Si j'ai bien compris, tu souhaiterais un menu en partie caché ou lors du pointage du "bouton mère", tu affiches les "boutons enfants" ? Et ce que en CSS.

#9 gerard.bartholome

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 110 messages

Posté 31 August 2010 - 20:46 PM

Hello Goudurisc,

Je viens de rentrer du taf et je repars en Germanie demain, je n'ai pas pu te faire parvenir le formulaire. Suis un peu fatigué.

Quand je vois tes questions, j'ai l'impression que tu veux faire des choses "pas simples" et que tu manques de bases.

Un petit coup de javascript permettrait de régler ton problème, même avec Dreamweaver, tu devrais y arriver avec le comportement OnMouseOver par exemple. Il faut que tu travailles un peu tes bases. :D

Courage.

#10 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 31 August 2010 - 21:10 PM

Oui edfred, c'est ça.

Symphonie, ce que je souhaitais, c'était aussi éviter d'en passer par le comportement onmouseover de Dreamweaver que je trouvais lourd et pas très visuel. Mais pour tout te dire, comme je n'ai pas trouvé de solution simple et qui permette par exemple d'avoir un effet de transition, j'en suis revenu à ce comportement et il est vrai qu'en l'état, ça marche.

Concernant toutes mes demandes techniques, même si tu as l'impression que je suis un peu limite, j'arrive aujourd'hui à produire des petits sites qui sont je crois assez pros et en tant que graphiste, cette partie représente aujourd'hui environ 50% de mon activité (pour les dossiers un peu trop techniques, notamment pour les CMS, je fais bosser des développeurs).

Il est vrai que je ne maîtrise pas le langages des différents codes et que je peux paraître un peu bouché parfois mais je parviens malgré tout à progresser et j'en remercie sincèrement tous les spécialistes qui prennent, comme vous, le temps de partager un peu de leurs connaissances. C'est à mon sens, le bon état d'esprit.

Symphonie, ne t'inquiète pas pour le formulaire, si tu penses pouvoir me le communiquer dans une semaine, ça devrait être bon, je ne vais pas faire la fine bouche. Bon voyage. :D

Modifié par Goudurisc, 31 August 2010 - 21:11 PM.


#11 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 01 September 2010 - 10:22 AM

Voir le messageGoudurisc, le 31 August 2010 - 21:10 PM, dit :

Oui edfred, c'est ça.
:D
Ok, je t'envoie un dossier ce soir avec une esquisse que j'avais faite.
Il est muni d'un menu comme tu pourrais le souhaiter.
Il ne propose toutefois pas de transition, au survol, le sous-menu apparaît et en quittant, il disparaît.
Il ne restera qu'à étudier un peu le code et la CSS pour lancer ton propre menu, il faudra bien entendu personnaliser la CSS à ton souhait comme d'hab.

#12 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 01 September 2010 - 11:13 AM

Merci, sympa.

Je dois avouer que hier soir, j'ai testé mon menu sur IE 8 et catastrophe, mon menu est présent à l'affichage de la page ! il faut donc que je trouve autre chose.

Sinon, c'est vraiment le minimum dont j'ai besoin : ça doit ressembler à une infobulle à la différence que l'on peut cliquer sur le menu et que ce dernier disparaisse en quittant le survol.

#13 Kosic

  • Guests

Posté 01 September 2010 - 12:50 PM

As-tu été voir sur CodesSources ?
http://www.codes-sources.com/
Tu trouveras des tas de menus simples à utiliser

#14 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 01 September 2010 - 13:48 PM

Je suis souvent allé sur ce site (j'en reçois encore les news) mais bizarrement, je n'ai jamais récupéré encore d'infos... je vais malgré tout y jeter un coup d'œil si je ne trouve pas ailleurs

#15 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 01 September 2010 - 16:08 PM

Ce que je t'enverrai contient toutefois un javascript intégré qui est très facile à mettre en place car IE ne comprend pas toute la CSS.
Il ne comprend le "hover" que sur les liens d'où la création d'une classe pour IE par javascript.

#16 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 01 September 2010 - 16:10 PM

Merci d'avance ! et finalement, il semble impossible d'utiliser le moindre bout de code sans impliquer IE à un moment...

#17 Frank.b

  • Members
  • PipPipPipPipPipPipPipPip
  • 539 messages

Posté 01 September 2010 - 17:54 PM

http://www.pompage.n...mpe/deroulants/
J'ai jamais rien touvé de plus simple ni de mieux expliqué (une mine d'info ce site)

frank

#18 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 01 September 2010 - 18:11 PM

Même moi, j'y suis parvenu en un temps acceptable, c'est quasiment ce que je cherchais :D
Cerise sur le css : je comprends presque tout :cool:
Merci pour ton super lien frank ! :Hola:

#19 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 01 September 2010 - 19:10 PM

Ben finalement, je ne t'envoie pas mon dossier, le procédé est celui donné par le lien de franck avec le même script. Tout est bien qui finit bien. :Hola:

#20 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 01 September 2010 - 22:00 PM

Très grand merci à tous ! :Hola:



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)