| Index: branches/MwEmbedStandAlone/tests/style.css |
| — | — | @@ -56,9 +56,11 @@ |
| 57 | 57 | |
| 58 | 58 | .footer-conts { width:480px; margin: auto auto; } |
| 59 | 59 | |
| 60 | | -.sideBox { background-color:#FFFFFF; |
| | 60 | +#docbox { background-color:#FFFFFF; |
| 61 | 61 | color: black; |
| 62 | | - border:1px solid #eee; left:10px; position:absolute; top:10px; margin:0 0 10px 10px; padding:15px; } |
| | 62 | + width: 720px; |
| | 63 | + z-index:100; |
| | 64 | + right:10px; position:absolute; top:10px; margin:0; } |
| 63 | 65 | |
| 64 | 66 | dfn { border-bottom:1px dotted green; color:green; cursor:default; font-style:normal; } |
| 65 | 67 | |
| Index: branches/MwEmbedStandAlone/tests/mwEmbed_Demo.html |
| — | — | @@ -13,8 +13,9 @@ |
| 14 | 14 | <script type="text/javascript" src="jslib/menu/hoverIntent.js"></script> |
| 15 | 15 | <script type="text/javascript" src="jslib/menu/superfish.js"></script> |
| 16 | 16 | <script type="text/javascript" src="jslib/menu/jquery-ui-1.7.2.core.min.js"></script> |
| 17 | | - <script type="text/javascript" src="jslib/menu/jquery.scrollfollow.js"></script> |
| 18 | 17 | |
| | 18 | + <script type="text/javascript" src="../libraries/jquery/jquery.ui/ui/ui.resizable.js"></script> |
| | 19 | + <script type="text/javascript" src="../libraries/jquery/jquery.ui/ui/ui.draggable.js"></script> |
| 19 | 20 | <script type="text/javascript" src="http://html5.kaltura.org/js" > </script> |
| 20 | 21 | <!-- <script type="text/javascript" src="../mwEmbed.js?debug=true"></script> --> |
| 21 | 22 | |
| — | — | @@ -33,7 +34,8 @@ |
| 34 | 35 | speed:'fast' |
| 35 | 36 | }); |
| 36 | 37 | |
| 37 | | - $('.sideBox').scrollFollow(); |
| | 38 | + $("#docbox").resizable(); |
| | 39 | + $("#docbox").draggable(); |
| 38 | 40 | }); |
| 39 | 41 | </script> |
| 40 | 42 | </head> |
| — | — | @@ -170,47 +172,59 @@ |
| 171 | 173 | |
| 172 | 174 | </div><!-- END demo_player --> |
| 173 | 175 | |
| 174 | | - <div class="sideBox"> |
| 175 | | - <ul class="sf-menu sf-horizontal"> |
| 176 | | - <li><a href="#flashvars">FlashVars</a> |
| 177 | | - <ul> |
| 178 | | - <li><a href="#kalturaservices">Connecting to the Kaltura Services</a></li> |
| 179 | | - <li><a href="#mediaentry">Kaltura MediaEntry</a></li> |
| 180 | | - <li><a href="#layoutfunctionality">Player Layout and Functionality</a></li> |
| 181 | | - </ul> |
| 182 | | - </li> |
| 183 | | - <li><a href="#jsapi">JavaScript API</a> |
| 184 | | - <ul> |
| 185 | | - <li><a href="#jscallbackready">jsCallbackReady</a></li> |
| 186 | | - <li><a href="#addlistener">addJsListener</a></li> |
| 187 | | - <li><a href="#removelistener">removeJsListener</a></li> |
| 188 | | - </ul> |
| 189 | | - </li> |
| 190 | | - <li><a href="#expressions">Expressions</a> |
| 191 | | - <ul> |
| 192 | | - <li><a href="#expressiontypes">Expression types</a></li> |
| 193 | | - <li><a href="#itemrendereresscope">itemRenderers scope</a></li> |
| 194 | | - <li><a href="#globalfunctions">Global helper functions in expressions</a></li> |
| 195 | | - </ul> |
| 196 | | - </li> |
| 197 | | - </ul> |
| | 176 | + <div id="docbox" class="ui-widget-content"> |
| | 177 | + <h3 class="ui-widget-header">mwEmbed Documentation</h3> |
| | 178 | + <div id="jsdocs"> |
| | 179 | + <iframe src="../docs/index.html" width="90%" height="80%"> |
| | 180 | + </iframe> |
| | 181 | + </div> |
| 198 | 182 | |
| 199 | | - <div id="demo_control_panel" style="display:none;"> |
| 200 | | - <p>Demo Controls</p> |
| 201 | | - </div><!-- END demo_control_panel --> |
| | 183 | + <div id="demo_control_panel" style="display:none;"> |
| | 184 | + <p>Demo Controls</p> |
| | 185 | + </div><!-- END demo_control_panel --> |
| 202 | 186 | |
| 203 | | - <div id="help" style="display:none;"> |
| 204 | | - <p>Instructions will go here</p> |
| 205 | | - </div><!-- END help --> |
| | 187 | + <div id="help" style="display:none;"> |
| | 188 | + <p>Instructions will go here</p> |
| | 189 | + </div><!-- END help --> |
| 206 | 190 | |
| 207 | | - <div id="documentation"> |
| 208 | | - <p>Docs go here</p> |
| 209 | | - </div><!-- END documentation --> |
| 210 | 191 | </div><!-- end sideBox --> |
| 211 | 192 | |
| 212 | 193 | </div><!-- END content --> |
| 213 | 194 | </div><!-- END container --> |
| 214 | 195 | |
| | 196 | + |
| | 197 | + |
| | 198 | + |
| | 199 | + |
| 215 | 200 | </body> |
| 216 | 201 | </html> |
| 217 | 202 | |
| | 203 | + |
| | 204 | + |
| | 205 | + |
| | 206 | +<!-- <div id="menu"> |
| | 207 | + <ul class="sf-menu sf-horizontal"> |
| | 208 | + <li><a href="#flashvars">FlashVars</a> |
| | 209 | + <ul> |
| | 210 | + <li><a href="#kalturaservices">Connecting to the Kaltura Services</a></li> |
| | 211 | + <li><a href="#mediaentry">Kaltura MediaEntry</a></li> |
| | 212 | + <li><a href="#layoutfunctionality">Player Layout and Functionality</a></li> |
| | 213 | + </ul> |
| | 214 | + </li> |
| | 215 | + <li><a href="#jsapi">JavaScript API</a> |
| | 216 | + <ul> |
| | 217 | + <li><a href="#jscallbackready">jsCallbackReady</a></li> |
| | 218 | + <li><a href="#addlistener">addJsListener</a></li> |
| | 219 | + <li><a href="#removelistener">removeJsListener</a></li> |
| | 220 | + </ul> |
| | 221 | + </li> |
| | 222 | + <li><a href="#expressions">Expressions</a> |
| | 223 | + <ul> |
| | 224 | + <li><a href="#expressiontypes">Expression types</a></li> |
| | 225 | + <li><a href="#itemrendereresscope">itemRenderers scope</a></li> |
| | 226 | + <li><a href="#globalfunctions">Global helper functions in expressions</a></li> |
| | 227 | + </ul> |
| | 228 | + </li> |
| | 229 | + </ul> |
| | 230 | + </div> END menu --> |
| | 231 | + |