getcolor.htm 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <script type="text/javascript">
  2. varname = location.search.substr(1);
  3. var varnames = varname.split('|');
  4. varname = varnames[0];
  5. varnamev = varnames[1];
  6. fun = varnames[2] || '';
  7. var colors = '\
  8. 000000#000000#000033#000066#000099#0000CC#0000FF#003300#003333#003366#003399#0033CC#0033FF#006600#006633#006666#006699#0066CC#0066FF#\
  9. 333333#009900#009933#009966#009999#0099CC#0099FF#00CC00#00CC33#00CC66#00CC99#00CCCC#00CCFF#00FF00#00FF33#00FF66#00FF99#00FFCC#00FFFF#\
  10. 666666#330000#330033#330066#330099#3300CC#3300FF#333300#333333#333366#333399#3333CC#3333FF#336600#336633#336666#336699#3366CC#3366FF#\
  11. 999999#339900#339933#339966#339999#3399CC#3399FF#33CC00#33CC33#33CC66#33CC99#33CCCC#33CCFF#33FF00#33FF33#33FF66#33FF99#33FFCC#33FFFF#\
  12. CCCCCC#660000#660033#660066#660099#6600CC#6600FF#663300#663333#663366#663399#6633CC#6633FF#666600#666633#666666#666699#6666CC#6666FF#\
  13. FFFFFF#669900#669933#669966#669999#6699CC#6699FF#66CC00#66CC33#66CC66#66CC99#66CCCC#66CCFF#66FF00#66FF33#66FF66#66FF99#66FFCC#66FFFF#\
  14. FF0000#990000#990033#990066#990099#9900CC#9900FF#993300#993333#993366#993399#9933CC#9933FF#996600#996633#996666#996699#9966CC#9966FF#\
  15. 00FF00#999900#999933#999966#999999#9999CC#9999FF#99CC00#99CC33#99CC66#99CC99#99CCCC#99CCFF#99FF00#99FF33#99FF66#99FF99#99FFCC#99FFFF#\
  16. 0000FF#CC0000#CC0033#CC0066#CC0099#CC00CC#CC00FF#CC3300#CC3333#CC3366#CC3399#CC33CC#CC33FF#CC6600#CC6633#CC6666#CC6699#CC66CC#CC66FF#\
  17. FFFF00#CC9900#CC9933#CC9966#CC9999#CC99CC#CC99FF#CCCC00#CCCC33#CCCC66#CCCC99#CCCCCC#CCCCFF#CCFF00#CCFF33#CCFF66#CCFF99#CCFFCC#CCFFFF#\
  18. 00FFFF#FF0000#FF0033#FF0066#FF0099#FF00CC#FF00FF#FF3300#FF3333#FF3366#FF3399#FF33CC#FF33FF#FF6600#FF6633#FF6666#FF6699#FF66CC#FF66FF#\
  19. FF00FF#FF9900#FF9933#FF9966#FF9999#FF99CC#FF99FF#FFCC00#FFCC33#FFCC66#FFCC99#FFCCCC#FFCCFF#FFFF00#FFFF33#FFFF66#FFFF99#FFFFCC#FFFFFF';
  20. var colorarray = colors.split('#');
  21. var setv = '';
  22. function showcolors() {
  23. var s = '';
  24. for(c in colorarray) {
  25. s += '<em onmouseover="v(\'' + colorarray[c] + '\')" style="background-color:#' + colorarray[c] + '"></em>';
  26. }
  27. document.getElementById('colors').innerHTML = s;
  28. }
  29. function setvalue(obj) {
  30. if(varname) {
  31. parent.$(varname).style.backgroundColor = setv;
  32. }
  33. if(varnamev) {
  34. parent.$(varnamev).value = setv;
  35. }
  36. if(fun && (fun == 'sethtml_color' || fun == 'spaceDiy.setBgColor' || fun == 'spaceDiy.setTextColor' || fun == 'spaceDiy.setLinkColor')) {
  37. eval('parent.'+fun+'("'+setv+'")');
  38. }
  39. }
  40. function v(v) {
  41. v = v != 'transparent' ? '#' + v : 'transparent';
  42. document.getElementById('p').style.backgroundColor = v;
  43. setv = v;
  44. document.getElementById('pv').innerHTML = v;
  45. }
  46. </script>
  47. <style>
  48. body { margin:0px;background-color:#333; }
  49. #h { padding:0;width:210px;height:15px;background-color:#CCC;overflow:hidden;}
  50. #p { margin:0;display:block;float:left;font-size:0;width:140px;height:13px;background:#DDF0DF; }
  51. #pv { margin:0;display:block;float:left;font-size:12px;width:58px;height:13px;overflow:hidden;text-align: right;font-style:normal;background:#DDF0DF; }
  52. #colors { clear:both;width:209px; height:133px; }
  53. #colors em, .trans { font-size:0;margin:1px 0 0 1px;width:10px;height:10px;float:left;cursor:pointer; }
  54. .trans { background-color: #FFF; }
  55. </style>
  56. <body onmousedown="setvalue(document.getElementById('colorhex'))" scrolling="no">
  57. <div id="h"><em id="p"></em><em id="pv"></em><em class="trans" onmouseover="v('transparent')" style="background-image:url('transcolor.gif')"></em></div>
  58. <div id="colors"></div>
  59. <script type="text/javascript">
  60. showcolors();
  61. try {document.getElementById('box').style.backgroundColor = cvalue;} catch(e) {}
  62. </script>
  63. </body>