Popup: Add a non-menu popup example

jzaefferer · jzaefferer · commit f5ee22c74a2e · 2011-05-03T22:42:35.000+02:00
diff --git a/tests/visual/menu/popup.html b/tests/visual/menu/popup.html
@@ -28,7 +28,9 @@
 				$(this).hide();
 			}
 		};
-		
+
+		$("#members-popup").popup();
+
 		$("#button1").button();
 		$("#menu1").menu(selected).popup();
 		
@@ -69,10 +71,24 @@
 			padding: 0.5em;
 			border: 1px solid black;
 		}
+
+		#members-popup {
+			width: 200px; height: 150px; border: 1px solid gray; border-radius: 5px;
+			box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.5);
+			background: lightgray; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
+			font-size: 120%; text-align: center; line-height: 150px;
+		}
  	</style>
 </head>
 <body>
 
+<div>
+	<a href="#members-popup">Project members</a>
+	<div id="members-popup" tabIndex="0">
+		some form controls in here
+	</div>
+</div>
+
 <button id="button1">Show context menu 1</button>
 <ul id="menu1">
 	<li><a href="#">Amsterdam</a></li>
@@ -85,6 +101,7 @@
 	<li><a href="#">Zurich</a></li>
 </ul>
 
+
 <div>
 	<div>
 		<button id="rerun">Run last action</button>
