Menu accordéon

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

  • [Problème] Menu accordéon

    Bonjours à tous,

    voilà pour mon petit souci, j'ai un template joomla 1.5 que j'ai réalisé avec un menu accordéon un menu horizontal avec petite anime et un style pour les champs de texte réalisé avec jQuery tout marche tres bien sauf au passage de joomla 1.7...

    j'ai lu quelques part que pour palier au conflit mootools, on pouvait remplacer les "$();" en "jQuery();" ce que j'ai fais. Comment faire pour la version 1.7 de joomla ?

    voici mon code jQuery :

    Code:
    jQuery(document).ready( function () {
    	//menu accordeon
        jQuery("#menurightM .parent ul").hide();
        jQuery("#menurightM .active ul").show();
        jQuery("#menurightM .active").addClass("open");
     
        jQuery("#menurightM ul.menu li.parent > a").click( function () {
     
            if (!jQuery(this).parent().hasClass("open")) {
                jQuery("#menurightM ul.menu li ul").slideUp("normal", function () { $(this).parent().removeClass("open") });
                jQuery(this).next("#menurightM ul").slideDown("normal", function () { $(this).parent().addClass("open") } );}
     
            else {jQuery(this).next("#menurightM ul").slideUp("normal", function () { $(this).parent().removeClass("open") });}
            return false;
        });
    	
    	//menu top slider
    	jQuery("#barretop ul ul").hide();
        jQuery("#barretop li").hover(
            function () {
                jQuery('ul',this).slideDown("normal");
            },
            function () {
                jQuery('ul', this).slideUp("normal");        
            }
        );
    	//champ de texte
    	jQuery('input[type="text"]').addClass("idleField");
    	jQuery('input[type="text"]').focus(function() {
    		jQuery(this).removeClass("idleField").addClass("focusField");
    	});
    	jQuery('input[type="text"]').blur(function() {
    		jQuery(this).removeClass("focusField").addClass("idleField");
    	})
    	
    } ) ;
    et le header de l'index.php :

    Code:
    <script src="<?php echo $this->baseurl ?>/templates/mon-template/js/jquery-1.7.1.js" type="text/javascript"></script>
    	<script src="<?php echo $this->baseurl ?>/templates/BluwDef/js/mon-menu.js" type="text/javascript"></script>
    je commence tout juste avec jQuery.

  • #2
    Re : Menu accordéon

    Bonjour,
    pourquoi bricoler un script, qui plus est avec jQuery, alors que tu as tout un tas d'extensions qui implémentent un menu accordéon ?
    Schtroumpfe toi le Schtroumpf t'aidera.
    Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

    Commentaire


    • #3
      Re : Menu accordéon

      Pour apprendre
      mais je ne renie pas les extensions joomla! mon petit code qui est certes du bricolage me sert de teste, et je me posais juste la question pourquoi sur le 1.5 ça marche et pas sur le 1.7

      par contre je vais surement m’intéresser à la librairie mootools du coup !

      Commentaire


      • #4
        Re : Menu accordéon

        Je vois qu'il existe des plugins pour jQuery et joomla! mais malgré tout mon code ne marche toujours pas, est ce que quelqu'un utilise ce genre de plugin et pourrai m'aider à résoudre mon souci ?

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X