Mercurial Mercurial > eulalie / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client/player/development-bundle/demos/slider/colorpicker.html
author hurons
Wed, 09 Jun 2010 16:48:35 +0200
changeset 1 436d4791d7ac
permissions -rw-r--r--
premier version du player test de commit
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     1
 
<!DOCTYPE html>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     2
 
<html lang="en">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     3
 
<head>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     4
 
	<meta charset="UTF-8" />
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     5
 
	<title>jQuery UI Slider - Colorpicker</title>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     6
 
	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     7
 
	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     8
 
	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     9
 
	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    10
 
	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    11
 
	<script type="text/javascript" src="../../ui/jquery.ui.slider.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    12
 
	<link type="text/css" href="../demos.css" rel="stylesheet" />
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    13
 
	<style type="text/css">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    14
 
	#red, #green, #blue {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    15
 
		float: left;
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    16
 
		clear: left;
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    17
 
		width: 300px;
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    18
 
		margin: 15px;
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    19
 
	}
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    20
 
	#swatch {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    21
 
		width: 120px;
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    22
 
		height: 100px;
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    23
 
		margin-top: 18px;
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    24
 
		margin-left: 350px;
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    25
 
		background-image: none;
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    26
 
	}
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    27
 
	#red .ui-slider-range { background: #ef2929; }
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    28
 
	#red .ui-slider-handle { border-color: #ef2929; }
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    29
 
	#green .ui-slider-range { background: #8ae234; }
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    30
 
	#green .ui-slider-handle { border-color: #8ae234; }
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    31
 
	#blue .ui-slider-range { background: #729fcf; }
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    32
 
	#blue .ui-slider-handle { border-color: #729fcf; }
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    33
 
	#demo-frame > div.demo { padding: 10px !important; };
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    34
 
	</style>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    35
 
	<script type="text/javascript">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    36
 
	function hexFromRGB (r, g, b) {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    37
 
		var hex = [
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    38
 
			r.toString(16),
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    39
 
			g.toString(16),
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    40
 
			b.toString(16)
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    41
 
		];
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    42
 
		$.each(hex, function (nr, val) {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    43
 
			if (val.length == 1) {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    44
 
				hex[nr] = '0' + val;
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    45
 
			}
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    46
 
		});
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    47
 
		return hex.join('').toUpperCase();
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    48
 
	}
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    49
 
	function refreshSwatch() {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    50
 
		var red = $("#red").slider("value")
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    51
 
			,green = $("#green").slider("value")
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    52
 
			,blue = $("#blue").slider("value")
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    53
 
			,hex = hexFromRGB(red, green, blue);
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    54
 
		$("#swatch").css("background-color", "#" + hex);
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    55
 
	}
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    56
 
	$(function() {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    57
 
		$("#red, #green, #blue").slider({
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    58
 
			orientation: 'horizontal',
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    59
 
			range: "min",
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    60
 
			max: 255,
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    61
 
			value: 127,
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    62
 
			slide: refreshSwatch,
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    63
 
			change: refreshSwatch
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    64
 
		});
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    65
 
		$("#red").slider("value", 255);
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    66
 
		$("#green").slider("value", 140);
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    67
 
		$("#blue").slider("value", 60);
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    68
 
	});
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    69
 
	</script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    70
 
</head>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    71
 
<body class="ui-widget-content" style="border:0;">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    72
 












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    73


<div class="demo">












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    74














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    75


<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    76


<span class="ui-icon ui-icon-pencil" style="float:left; margin:-2px 5px 0 0;"></span>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    77


Simple Colorpicker












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    78


</p>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    79














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    80


<div id="red"></div>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    81


<div id="green"></div>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    82


<div id="blue"></div>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    83














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    84


<div id="swatch" class="ui-widget-content ui-corner-all"></div>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    85














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    86


</div><!-- End demo -->












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    87














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    88


<div class="demo-description" style="clear:left;">












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    89














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    90


<p>Combine three sliders to create a simple RGB colorpicker.</p>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    91














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    92


</div><!-- End demo-description -->












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    93














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    94


</body>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    95


</html>














eulalie