]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 378dacf)
Menu demos: Cleanup.
authorScott González <scott.gonzalez@gmail.com>
Mon, 18 Jun 2012 16:43:55 +0000 (12:43 -0400)
committerScott González <scott.gonzalez@gmail.com>
Mon, 18 Jun 2012 16:43:55 +0000 (12:43 -0400)
demos/menu/default.html patch | blob | history
demos/menu/index.html patch | blob | history
demos/menu/navigationmenu.html patch | blob | history
demos/menu/topalignmenu.html patch | blob | history

diff --git a/demos/menu/default.html b/demos/menu/default.html
index b1c0b9fbb2037d4b1477360a21a2655d6eafa28e..b5a0689fb8e1c0448e25ccfd6ca78499f7beb6f3 100644 (file)
--- a/demos/menu/default.html
+++ b/demos/menu/default.html
@@ -1,28 +1,25 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 <head>
        <meta charset="utf-8">
-       <title>jQuery UI Menu - Default demo</title>
-       <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+       <title>jQuery UI Menu - Default functionality</title>
+       <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
        <script src="../../jquery-1.7.2.js"></script>
        <script src="../../ui/jquery.ui.core.js"></script>
        <script src="../../ui/jquery.ui.widget.js"></script>
        <script src="../../ui/jquery.ui.menu.js"></script>
-       <link href="../demos.css" rel="stylesheet" />
+       <link rel="stylesheet" href="../demos.css">
        <script>
        $(function() {
-               $(".demo ul").menu();
+               $( "#menu" ).menu();
        });
        </script>
-       <style>
-
-       </style>
 </head>
 <body>
 
 <div class="demo">
 
-       <ul>
+       <ul id="menu">
                <li><a href="#Aberdeen">Aberdeen</a></li>
                <li><a href="#Ada">Ada</a></li>
                <li><a href="#Adamsville">Adamsville</a></li>
@@ -44,11 +41,9 @@
 
 <div class="demo-description">
 
-<p>A menu with the default configuration. A list is transformed, adding themeing, mouse and keyboard navigation support. Try to tab to the menu and use the cursor keys to navigate.</p>
+<p>A menu with the default configuration. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p>
 
 </div><!-- End demo-description -->
 
-
-
 </body>
 </html>
diff --git a/demos/menu/index.html b/demos/menu/index.html
index b5bdb43fd34953eb4f24a1d1def37186abc11657..f5a49799a7afc1071bd56cdd564a011b4fb09e82 100644 (file)
--- a/demos/menu/index.html
+++ b/demos/menu/index.html
@@ -1,9 +1,9 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 <head>
-       <meta charset="UTF-8" />
+       <meta charset="utf-8">
        <title>jQuery UI Menu Demos</title>
-       <link href="../demos.css" rel="stylesheet" />
+       <link rel="stylesheet" href="../demos.css">
 </head>
 <body>
        <div class="demos-nav">
diff --git a/demos/menu/navigationmenu.html b/demos/menu/navigationmenu.html
index 8c7b2b9937257fae93dad9c5f8c2e234724dcd81..94dc1b8fa111e297e3c00149d527365dc0e5a689 100644 (file)
--- a/demos/menu/navigationmenu.html
+++ b/demos/menu/navigationmenu.html
@@ -1,18 +1,18 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 <head>
        <meta charset="utf-8">
-       <title>jQuery UI Menu - Navigation Menu demo</title>
-       <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+       <title>jQuery UI Menu - Navigation Menu</title>
+       <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
        <script src="../../jquery-1.7.2.js"></script>
        <script src="../../ui/jquery.ui.core.js"></script>
        <script src="../../ui/jquery.ui.widget.js"></script>
        <script src="../../ui/jquery.ui.position.js"></script>
        <script src="../../ui/jquery.ui.menu.js"></script>
-       <link href="../demos.css" rel="stylesheet" />
+       <link rel="stylesheet" href="../demos.css">
        <script>
        $(function() {
-               $("#navMenu").menu({
+               $( "#menu" ).menu({
                        select: function( event, ui ) {
                                var link = ui.item.children( "a:first" );
                                if ( link.attr( "target" ) || event.metaKey || event.shiftKey || event.ctrlKey ) {
@@ -24,15 +24,14 @@
        });
        </script>
        <style>
-               body { font-size:62.5%; }
-               .ui-menu { width: 200px; margin-bottom: 2em; }
+       .ui-menu { width: 200px; margin-bottom: 2em; }
        </style>
 </head>
 <body>
 
 <div class="demo">
 
-       <ul id="navMenu">
+       <ul id="menu">
                <li><a href="?Aberdeen">Aberdeen</a></li>
                <li><a href="?Ada">Ada</a></li>
                <li><a href="?Adamsville">Adamsville</a></li>
@@ -74,11 +73,9 @@
 
 <div class="demo-description">
 
-<p>A navigation menu. A list is transformed, adding themeing, mouse and keyboard navigation support. Try to tab to the menu and use the cursor keys to navigate.</p>
+<p>A navigation menu. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p>
 
 </div><!-- End demo-description -->
 
-
-
 </body>
 </html>
diff --git a/demos/menu/topalignmenu.html b/demos/menu/topalignmenu.html
index 7b7e052e4dfb534a01fe335ceb0ac263ea8cc6f2..62373ba9db76c3b36758e07d9e12d2dcde8b6f9b 100644 (file)
--- a/demos/menu/topalignmenu.html
+++ b/demos/menu/topalignmenu.html
@@ -3,8 +3,8 @@
 <head>
        <meta charset="utf-8">
        <title>Menu Demo: Top-aligned Menu</title>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+       <link rel="stylesheet" href="../demos.css">
+       <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
        <script src="../../jquery-1.7.2.js"></script>
        <script src="../../ui/jquery.ui.core.js"></script>
        <script src="../../ui/jquery.ui.widget.js"></script>
@@ -12,18 +12,18 @@
        <script src="../../ui/jquery.ui.menu.js"></script>
        <script>
        $(function() {
-               $("#topMenu").menu({
+               $( "#menu" ).menu({
                        position: { of: "ul:has(a.ui-state-focus):last" }
                });
        });
        </script>
        <style>
-               .ui-menu { width: 200px; margin-bottom: 2em; }
+       .ui-menu { width: 200px; margin-bottom: 2em; }
        </style>
 </head>
 <body>
 
-<ul id="topMenu">
+<ul id="menu">
        <li><a href="#">Aberdeen</a></li>
        <li><a href="#">Ada</a></li>
        <li><a href="#">Adamsville</a></li>
The official jQuery user interface library: https://github.com/jquery/jquery-ui