diff options
Diffstat (limited to 'colors.htm')
| -rw-r--r-- | colors.htm | 85 |
1 files changed, 53 insertions, 32 deletions
@@ -2,50 +2,71 @@ <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="./css/style.css"> -<link href='http://fonts.googleapis.com/css?family=Chivo:400italic' rel='stylesheet' type='text/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="" id="bgURI"> - </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" /> - <span id="submitvalue" class="defaulttrans">SUBMIT</span></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> - </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> + </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> + </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.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(); + }); + </script> </body> </html> |