/static/scripts/tiny_mce/themes/advanced/color_picker.htm
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<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4 <title>{#advanced_dlg.colorpicker_title}</title> 5 <script type="text/javascript" src="../../tiny_mce_popup.js"></script> 6 <script type="text/javascript" src="../../utils/mctabs.js"></script> 7 <script type="text/javascript" src="js/color_picker.js"></script> 8 <base target="_self" /> 9</head> 10<body id="colorpicker" style="display: none"> 11<form onsubmit="insertAction();return false" action="#"> 12 <div class="tabs"> 13 <ul> 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 <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 <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 </ul> 18 </div> 19 20 <div class="panel_wrapper"> 21 <div id="picker_panel" class="panel current"> 22 <fieldset> 23 <legend>{#advanced_dlg.colorpicker_picker_title}</legend> 24 <div id="picker"> 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 27 <div id="light"> 28 <!-- Will be filled with divs --> 29 </div> 30 31 <br style="clear: both" /> 32 </div> 33 </fieldset> 34 </div> 35 36 <div id="rgb_panel" class="panel"> 37 <fieldset> 38 <legend>{#advanced_dlg.colorpicker_palette_title}</legend> 39 <div id="webcolors"> 40 <!-- Gets filled with web safe colors--> 41 </div> 42 43 <br style="clear: both" /> 44 </fieldset> 45 </div> 46 47 <div id="named_panel" class="panel"> 48 <fieldset> 49 <legend>{#advanced_dlg.colorpicker_named_title}</legend> 50 <div id="namedcolors"> 51 <!-- Gets filled with named colors--> 52 </div> 53 54 <br style="clear: both" /> 55 56 <div id="colornamecontainer"> 57 {#advanced_dlg.colorpicker_name} <span id="colorname"></span> 58 </div> 59 </fieldset> 60 </div> 61 </div> 62 63 <div class="mceActionPanel"> 64 <div style="float: left"> 65 <input type="submit" id="insert" name="insert" value="{#apply}" /> 66 </div> 67 68 <div id="preview"></div> 69 70 <div id="previewblock"> 71 <label for="color">{#advanced_dlg.colorpicker_color}</label> <input id="color" type="text" size="8" maxlength="8" class="text mceFocus" /> 72 </div> 73 </div> 74</form> 75</body> 76</html>