[Résolu][Javascript] Un menu déroulant

[barst]

Par contre, je voudrais des précisions sur votre code : c'est du javascript ? je ne reconnais pas vraiment cette façon de coder.

Quelques explications m'arrangerait bien.
Merci d'avance.

[Roworll]

Pour ma part, je suis resté au menu 100% CSS classique.



J'ai cependant ajouté une petite fonctionnalité pour réduire le menu et ainsi récupérer l'espace à gauche de la fenêtre.
Ca tient en un clic couplé à un peu de JS pour inclure le CSS qui fait la modification de mise en page.



(Désolé, ce ne sont que des copies d'écran mais toutes ces images proviennent de ma version en local)

[joshua]

j'ai un collegue qui m'a fait un menu déroulant en CSS qui avait la meme qualité qu'un menu javascript. Donc ne pas cdecrier le CSS, plus je peux me passer de js meilleur c'est, pour reserver le JS a des cas ou on en a reellement besoin!!!
afin d'eviter des tas de problemes ^^

[Sephi-Chan]

Par contre, je voudrais des précisions sur votre code : c'est du javascript ? je ne reconnais pas vraiment cette façon de coder.

Quelques explications m'arrangerait bien.
Merci d'avance.

Il s'agit effectivement de Javascript, développé à l'aide de JQuery, une librairie (ou framework, selon eux) plutôt géniale qui permet entre autre de pouvoir utiliser les sélecteurs CSS et XPath pour désigner des éléments de l'arbre DOM. Le développement est également très facilité grâce à des tas de sucres syntaxiques qui font que coder en Javascript (et Ajax) devient un réel plaisir.

Cette librairie est également un petit bijou pour externaliser le Javascript des pages et le déployer en surcouche, permettant ainsi un code non intrusif : l'application reste utilisable sans Javascript.

Je te laisse quelques liens si tu veux en savoir plus :

• JQuery.com
  
• JQuery - Framework Javascript, AJAX
  
• JQuery.info
  

j'ai un collegue qui m'a fait un menu déroulant en CSS qui avait la meme qualité qu'un menu javascript. Donc ne pas cdecrier le CSS, plus je peux me passer de js meilleur c'est, pour reserver le JS a des cas ou on en a reellement besoin!!!
afin d'eviter des tas de problemes ^^

Tu n'auras certainement pas la beauté d'un Javascript, à savoir un déroulement progressif, une disparition progressive, etc. avec pour seul outil CSS. Je pense qu'à un moment, il faut se lancer. Non, Javascript ne pose pas de problème (surtout avec l'utilisation de librairies), ce qui n'est pas le cas avec CSS qui est bien moins universel d'un navigateur à l'autre.

Libre à vous de vous priver d'une surcouche qui ajoute de l'esthétisme à votre application, mais sachez que ça ne vous coûte pas grand chose, ni à votre serveur d'ailleurs (les scripts externes se mettent en cache) et que ça peut vous apporter beaucoup. Jetez donc un œil à JQuery UI et je pense que vous verrez Javascript autrement.


Sephi-Chan, ce que les vieux peuvent être frileux ! iffle:

[barst]

Merci ca me semble vraiment très intéressant, je vais potasser car j'ai également quelques effets JS et ca pourrait bien m'aider pour les améliorer

[Anthor]

En fait, le problème que tu exposes vient de la structure de ton menu, l'imbrication des balises empêche de sélectionner directement ce que l'on veut et complique le code.

Avec cette structure

Code PHP :

<?php 

<ul id="menu">

    <li id="menu-seelies"><a href="">Seelies</a>

        <ul id="ssmenu-seelies">

              <li><a href="">About Seelies</a></li>

            <li><a href="">Preferences</a></li>

            <li><a href="" class="disabled">Login</a></li>

            <li><a href="" class="disabled">Logout</a></li>

        </ul>

    </li>

    <li><a href="">Home</a></li>

    <li id="menu-display"><a href="">Display</a>

        <ul id="ssmenu-display">

              <li><a href="">List</a></li>

            <li><a href="">Thumbnail</a></li>

        </ul>



    </li>

    <li id="menu-news"><a href="">News</a>

        <ul id="ssmenu-news">

              <li><a href="">Suscribe to newsletter</a></li>

            <li><a href="">Unsuscribe</a></li>

        </ul>    

    </li>

</ul> 

[Sephi-Chan]

Voilà, la page d'accueil de Seelies et maintenant opérationnelle ! Encore merci Anthor pour ton aide précieuse sur le menu déroulant.


Sephi-Chan