Menu personnalisé

Cet exemple de page montre comment un menu personnalisé peut être affiché sur votre page.

Mise en œuvre

Il existe deux méthodes par lesquelles un menu personnalisé peut être affiché.

Première méthode

defTop.outerHTML = wet.builder.appTop({
...
    "menuPath": "../ajax/custommenu-fra.html"
...
});
                

Deuxième méthode

La deuxième méthode consiste à créer le menu dans la section appTop de votre page. Il existe quelques options de configuration:

Noter: Les éléments de menu avec des sous-liens n'ont pas de lien, ce qui permet de trouver un comportement cohérent lors de l'accès à un site via un mobile ou de la navigation sur un site à l'aide d'un clavier. Par exemple, sur un écran tactile, appuyer sur un élément de menu devrait ouvrir le panneau avec les sous-liens et ne pas naviguer ailleurs.

defTop.outerHTML = wet.builder.appTop({
...
    "menuLinks":[
        {
            "text":"Aperçu"
        },
        {
            "text":"Première section"
        },
        {
            "href": "#",
            "text":"Deuxième section",
            "subLinks": [{
                "subhref": "#",
                "subtext": "Sous-section 1"
            },
            {
                "subhref": "#",
                "subtext": "Sous-section 2"
            },
            {
                "subhref": "#",
                "subtext": "Sous-section 3"
            },
            {
                "subhref": "#",
                "subtext": "Sous-section 4"
            },
            {
                "subhref": "#",
                "subtext": "Deuxième section - Plus",
                "acronym": "Description de l'abréviation"
            }],
        }]
...
});