/media/jscripts/tiny_mce/themes/advanced/color_picker.htm

https://bitbucket.org/chuns/cms · HTML · 75 lines · 61 code · 11 blank · 3 comment · 0 complexity · 2b76ce3c06ee1f09e53c239e32bdaf24 MD5 · raw file 

    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">

    3. 

  3. <head>

    4. 

  4. 	<title>{#advanced_dlg.colorpicker_title}</title>

    5. 

  5. 	<script type="text/javascript" src="../../tiny_mce_popup.js"></script>

    6. 

  6. 	<script type="text/javascript" src="../../utils/mctabs.js"></script>

    7. 

  7. 	<script type="text/javascript" src="js/color_picker.js"></script>

    8. 

  8. </head>

    9. 

  9. <body id="colorpicker" style="display: none">

    10. 

  10. <form onsubmit="insertAction();return false" action="#">

    11. 

  11. 	<div class="tabs">

    12. 

  12. 		<ul>

    13. 

  13. 			<li id="picker_tab" class="current"><span><a href="javascript:mcTabs.displayTab('picker_tab','picker_panel');" onmousedown="return false;">{#advanced_dlg.colorpicker_picker_tab}</a></span></li>

    14. 

  14. 			<li id="rgb_tab"><span><a href="javascript:;" onclick="generateWebColors();mcTabs.displayTab('rgb_tab','rgb_panel');" onmousedown="return false;">{#advanced_dlg.colorpicker_palette_tab}</a></span></li>

    15. 

  15. 			<li id="named_tab"><span><a  href="javascript:;" onclick="generateNamedColors();javascript:mcTabs.displayTab('named_tab','named_panel');" onmousedown="return false;">{#advanced_dlg.colorpicker_named_tab}</a></span></li>

    16. 

  16. 		</ul>

    17. 

  17. 	</div>

    18. 

  18. 

    19. 

  19. 	<div class="panel_wrapper">

    20. 

  20. 		<div id="picker_panel" class="panel current">

    21. 

  21. 			<fieldset>

    22. 

  22. 				<legend>{#advanced_dlg.colorpicker_picker_title}</legend>

    23. 

  23. 				<div id="picker">

    24. 

  24. 					<img id="colors" src="img/colorpicker.jpg" onclick="computeColor(event)" onmousedown="isMouseDown = true;return false;" onmouseup="isMouseDown = false;" onmousemove="if (isMouseDown && isMouseOver) computeColor(event); return false;" onmouseover="isMouseOver=true;" onmouseout="isMouseOver=false;" alt=" " />

    25. 

  25. 

    26. 

  26. 					<div id="light">

    27. 

  27. 						<!-- Will be filled with divs -->

    28. 

  28. 					</div>

    29. 

  29. 

    30. 

  30. 					<br style="clear: both" />

    31. 

  31. 				</div>

    32. 

  32. 			</fieldset>

    33. 

  33. 		</div>

    34. 

  34. 

    35. 

  35. 		<div id="rgb_panel" class="panel">

    36. 

  36. 			<fieldset>

    37. 

  37. 				<legend>{#advanced_dlg.colorpicker_palette_title}</legend>

    38. 

  38. 				<div id="webcolors">

    39. 

  39. 					<!-- Gets filled with web safe colors-->

    40. 

  40. 				</div>

    41. 

  41. 

    42. 

  42. 				<br style="clear: both" />

    43. 

  43. 			</fieldset>

    44. 

  44. 		</div>

    45. 

  45. 

    46. 

  46. 		<div id="named_panel" class="panel">

    47. 

  47. 			<fieldset>

    48. 

  48. 				<legend>{#advanced_dlg.colorpicker_named_title}</legend>

    49. 

  49. 				<div id="namedcolors">

    50. 

  50. 					<!-- Gets filled with named colors-->

    51. 

  51. 				</div>

    52. 

  52. 

    53. 

  53. 				<br style="clear: both" />

    54. 

  54. 

    55. 

  55. 				<div id="colornamecontainer">

    56. 

  56. 					{#advanced_dlg.colorpicker_name} <span id="colorname"></span>

    57. 

  57. 				</div>

    58. 

  58. 			</fieldset>

    59. 

  59. 		</div>

    60. 

  60. 	</div>

    61. 

  61. 

    62. 

  62. 	<div class="mceActionPanel">

    63. 

  63. 		<div style="float: left">

    64. 

  64. 			<input type="submit" id="insert" name="insert" value="{#apply}" />

    65. 

  65. 		</div>

    66. 

  66. 

    67. 

  67. 		<div id="preview"></div>

    68. 

  68. 

    69. 

  69. 		<div id="previewblock">

    70. 

  70. 			<label for="color">{#advanced_dlg.colorpicker_color}</label> <input id="color" type="text" size="8" maxlength="8" class="text mceFocus" />

    71. 

  71. 		</div>

    72. 

  72. 	</div>

    73. 

  73. </form>

    74. 

  74. </body>

    75. 

  75. </html>
    76.