Table des matières

Le Tutoriel de Javascript Menubar

View more Tutorials:

1- window.menubar

La propriété (property) window.menubar renvoie un objet  Menubar qui représente la barre de menu (menu bar) du navigateur. Cependant, vous pouvez difficilement interagir avec Menubar via Javascript car il a très peu de API pour vous.
window.menubar

// Or simple:

menubar
La tendance des navigateurs modernes est de rendre la fenêtre Viewport aussi large que possible, donc, ils suppriment d'autres composants comme Statusbar, ou ont rendu Menubar plus petit.
Illustration de la barre de menu du navigateur Firefox 1.0.
La barre de menu a rétréci dans la version moderne de Firefox.

menubar.visible

La propriété (property) menubar.visible renvoie  true si la barre de menu est affichée sur le navigateur. Au contraire, il renvoie​​​​​​​ false.
Remarque : Pour les navigateurs modernes, vous pouvez définir de nouvelles valeurs pour menubar.visible. Si tu le fais exprès, ça ne marche pas.
menubar-example.html
<!DOCTYPE html>
<html>
<head>
    <title>Menubar</title>
    <meta charset="UTF-8">
</head>
<body>
    <h3>menubar.visible</h3>

    <br/><br/>
    <button onclick="alert(menubar.visible)">
        alert(menubar.visible)
    </button>

</body>
</html>
Exemple, utilisez window.open(...) pour ouvrir une nouvelle fenêtre sans barre de menu.
open-new-window-example.html
<!DOCTYPE html>
<html>
<head>
    <title>Menubar</title>
    <meta charset="UTF-8">
    <script>

        function openNewWindow()  {
           var winFeature = 'menubar=no,resizable=yes';

           // Open a New Windows.
           window.open('some-page.html','MyWinName',winFeature);
        }
    </script>
</head>
<body>
    <h3>Menubar</h3>

    <button onclick="openNewWindow()">
      Open a New Window without menubar
    </button>

</body>
</html>
some-page.html
<!DOCTYPE html>
<html>
<head>
    <title>Some Page</title>
    <meta charset="UTF-8">
</head>
<body onload="alert('menubar.visible? ' + menubar.visible)">
    <h3>Some Page</h3>

    <p>1</p>
    <p>1 2</p>
    <p>1 2 3</p>
</body>
</html>

 

View more Tutorials: