aboutsummaryrefslogtreecommitdiffstats
path: root/97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/tooltip/video-player.html
diff options
context:
space:
mode:
authorAlvin Li <liweitianux@gmail.com>2013-10-09 15:52:53 +0800
committerAlvin Li <liweitianux@gmail.com>2013-10-09 15:52:53 +0800
commit02afd8a32edb13ea7fc2266ac80092ea15c0930c (patch)
treec7a2a3f50378c017b425da47e04a71c6beaae56c /97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/tooltip/video-player.html
parentfafce2cfc72f4e1cd14ff6cb693c8ec7854159c5 (diff)
download97dev-02afd8a32edb13ea7fc2266ac80092ea15c0930c.tar.bz2
* treat 'apps/utils' as regular django app; which used to store
general tools for used in other apps * moved 'templatetags' from 'apps/indicator' to 'apps/utils' * '.gitignore' to ignore 'fixtures_bak' * moved js plugins from 'apps/indicator/static/plugins' to 'staticfiles/plugins' apps/recommend: * updated 'recommend.models'; o commented 'recommend.models.ResearchCombination' (not used) * implemented views 'add_edit_blog_info' and 'ajax_add_edit_configs'; * added pages 'templates/recommend/add_edit_blog_info.html', 'add_edit_blog_info_error.html'; o related css and javascripts files * added 'tools.py'; * added 'utils/tools.py' for placing generic functions; * deleted 'initial_data.json' (mv 'fixtures' to 'fixtures_bak'); * small fixes to 'indicator.models', 'sciblog.models' and 'sfaccount.views' * fixed automatically show 'proper_nouns' annotation in blog: recovered the line 'import signals' in 'sciblog.models' * added 'is_ok()' method for 'recommend.models.ResearchConfig';
Diffstat (limited to '97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/tooltip/video-player.html')
-rw-r--r--97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/tooltip/video-player.html117
1 files changed, 0 insertions, 117 deletions
diff --git a/97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/tooltip/video-player.html b/97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/tooltip/video-player.html
deleted file mode 100644
index 15db946..0000000
--- a/97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/tooltip/video-player.html
+++ /dev/null
@@ -1,117 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>jQuery UI Tooltip - Video Player demo</title>
- <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
- <script src="../../jquery-1.9.1.js"></script>
- <script src="../../ui/jquery.ui.core.js"></script>
- <script src="../../ui/jquery.ui.widget.js"></script>
- <script src="../../ui/jquery.ui.position.js"></script>
- <script src="../../ui/jquery.ui.tooltip.js"></script>
- <script src="../../ui/jquery.ui.button.js"></script>
- <script src="../../ui/jquery.ui.menu.js"></script>
- <script src="../../ui/jquery.ui.effect.js"></script>
- <script src="../../ui/jquery.ui.effect-blind.js"></script>
- <link rel="stylesheet" href="../demos.css">
- <style>
- .player {
- width: 500px;
- height: 300px;
- border: 2px groove gray;
- background: rgb(200, 200, 200);
- text-align: center;
- line-height: 300px;
- }
- .ui-tooltip {
- border: 1px solid white;
- background: rgba(20, 20, 20, 1);
- color: white;
- }
- .set {
- display: inline-block;
- }
- .notification {
- position: absolute;
- display: inline-block;
- font-size: 2em;
- padding: .5em;
- box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5);
- }
- </style>
- <script>
- $(function() {
- function notify( input ) {
- var msg = "Selected " + $.trim( input.data( "tooltip-title" ) || input.text() );
- $( "<div>" )
- .appendTo( document.body )
- .text( msg )
- .addClass( "notification ui-state-default ui-corner-bottom" )
- .position({
- my: "center top",
- at: "center top",
- of: window
- })
- .show({
- effect: "blind"
- })
- .delay( 1000 )
- .hide({
- effect: "blind",
- duration: "slow"
- }, function() {
- $( this ).remove();
- });
- }
-
- $( "button" ).each(function() {
- var button = $( this ).button({
- icons: {
- primary: $( this ).data( "icon" )
- },
- text: !!$( this ).attr( "title" )
- });
- button.click(function() {
- notify( button );
- });
- });
- $( ".set" ).buttonset({
- items: "button"
- });
-
- $( document ).tooltip({
- position: {
- my: "center top",
- at: "center bottom+5",
- },
- show: {
- duration: "fast"
- },
- hide: {
- effect: "hide"
- }
- });
- });
- </script>
-</head>
-<body>
-
-<div class="player">Here Be Video (HTML5?)</div>
-<div class="tools">
- <span class="set">
- <button data-icon="ui-icon-circle-arrow-n" title="I like this">Like</button>
- <button data-icon="ui-icon-circle-arrow-s">I dislike this</button>
- </span>
- <div class="set">
- <button data-icon="ui-icon-circle-plus" title="Add to Watch Later">Add to</button>
- <button class="menu" data-icon="ui-icon-triangle-1-s">Add to favorites or playlist</button>
- </div>
- <button title="Share this video">Share</button>
- <button data-icon="ui-icon-alert">Flag as inappropiate</button>
-</div>
-
-<div class="demo-description">
-<p>A fake video player with like/share/stats button, each with a custom-styled tooltip.</p>
-</div>
-</body>
-</html>