]> source.dussan.org Git - jquery-ui.git/commitdiff
Popup: Add a non-menu popup example
authorJörn Zaefferer <joern.zaefferer@gmail.com>
Tue, 3 May 2011 20:42:35 +0000 (22:42 +0200)
committerJörn Zaefferer <joern.zaefferer@gmail.com>
Tue, 3 May 2011 20:42:35 +0000 (22:42 +0200)
tests/visual/menu/popup.html

index de9796133864e25ca1d93d1bb9dae2ff4b89a59e..271002a201629fa9c06e03684ea84a6091624f2c 100644 (file)
@@ -28,7 +28,9 @@
                                $(this).hide();
                        }
                };
-               
+
+               $("#members-popup").popup();
+
                $("#button1").button();
                $("#menu1").menu(selected).popup();
                
                        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>
        <li><a href="#">Zurich</a></li>
 </ul>
 
+
 <div>
        <div>
                <button id="rerun">Run last action</button>