library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-10-05 01:44:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Popup: Add a non-menu popup example

Browse Source
This commit is contained in:
Jörn Zaefferer 2011-05-03 22:42:35 +02:00
parent a444287642
commit f5ee22c74a
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
tests/visual/menu/popup.html
View File

@ -28,7 +28,9 @@
$(this).hide(); $(this).hide();
} }
}; };
$("#members-popup").popup();
$("#button1").button(); $("#button1").button();
$("#menu1").menu(selected).popup(); $("#menu1").menu(selected).popup();
@ -69,10 +71,24 @@
padding: 0.5em; padding: 0.5em;
border: 1px solid black; 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> </style>
</head> </head>
<body> <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> <button id="button1">Show context menu 1</button>
<ul id="menu1"> <ul id="menu1">
<li><a href="#">Amsterdam</a></li> <li><a href="#">Amsterdam</a></li>
@ -85,6 +101,7 @@
<li><a href="#">Zurich</a></li> <li><a href="#">Zurich</a></li>
</ul> </ul>
<div> <div>
<div> <div>
<button id="rerun">Run last action</button> <button id="rerun">Run last action</button>