diff options
Diffstat (limited to 'colors.htm')
| -rw-r--r-- | colors.htm | 113 |
1 files changed, 81 insertions, 32 deletions
@@ -1,49 +1,98 @@ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> -<link rel="stylesheet" type="text/css" href="style.css"> -<link href='http://fonts.googleapis.com/css?family=Chivo:400italic' rel='stylesheet' type='text/css'> +<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="colornames">CLICK TO CHOOSE THE COLOR</div> <div id="switches"> - <span class="subtitle">OPTIONS</span> - <div id="hexswitch" class="theswitches">CLICK TO SWITCH TO RGB VALUES</div> - <br /> - <div id="infoswitch" class="theswitches">CLICK TO TOGGLE PALATE INFO<span id="infospace">(NONE)</span></div> - <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=""> - </div> - <div class="bgOptions" id="selectors"></div> - </div> - <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" class="subtitle" /> - </div> - <br /> - <span id="transparent" class="smalltitle">to choose transparent as a color, click - <span id="transbutton" class="defaulttrans">HERE</span><span id="extra" class="smalltitle"></span> - </span> - </div> + <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-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.6.4.min.js"></script> + </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(); + }); + 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(); + }); + </script> </body> </html> |