[Topic unique] Entraide technique forum et blogs #2

* Mozilla based browsers */ ::-moz-selection { background-color: black !important; color: white !important; } /* Works in Safari */ ::selection { background-color: #000000 !important; color: #FFF !important; post-p::first-letter{ font-size: 250%; } } -->

// si pas encore défini dans ton template, décommenter l'appel à la bibliothèque jQuery faite par la ligne ci-dessous
// <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

/**
 * jQuery Mobile Menu 
 * Turn unordered list menu into dropdown select menu
 * version 1.0(31-OCT-2011)
 * 
 * Built on top of the jQuery library
 *   http://jquery.com
 * 
 * Documentation
 *      http://github.com/mambows/mobilemenu
 */
(function($){
$.fn.mobileMenu = function(options) {
    
    var defaults = {
            defaultText: 'Navigate to...',
            className: 'select-menu',
            containerClass: 'select-menu-container',
            subMenuClass: 'sub-menu',
            subMenuDash: '&ndash;'
        },
        settings = $.extend( defaults, options ),
        el = $(this);
    
    this.each(function(){
        // ad class to submenu list
        el.find('ul').addClass(settings.subMenuClass);

        // Create base menu
        $('<div />',{
            'class' : settings.containerClass
        }).insertAfter( el );
        
        // Create base menu
        $('<select />',{
            'class' : settings.className
        }).appendTo( '.' + settings.containerClass );

        // Create default option
        $('<option />', {
            "value"        : '#',
            "text"        : settings.defaultText
        }).appendTo( '.' + settings.className );

        // Create select option from menu
        el.find('a').each(function(){
            var $this     = $(this),
                    optText    = '&nbsp;' + $this.text(),
                    optSub    = $this.parents( '.' + settings.subMenuClass ),
                    len            = optSub.length,
                    dash;
            
            // if menu has sub menu
            if( $this.parents('ul').hasClass( settings.subMenuClass ) ) {
                dash = Array( len+1 ).join( settings.subMenuDash );
                optText = dash + optText;
            }

            // Now build menu and append it
            $('<option />', {
                "value"    : this.href,
                "html"    : optText,
                "selected" : (this.href == window.location.href)
            }).appendTo( '.' + settings.className );

        }); // End el.find('a').each

        // Change event on select element
        $('.' + settings.className).change(function(){
            var locations = $(this).val();
            if( locations !== '#' ) {
                window.location.href = $(this).val();
            };
        });

    }); // End this.each

    return this;

};
})(jQuery);

//]]>
</script>

<ul class='menus menu-secondary'>
  <li><a href='/search/label/divers'>Divers</a>
    <ul class='children'>
        <li><a href='/search/label/challenge'>Challenge</a></li>
        <li><a href='/search/label/divers-autre'>Autres</a></li>
        <li><a href='/search/label/partenariat'>Partenariats</a></li>
      </ul> 
  </li>
</ul>