projects
/
mkws-moved-to-github.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
c2aca77
)
example with 3 popup widgets
author
Wolfram Schneider
<wosch@indexdata.dk>
Mon, 27 Oct 2014 13:14:07 +0000
(13:14 +0000)
committer
Wolfram Schneider
<wosch@indexdata.dk>
Mon, 27 Oct 2014 13:14:07 +0000
(13:14 +0000)
examples/htdocs/popup.html
patch
|
blob
|
history
diff --git
a/examples/htdocs/popup.html
b/examples/htdocs/popup.html
index
1cfc66d
..
256d695
100644
(file)
--- a/
examples/htdocs/popup.html
+++ b/
examples/htdocs/popup.html
@@
-16,10
+16,20
@@
<!-- jquery-ui need a reference to the internal jQuery object -->
<script>$ = jQuery = mkws.$; </script>
<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<!-- jquery-ui need a reference to the internal jQuery object -->
<script>$ = jQuery = mkws.$; </script>
<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
+
+ <style>
+ .mkws-search { float: left !important; }
+ .mkws-search input.mkws-button { color: black; }
+ </style>
</head>
<body>
</head>
<body>
- <h3>MKWS demo: Popup Widget</h3>
+ <h3>MKWS demo: popup widget(s)</h3>
+
+ <div>
+ <p><a id="popup_no1">popup number 1</a></p>
+ <p><a id="popup_no2">popup number 2</a></p>
+ </div>
<!-- search box is outside the popup window -->
<div class="mkws-search"></div>
<!-- search box is outside the popup window -->
<div class="mkws-search"></div>
@@
-33,5
+43,16
@@
<div class="mkws-stat"></div>
</div>
<div class="mkws-stat"></div>
</div>
+ <!-- popup widget config -->
+ <div class="mkws-popup" popup_width="500" popup_height="350" popup_modal="0" popup_autoOpen="0" popup_button="a#popup_no1">
+ <h1>popup no 1</h1>
+ some text...
+ </div>
+
+ <div class="mkws-popup" popup_width="400" popup_height="250" popup_modal="0" popup_autoOpen="0" popup_button="a#popup_no2">
+ <h1>popup no 2</h1>
+ other text...
+ </div>
+
</body>
</html>
</body>
</html>