devstory

Le Tutoriel de Javascript Menubar

  1. window.menubar

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>

Tutoriels de programmation ECMAScript, Javascript

Show More

Tutoriels de programmation ECMAScript, Javascript

Show More

Articles les plus récents

Show More