Reponsive Design Convert Menu to Dropdown et incompatibilité avec aiContactSafe

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Reponsive Design Convert Menu to Dropdown et incompatibilité avec aiContactSafe

    Bonjour à tous,

    Je comptais rendre mon template responsive en transformant notamment mon menu (ul>li) en menu déroulant (select>option). La méthode est accessible ici : http://css-tricks.com/convert-menu-to-dropdown/

    Comme le menu est créé dynamiquement par Joomla, le script suivant est nécessaire pour transformer ajouter un menu sous forme select>option identique au menu ul>li. Les css s'occupent ensuite avec la fonction media queries de n'afficher ce menu que lorsque l'affichage est inférieur à x pixels.

    Code:
    <script>
    	 // DOM ready
    	 $(function() {
    	   
          // Create the dropdown base
          $("<select />").appendTo("nav");
          
          // Create default option "Go to..."
          $("<option />", {
             "selected": "selected",
             "value"   : "",
             "text"    : "Menu"
          }).appendTo("nav select");
          
          // Populate dropdown with menu items
          $("nav .menu li a").each(function() {
           var el = $(this);
           $("<option />", {
               "value"   : el.attr("href"),
               "text"    : el.text()
           }).appendTo("nav select");
          });
          
    	   // To make dropdown actually work
    	   // To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/
          $("nav select").change(function() {
            window.location = $(this).find("option:selected").val();
          });
    	 
    	 });
    </script>
    Cependant, pour fonctionner ce script a besoin de ça :

    Code:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    Ce qui empêche le composant aiContactSafe de fonctionner. Connaitriez vous une autre méthode pouvant fonctionner sans l'appel à ce dernier script ?

  • #2
    Re : Reponsive Design Convert Menu to Dropdown et incompatibilité avec aiContactSafe

    c est du a un conflit de version? qu as tu dans ton entete?

    Commentaire


    • #3
      Re : Reponsive Design Convert Menu to Dropdown et incompatibilité avec aiContactSafe

      Je pense que c'est un conflit entre Joomla et donc le composant aiContactSafe qui n'utilisent pas jQuery. Et donc en appelant jQuery dans mon entête, j'empêche aiContactSafe de fonctionner mais en l'enlevant, mon script ci-dessus ne fonctionne plus.

      Commentaire


      • #4
        Re : Reponsive Design Convert Menu to Dropdown et incompatibilité avec aiContactSafe

        C'ets un conflit classique entre JQuery et d'autres JavaScript.

        La solution : utiliser le mode noConflict de JQuery : http://api.jquery.com/jQuery.noConflict/
        Pas de demande de support par MP.
        S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

        Commentaire


        • #5
          Re : Reponsive Design Convert Menu to Dropdown et incompatibilité avec aiContactSafe

          ou alors un module pour le menu comme le maximenu_ck.....

          Commentaire


          • #6
            Re : Reponsive Design Convert Menu to Dropdown et incompatibilité avec aiContactSafe

            Merci pour vos solutions. Je les regarderai à tête reposée quand j'aurai un peu plus de temps.

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X