/static/scripts/tiny_mce/themes/advanced/color_picker.htm

http://n23.googlecode.com/ · HTML · 76 lines · 62 code · 11 blank · 3 comment · 0 complexity · 41df7ecd690640e2dd2ff8d8d9ead2e9 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. 	<base target="_self" />

    9. 

  9. </head>

    10. 

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

    11. 

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

    12. 

  12. 	<div class="tabs">

    13. 

  13. 		<ul>

    14. 

  14. 			<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>

    15. 

  15. 			<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>

    16. 

  16. 			<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>

    17. 

  17. 		</ul>

    18. 

  18. 	</div>

    19. 

  19. 

    20. 

  20. 	<div class="panel_wrapper">

    21. 

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

    22. 

  22. 			<fieldset>

    23. 

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

    24. 

  24. 				<div id="picker">

    25. 

  25. 					<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;" />

    26. 

  26. 

    27. 

  27. 					<div id="light">

    28. 

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

    29. 

  29. 					</div>

    30. 

  30. 

    31. 

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

    32. 

  32. 				</div>

    33. 

  33. 			</fieldset>

    34. 

  34. 		</div>

    35. 

  35. 

    36. 

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

    37. 

  37. 			<fieldset>

    38. 

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

    39. 

  39. 				<div id="webcolors">

    40. 

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

    41. 

  41. 				</div>

    42. 

  42. 

    43. 

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

    44. 

  44. 			</fieldset>

    45. 

  45. 		</div>

    46. 

  46. 

    47. 

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

    48. 

  48. 			<fieldset>

    49. 

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

    50. 

  50. 				<div id="namedcolors">

    51. 

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

    52. 

  52. 				</div>

    53. 

  53. 

    54. 

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

    55. 

  55. 

    56. 

  56. 				<div id="colornamecontainer">

    57. 

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

    58. 

  58. 				</div>

    59. 

  59. 			</fieldset>

    60. 

  60. 		</div>

    61. 

  61. 	</div>

    62. 

  62. 

    63. 

  63. 	<div class="mceActionPanel">

    64. 

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

    65. 

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

    66. 

  66. 		</div>

    67. 

  67. 

    68. 

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

    69. 

  69. 

    70. 

  70. 		<div id="previewblock">

    71. 

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

    72. 

  72. 		</div>

    73. 

  73. 	</div>

    74. 

  74. </form>

    75. 

  75. </body>

    76. 

  76. </html>
    77.