[Join-cvs] join1/src/web/scripts/editor/themes/complete color_picker.htm, NONE, 1.1 editor_template
Brought to you by:
lbroudoux
|
From: Laurent B. <lbr...@us...> - 2008-02-03 23:10:06
|
Update of /cvsroot/join/join1/src/web/scripts/editor/themes/complete In directory sc8-pr-cvs6.sourceforge.net:/tmp/cvs-serv13350/scripts/editor/themes/complete Added Files: color_picker.htm editor_template.js editor_template_comp.js image.htm link.htm Log Message: Add a rich text editor for messages --- NEW FILE: image.htm --- <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>{$lang_insert_image_title}</title> <script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script> <script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script> <script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script> <script language="javascript" type="text/javascript" src="jscripts/image.js"></script> <base target="_self" /> </head> <body id="image" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none"> <form onsubmit="insertImage();return false;" action="#"> <div class="tabs"> <ul> <li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_insert_image_title}</a></span></li> </ul> </div> <div class="panel_wrapper"> <div id="general_panel" class="panel current"> <table border="0" cellpadding="4" cellspacing="0"> <tr> <td nowrap="nowrap"><label for="src">{$lang_insert_image_src}</label></td> <td><table border="0" cellspacing="0" cellpadding="0"> <tr> <td><input id="src" name="src" type="text" value="" style="width: 200px" onchange="getImageData();" /></td> <td id="srcbrowsercontainer"> </td> </tr> </table></td> </tr> <!-- Image list --> <script language="javascript"> if (typeof(tinyMCEImageList) != "undefined" && tinyMCEImageList.length > 0) { var html = ""; html += '<tr><td><label for="image_list">{$lang_image_list}</label></td>'; html += '<td><select id="image_list" name="image_list" style="width: 200px" onchange="this.form.src.value=this.options[this.selectedIndex].value;resetImageData();getImageData();">'; html += '<option value="">---</option>'; for (var i=0; i<tinyMCEImageList.length; i++) html += '<option value="' + tinyMCEImageList[i][1] + '">' + tinyMCEImageList[i][0] + '</option>'; html += '</select></td></tr>'; document.write(html); } </script> <!-- /Image list --> <tr> <td nowrap="nowrap"><label for="alt">{$lang_insert_image_alt}</label></td> <td><input id="alt" name="alt" type="text" value="" style="width: 200px" /></td> </tr> <tr> <td nowrap="nowrap"><label for="align">{$lang_insert_image_align}</label></td> <td><select id="align" name="align"> <option value="">{$lang_insert_image_align_default}</option> <option value="baseline">{$lang_insert_image_align_baseline}</option> <option value="top">{$lang_insert_image_align_top}</option> <option value="middle">{$lang_insert_image_align_middle}</option> <option value="bottom">{$lang_insert_image_align_bottom}</option> <option value="texttop">{$lang_insert_image_align_texttop}</option> <option value="absmiddle">{$lang_insert_image_align_absmiddle}</option> <option value="absbottom">{$lang_insert_image_align_absbottom}</option> <option value="left">{$lang_insert_image_align_left}</option> <option value="right">{$lang_insert_image_align_right}</option> </select></td> </tr> <tr> <td nowrap="nowrap"><label for="width">{$lang_insert_image_dimensions}</label></td> <td><input id="width" name="width" type="text" value="" size="3" maxlength="5" /> x <input id="height" name="height" type="text" value="" size="3" maxlength="5" /></td> </tr> <tr> <td nowrap="nowrap"><label for="border">{$lang_insert_image_border}</label></td> <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" /></td> </tr> <tr> <td nowrap="nowrap"><label for="vspace">{$lang_insert_image_vspace}</label></td> <td><input id="vspace" name="vspace" type="text" value="" size="3" maxlength="3" /></td> </tr> <tr> <td nowrap="nowrap"><label for="hspace">{$lang_insert_image_hspace}</label></td> <td><input id="hspace" name="hspace" type="text" value="" size="3" maxlength="3" /></td> </tr> </table> </div> </div> <div class="mceActionPanel"> <div style="float: left"> <input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertImage();" /> </div> <div style="float: right"> <input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" /> </div> </div> </form> </body> </html> --- NEW FILE: editor_template_comp.js --- var TinyMCE_SimpleTheme={_buttonMap:'bold,bullist,cleanup,italic,numlist,redo,strikethrough,underline,undo',getEditorTemplate:function(){var html='';html+='<table class="mceEditor" border="0" cellpadding="0" cellspacing="0" width="{$width}" height="{$height}">';html+='<tr><td align="center">';html+='<span id="{$editor_id}">IFRAME</span>';html+='</td></tr>';html+='<tr><td class="mceToolbar" align="center" height="1">';html+=tinyMCE.getButtonHTML('bold','lang_bold_desc','{$themeurl}/images/{$lang_bold_img}','Bold');html+=tinyMCE.getButtonHTML('italic','lang_italic_desc','{$themeurl}/images/{$lang_italic_img}','Italic');html+=tinyMCE.getButtonHTML('underline','lang_underline_desc','{$themeurl}/images/{$lang_underline_img}','Underline');html+=tinyMCE.getButtonHTML('strikethrough','lang_striketrough_desc','{$themeurl}/images/strikethrough.gif','Strikethrough');html+='<img src="{$themeurl}/images/separator.gif" width="2" height="20" class="mceSeparatorLine" />';html+=tinyMCE.getButtonHTML('undo','lang_undo_desc','{$themeurl}/images/undo.gif','Undo');html+=tinyMCE.getButtonHTML('redo','lang_redo_desc','{$themeurl}/images/redo.gif','Redo');html+='<img src="{$themeurl}/images/separator.gif" width="2" height="20" class="mceSeparatorLine" />';html+=tinyMCE.getButtonHTML('cleanup','lang_cleanup_desc','{$themeurl}/images/cleanup.gif','mceCleanup');html+='<img src="{$themeurl}/images/separator.gif" width="2" height="20" class="mceSeparatorLine" />';html+=tinyMCE.getButtonHTML('bullist','lang_bullist_desc','{$themeurl}/images/bullist.gif','InsertUnorderedList');html+=tinyMCE.getButtonHTML('numlist','lang_numlist_desc','{$themeurl}/images/numlist.gif','InsertOrderedList');html+='</td></tr></table>';return{delta_width:0,delta_height:20,html:html}},handleNodeChange:function(editor_id,node){tinyMCE.switchClass(editor_id+'_bold','mceButtonNormal');tinyMCE.switchClass(editor_id+'_italic','mceButtonNormal');tinyMCE.switchClass(editor_id+'_underline','mceButtonNormal');tinyMCE.switchClass(editor_id+'_strikethrough','mceButtonNormal');tinyMCE.switchClass(editor_id+'_bullist','mceButtonNormal');tinyMCE.switchClass(editor_id+'_numlist','mceButtonNormal');do{switch(node.nodeName.toLowerCase()){case"b":case"strong":tinyMCE.switchClass(editor_id+'_bold','mceButtonSelected');break;case"i":case"em":tinyMCE.switchClass(editor_id+'_italic','mceButtonSelected');break;case"u":tinyMCE.switchClass(editor_id+'_underline','mceButtonSelected');break;case"strike":tinyMCE.switchClass(editor_id+'_strikethrough','mceButtonSelected');break;case"ul":tinyMCE.switchClass(editor_id+'_bullist','mceButtonSelected');break;case"ol":tinyMCE.switchClass(editor_id+'_numlist','mceButtonSelected');break}}while((node=node.parentNode)!=null)}};tinyMCE.addTheme("simple",TinyMCE_SimpleTheme);tinyMCE.addButtonMap(TinyMCE_SimpleTheme._buttonMap); --- NEW FILE: link.htm --- <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>{$lang_insert_link_title}</title> <script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script> <script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script> <script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script> <script language="javascript" type="text/javascript" src="../../utils/validate.js"></script> <script language="javascript" type="text/javascript" src="jscripts/link.js"></script> <base target="_self" /> </head> <body id="link" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none"> <form onsubmit="insertLink();return false;" action="#"> <div class="tabs"> <ul> <li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_insert_link_title}</a></span></li> </ul> </div> <div class="panel_wrapper"> <div id="general_panel" class="panel current"> <table border="0" cellpadding="4" cellspacing="0"> <tr> <td nowrap="nowrap"><label for="href">{$lang_insert_link_url}</label></td> <td><table border="0" cellspacing="0" cellpadding="0"> <tr> <td><input id="href" name="href" type="text" value="" style="width: 200px" onchange="checkPrefix(this);" /></td> <td id="hrefbrowsercontainer"> </td> </tr> </table></td> </tr> <!-- Link list --> <script language="javascript"> if (typeof(tinyMCELinkList) != "undefined" && tinyMCELinkList.length > 0) { var html = ""; html += '<tr><td><label for="link_list">{$lang_link_list}</label></td>'; html += '<td><select id="link_list" name="link_list" style="width: 200px" onchange="this.form.href.value=this.options[this.selectedIndex].value;">'; html += '<option value="">---</option>'; for (var i=0; i<tinyMCELinkList.length; i++) html += '<option value="' + tinyMCELinkList[i][1] + '">' + tinyMCELinkList[i][0] + '</option>'; html += '</select></td></tr>'; document.write(html); } </script> <!-- /Link list --> <tr> <td nowrap="nowrap"><label for="target">{$lang_insert_link_target}</label></td> <td><select id="target" name="target" style="width: 200px"> <option value="_self">{$lang_insert_link_target_same}</option> <option value="_blank">{$lang_insert_link_target_blank}</option> <script language="javascript"> var html = ""; var targets = tinyMCE.getParam('theme_advanced_link_targets', '').split(';'); for (var i=0; i<targets.length; i++) { var key, value; if (targets[i] == "") continue; key = targets[i].split('=')[0]; value = targets[i].split('=')[1]; html += '<option value="' + value + '">' + key + '</option>'; } document.write(html); </script> </select></td> </tr> <tr> <td nowrap="nowrap"><label for="linktitle">{$lang_theme_insert_link_titlefield}</label></td> <td><input id="linktitle" name="linktitle" type="text" value="" style="width: 200px"></td> </tr> <tr id="styleSelectRow"> <td><label for="styleSelect">{$lang_class_name}</label></td> <td> <select id="styleSelect" name="styleSelect"> <option value="" selected>{$lang_theme_style_select}</option> </select></td> </tr> </table> </div> </div> <div class="mceActionPanel"> <div style="float: left"> <input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertLink();" /> </div> <div style="float: right"> <input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" /> </div> </div> </form> </body> </html> --- NEW FILE: editor_template.js --- (This appears to be a binary file; contents omitted.) --- NEW FILE: color_picker.htm --- <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>{$lang_theme_colorpicker_title}</title> <script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script> <script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script> <script language="javascript" type="text/javascript" src="jscripts/color_picker.js"></script> <link href="css/colorpicker.css" rel="stylesheet" type="text/css" /> <base target="_self" /> </head> <body onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none"> <div class="tabs"> <ul> <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> <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> <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> </ul> </div> <div class="panel_wrapper"> <div id="picker_panel" class="panel current"> <fieldset> <legend>{$lang_color_picker}</legend> <div id="picker"> <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;" /> <div id="light"> <!-- Will be filled with divs --> </div> <br style="clear: both" /> </div> </fieldset> </div> <div id="rgb_panel" class="panel"> <fieldset> <legend>{$lang_web_colors}</legend> <div id="webcolors"> <!-- Gets filled with web safe colors--> </div> <br style="clear: both" /> </fieldset> </div> <div id="named_panel" class="panel"> <fieldset> <legend>{$lang_named_colors}</legend> <div id="namedcolors"> <!-- Gets filled with named colors--> </div> <br style="clear: both" /> <div id="colornamecontainer"> {$lang_color_name} <span id="colorname"></span> </div> </fieldset> </div> </div> <div class="mceActionPanel"> <div style="float: left"> <input type="button" id="insert" name="insert" value="{$lang_theme_colorpicker_apply}" onclick="insertAction();" /> </div> <div id="preview"></div> <div id="previewblock"> <label for="color">{$lang_color}</label> <input id="color" type="text" size="8" maxlength="8" class="text" /> </div> </div> </body> </html> |