← Back to branch summary

~kosova/+junk/tuxfamily-twiki

« back to all changes in this revision

Viewing changes to foswiki/pub/System/TinyMCEPlugin/tinymce/jscripts/tiny_mce/themes/advanced/color_picker.htm

  • Committer: James Michael DuPont
  • Date: 2009-07-18 19:58:49 UTC
  • Revision ID: jamesmikedupont@gmail.com-20090718195849-vgbmaht2ys791uo2
added foswiki

Show diffs side-by-side

added added

removed removed

Lines of Context:
foswiki/pub/System/TinyMCEPlugin/tinymce/jscripts/tiny_mce/themes/advanced/color_picker.htm
 
1
<html xmlns="http://www.w3.org/1999/xhtml">
 
2
<head>
 
3
        <title>{$lang_theme_colorpicker_title}</title>
 
4
        <script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
 
5
        <script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
 
6
        <script language="javascript" type="text/javascript" src="jscripts/color_picker.js"></script>
 
7
        <link href="css/colorpicker.css" rel="stylesheet" type="text/css" />
 
8
        <base target="_self" />
 
9
</head>
 
10
<body onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
 
11
        <div class="tabs">
 
12
                <ul>
 
13
                        <li id="picker_tab" class="current"><span><a href="javascript:mcTabs.displayTab('picker_tab','picker_panel');" onmousedown="return false;">{$lang_color_picker_tab}</a></span></li>
 
14
                        <li id="rgb_tab"><span><a href="#" onclick="generateWebColors();mcTabs.displayTab('rgb_tab','rgb_panel');" onmousedown="return false;">{$lang_web_colors_tab}</a></span></li>
 
15
                        <li id="named_tab"><span><a  href="#" onclick="generateNamedColors();javascript:mcTabs.displayTab('named_tab','named_panel');" onmousedown="return false;">{$lang_named_colors_tab}</a></span></li>
 
16
                </ul>
 
17
        </div>
 
18
 
 
19
        <div class="panel_wrapper">
 
20
                <div id="picker_panel" class="panel current">
 
21
                        <fieldset>
 
22
                                <legend>{$lang_color_picker}</legend>
 
23
                                <div id="picker">
 
24
                                        <img id="colorpicker" src="images/colors.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;" />
 
25
 
 
26
                                        <div id="light">
 
27
                                                <!-- Will be filled with divs -->
 
28
                                        </div>
 
29
 
 
30
                                        <br style="clear: both" />
 
31
                                </div>
 
32
                        </fieldset>
 
33
                </div>
 
34
 
 
35
                <div id="rgb_panel" class="panel">
 
36
                        <fieldset>
 
37
                                <legend>{$lang_web_colors}</legend>
 
38
                                <div id="webcolors">
 
39
                                        <!-- Gets filled with web safe colors-->
 
40
                                </div>
 
41
 
 
42
                                <br style="clear: both" />
 
43
                        </fieldset>
 
44
                </div>
 
45
 
 
46
                <div id="named_panel" class="panel">
 
47
                        <fieldset>
 
48
                                <legend>{$lang_named_colors}</legend>
 
49
                                <div id="namedcolors">
 
50
                                        <!-- Gets filled with named colors-->
 
51
                                </div>
 
52
 
 
53
                                <br style="clear: both" />
 
54
 
 
55
                                <div id="colornamecontainer">
 
56
                                        {$lang_color_name} <span id="colorname"></span>
 
57
                                </div>
 
58
                        </fieldset>
 
59
                </div>
 
60
        </div>
 
61
 
 
62
        <div class="mceActionPanel">
 
63
                <div style="float: left">
 
64
                        <input type="button" id="insert" name="insert" value="{$lang_theme_colorpicker_apply}" onclick="insertAction();" />
 
65
                </div>
 
66
 
 
67
                <div id="preview"></div>
 
68
 
 
69
                <div id="previewblock">
 
70
                        <label for="color">{$lang_color}</label> <input id="color" type="text" size="8" maxlength="8" class="text" />
 
71
                </div>
 
72
        </div>
 
73
</body>
 
74
</html>