colors.htm


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
	<div id="colorpicker">
		<div id="container">
			<div id="d0" class="colors"></div>
		</div>
		<div id="colornames">CLICK TO CHOOSE THE COLOR</div>		
		<div id="switches">
			<form action="" method="post">
				<span class="subtitle">OPTIONS</span>
				<div id="hexswitch" class="theswitches">CLICK TO SWITCH TO RGB VALUES</div>
				<input type="hidden" name="opt_hexswitch" id="opt_hexswitch" />
				<br />
				<div id="infoswitch" class="theswitches">CLICK TO TOGGLE PALATE INFO<span id="infospace">(NONE)</span></div>
				<input type="hidden" name="opt_infoswitch" id="opt_infoswitch" />
				<br />
				<div id="backgroundswitch" class="theswitches">BACKGROUNDS...</div>
				<div id="bg_menu" class="hide">
				  <div class="bgOptions" id="bg1"><span id="bg1text">Dithered</span></div>
				  <div class="bgOptions" id="bg2">Black</div>
				  <div class="bgOptions" id="bg3">White</div>
				  <div class="bgOptions" id="bg4">Gray</div>
				  <div class="bgOptions" id="bg5">
					<label for="chooseyourown">Choose your own (add a Url)</label>
					<input type="text" value="" id="bgURI" name="bgURI">
					<input type="hidden" name="opt_bgURI" id="opt_bgURI" />
				  </div>
				  <div class="bgOptions" id="selectors"></div>
				</div>
				<input type="hidden" name="opt_bgColor" id="opt_bgColor" />
				<br />
				<div id="preview" style="width: 206px; height: 127px; background-color: rgb(171, 171, 171); border-style: none;"></div>
				<div class="subtitle">YOU WILL CHOOSE:<br />				
					<input type="text" id="namespace" name="namespace" class="subtitle" />
					<span id="submitvalue" class="defaulttrans">SUBMIT</span>
					<span id="addfavlist" class="defaulttrans">Add to Favorites</span>
					<span id="openfavlist" class="defaulttrans">Open Favorties</span>
				</div>
				<br />
				<span id="transparent">to choose transparent as a color, click 
					<span id="transbutton" class="defaulttrans">HERE</span><span id="extra" class="smalltitle"></span>
				</span>
				<span id="noticeDlg"></span>
				<br /><br />
				<div id="favpanel" style="display:none;">
					<input type="hidden" name="favcolors" id="favcolors" />
					<label class="paneltitle">FAVORITES</label>
					<span class="favcolor" style="display:none;"><input name="favcolor" type="radio" id="favnone" onclick="selectfavColor('');"><label>&nbsp;</label></span>	
				</div>
				<div class="clear"></div>
			</form>
		</div>		
		<div id="vasebackground"></div>
		<div id="vase"></div>
		<div id="vaseshim"></div>	
	</div>				
	<script type="text/javascript" src="./js/jquery-1.10.1.js"></script>
	<script type="text/javascript" src="./js/data.js"></script>
	<script type="text/javascript" src="./js/colorpicker.js"></script>
	<script type="text/javascript" src="./js/jquery.fancybox.js?v=2.1.5"></script>
	<script type="text/javascript" src="./js/jquery.remember-state.js"></script>
	<script type="text/javascript">
		$('#submitvalue').click(function(){
			$("form").rememberState("save");
		});
		$(function() {
			  $("form").rememberState({
					objName: "color_info",
					noticeDialog:$('#noticeDlg').html("<a href=\"#\" id=\"linkrestore\">Restore</a>"),
					noticeSelector:'.remember_state'
			  }).submit(false);
			  $('#linkrestore').click();			  
			  ColorPicker.loadColorStorage();
		});
  </script>
</body>
</html>