From e6d1ab7bf40e7ecaaaea0d53407dc98a416cc054 Mon Sep 17 00:00:00 2001 From: =?utf8?q?J=C3=B6rn=20Zaefferer?= Date: Sun, 8 May 2011 20:41:21 +0200 Subject: [PATCH] Popup and Menubar demos --- demos/demos.css | 3 +- demos/index.html | 4 + demos/menu/contextmenu.html | 48 ++--- demos/menu/default.html | 12 +- demos/menu/index.html | 2 +- .../menubar/default.html | 48 ++--- demos/menubar/index.html | 16 ++ demos/popup/default.html | 83 ++++++++ demos/popup/index.html | 18 ++ demos/popup/popup-menu-table.html | 108 ++++++++++ demos/popup/popup-menu.html | 98 +++++++++ tests/visual/menu/contextmenu.html | 191 ------------------ tests/visual/menu/popup.html | 176 ---------------- 13 files changed, 376 insertions(+), 431 deletions(-) rename tests/visual/menu/menubar.html => demos/menubar/default.html (82%) create mode 100644 demos/menubar/index.html create mode 100644 demos/popup/default.html create mode 100644 demos/popup/index.html create mode 100644 demos/popup/popup-menu-table.html create mode 100644 demos/popup/popup-menu.html delete mode 100644 tests/visual/menu/contextmenu.html delete mode 100644 tests/visual/menu/popup.html diff --git a/demos/demos.css b/demos/demos.css index f5f2dbe64..cf6da8bd1 100644 --- a/demos/demos.css +++ b/demos/demos.css @@ -129,8 +129,7 @@ eventually we should convert the font sizes to ems -- using px for now to minimi .normal h3.demo-header { font-size:32px; padding:0 0 5px; border-bottom:1px solid #eee; text-transform: capitalize; } .normal h4.demo-subheader { font-size:10px; text-transform: uppercase; color:#999; padding:8px 0 3px; border:0; margin:0; } -.normal a:link, -.normal a:visited { color:#1b75bb; text-decoration:none; } +#demo-notes a, #demo-link a, #demo-source a { color:#1b75bb; text-decoration:none; } .normal a:hover, .normal a:active { color:#0b559b; } diff --git a/demos/index.html b/demos/index.html index 22dbfc5c5..b1cfcdd44 100644 --- a/demos/index.html +++ b/demos/index.html @@ -20,6 +20,8 @@ + + @@ -279,6 +281,8 @@
Datepicker
Dialog
Menu
+
Menubar
+
Popup
Progressbar
Slider
Spinner
diff --git a/demos/menu/contextmenu.html b/demos/menu/contextmenu.html index 0fb98c140..115f15b24 100644 --- a/demos/menu/contextmenu.html +++ b/demos/menu/contextmenu.html @@ -3,44 +3,28 @@ jQuery UI Menu - Contextmenu demo - - - - - - - - - + + + + + + + + +
+
Log: -
+
+
+ +
+ +

TODO

+ +
+ diff --git a/demos/menubar/index.html b/demos/menubar/index.html new file mode 100644 index 000000000..3eebda2d0 --- /dev/null +++ b/demos/menubar/index.html @@ -0,0 +1,16 @@ + + + + + jQuery UI Menubar Demos + + + +
+

Examples

+ +
+ + diff --git a/demos/popup/default.html b/demos/popup/default.html new file mode 100644 index 000000000..71b3c8dd2 --- /dev/null +++ b/demos/popup/default.html @@ -0,0 +1,83 @@ + + + + jQuery UI Popup - Default demo + + + + + + + + + + + + + + +
+ Log In +
+
+
+ + +
+
+ + +
+
+ +
+
+
+
+ +
+ +

A link to a login form that opens as a popup. [Not quite functional, focus handling needs to get better]

+ +
+ + + + diff --git a/demos/popup/index.html b/demos/popup/index.html new file mode 100644 index 000000000..e69365c98 --- /dev/null +++ b/demos/popup/index.html @@ -0,0 +1,18 @@ + + + + + jQuery UI Popup Demos + + + +
+

Examples

+ +
+ + diff --git a/demos/popup/popup-menu-table.html b/demos/popup/popup-menu-table.html new file mode 100644 index 000000000..a06a38434 --- /dev/null +++ b/demos/popup/popup-menu-table.html @@ -0,0 +1,108 @@ + + + + jQuery UI Popup - Menu as Popup in table demo + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameRelease YearAverage Rating
Red Hot Chili Peppers: Funky Monks19933.6 +
+ Options + +
+
Rod Stewart: Storyteller 1984-199119913.1
Stevie Ray Vaughan and Double Trouble: Live at the El Mocambo 198319913.9
Spike and Mike's Sick & Twisted Festival of Animation19972.6
+ +
+
+ + +
+ +

Poup menu in a table. Works okay standalone, not so much in the scrolling demo view. For that to work better, position() would have to take the closest scrolled parent into account for collision detection.

+ +
+ + + + diff --git a/demos/popup/popup-menu.html b/demos/popup/popup-menu.html new file mode 100644 index 000000000..7152d85bc --- /dev/null +++ b/demos/popup/popup-menu.html @@ -0,0 +1,98 @@ + + + + jQuery UI Popup - Popup Menu + + + + + + + + + + + + + + +
+ + + + + +
+
+ + + +
+
+ +
+
+ + +
+ +

Make the popup a menu (or the menu a popup) and you get context menus.

+ +
+ + + + diff --git a/tests/visual/menu/contextmenu.html b/tests/visual/menu/contextmenu.html deleted file mode 100644 index 63d9877a0..000000000 --- a/tests/visual/menu/contextmenu.html +++ /dev/null @@ -1,191 +0,0 @@ - - - - Menu Visual Test: Default - - - - - - - - - - - - - - - - - - - - -
- Log: -
-
- - - - - - diff --git a/tests/visual/menu/popup.html b/tests/visual/menu/popup.html deleted file mode 100644 index de27208b4..000000000 --- a/tests/visual/menu/popup.html +++ /dev/null @@ -1,176 +0,0 @@ - - - - Visual Test for Popup Utility - - - - - - - - - - - - - - - -
- Project members -
- some form controls in here -
-
- - - - - -
-
- - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameRelease YearAverage Rating
Red Hot Chili Peppers: Funky Monks19933.6 -
- Options - -
-
Rod Stewart: Storyteller 1984-199119913.1
Stevie Ray Vaughan and Double Trouble: Live at the El Mocambo 198319913.9
Spike and Mike's Sick & Twisted Festival of Animation19972.6
- -
- Log: -
-
- - - -- 2.39.5