blob: 541dc40d21c06981086a80ea47d368ac56f05df3 (
plain)
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
<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" title="click to drag">
<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" />
<div id="submitvalue" class="defaulttrans">PICK</div>
<br />
<span id="transparent">to choose transparent:
<span id="transbutton" class="defaulttrans">TRANSPARENT</span><span id="extra" class="smalltitle"></span>
</span>
</br>
<span id="addfavlist" class="defaulttrans">Add to Favorites</span>
<span id="openfavlist" class="defaulttrans">Open Favorties</span>
</div>
<span id="noticeDlg"></span>
<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> </label><span class="favcolorbox"> </span></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 src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#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();
});
var lastoffset = 0;
$(window).scroll(function(){
if($(this).scrollTop() == 0) {
$('#switches').css({'top': '118px' });
}
if (bscroll)
{
if($(this).scrollTop() != 0) {
var fcolors = $('#favcolors').val();
var clist=fcolors.split(separate);
if (lastoffset < $(this).scrollTop()) {
$('#switches').css({'top': (118 - 19 * (clist.length - 3)) + 'px' });
}
}
}
lastoffset = $(this).scrollTop();
});
$("#switches").draggable()
window.onload = function () {
if ($("#favcolors").val()){
ColorPicker.openfavourites()
}
}
})
</script>
</body>
</html>
|
