开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > Jsp/Servlet > 查看源码
richedit.js.svn-base
资源名称：cindyblog.rar　[点击查看]
上传用户：cdpainuo
上传日期：2022-07-12
资源大小：5257k
文件大小：45k
源码类别：

Jsp/Servlet

开发平台：

Java

richedit.js.svn-base：源码内容
  1. var OP = (window.opera || navigator.userAgent.indexOf('Opera') != -1);
  2. var IE = (navigator.userAgent.indexOf('MSIE') != -1 && !OP);
  3. var GK = (navigator.userAgent.indexOf('Gecko') != -1 || OP);
  4. var DM = (document.designMode && document.execCommand);
  6. var rto = new Array();
  7. var mouseX, mouseY, winX, winY, scrLeft, scrTop;
  9. //---------------------------------------------------------------------------------------------------------
  10. // Language settings
  11. //---------------------------------------------------------------------------------------------------------
  12.   var txtParagraph       = "Paragraph";
  13.   var txtNormal          = "Normal";
  14.   var txtHeading         = "Heading";
  15.   var txtClearFormatting = "Clear Formatting";
  16.   var txtJustifyLeft     = "Justify Left";
  17.   var txtJustifyCenter   = "Justify Center";
  18.   var txtJustifyRight    = "Justify Right";
  19.   var txtJustifyFull     = "Justify Full";
  20.   var txtOrderedList     = "Ordered List";
  21.   var txtUnorderedList   = "Unordered List";
  22.   var txtOutdent         = "Outdent";
  23.   var txtIndent          = "Indent";
  24.   var txtInsertHR        = "Insert Horizontal Rule";
  25.   var txtInsertTable     = "Insert Table";
  26.   var txtInsertGraph     = "Insert Graph";
  27.   var txtInsertBullet    = "Insert Bullet Point";
  28.   var txtInsertImage     = "Insert Image";
  29.   var txtInsertText      = "Insert text here";
  30.   var txtFont            = "Font";
  31.   var txtSize            = "Size";
  32.   var txtBold            = "Bold";
  33.   var txtItalic          = "Italic";
  34.   var txtUnderline       = "Underline";
  35.   var txtFontColor       = "Font Color";
  36.   var txtBGColor         = "Background Color";
  37.   var txtHyperlink       = "Hyperlink";
  38.   var txtCut             = "Cut";
  39.   var txtCopy            = "Copy";
  40.   var txtPaste           = "Paste";
  41.   var txtUndo            = "Undo";
  42.   var txtRedo            = "Redo";
  43.   var txtBorder          = "Border";
  44.   var txtBorderColor     = "Border Color";
  45.   var txtCellColor       = "Cell Color";
  46.   var txtCellSpacing     = "Cell Spacing";
  47.   var txtCellPadding     = "Cell Padding";
  48.   var txtColumns         = "Columns";
  49.   var txtRows            = "Rows";
  50.   var txtCreate          = "Create";
  51.   var txtCancel          = "Cancel";
  52.   var txtValues          = "Values";
  53.   var txtLabels          = "Labels";
  54.   var txtBarColor        = "Bar Color";
  55.   var txtLabelColor      = "Label Color";
  56.   var txtViewValues      = "View Values";
  57.   var txtLegend          = "Legend";
  58.   var txtViewSource      = "View Source";
  59.   var txtViewEditor      = "View Editor";
  60.   var txtNoRichEdit      = "Sorry, your browser does not support richtext editing!";
  61.   var txtCreateError     = "Could not create editor!";
  63. function EDITOR() {
  64. //---------------------------------------------------------------------------------------------------------
  65. // Configuration
  66. //---------------------------------------------------------------------------------------------------------
  67.   this.editorBGColor = "#F0F0F0";               // editor background color
  68.   this.editorBorder = "2px groove #FFFFFF";     // editor border (CSS-spec: "size style color")
  70.   this.textWidth = 650;                         // text field width (pixels)
  71.   this.textHeight = 120;                        // text field height (pixels)
  72.   this.textBGColor = "#FFFFFF";                 // text field background color
  73.   this.textBorder = "2px inset #FFFFFF";        // text field border (CSS-spec: "size style color")
  74.   this.textFont = "Verdana, Arial, Helvetica";  // text field font family (CSS-spec)
  75.   this.textFontSize = 12;                       // text field font size (pixels)
  77.   this.setFocus = false;                        // focus text field on load (true or false)
  78.   this.fieldName = "richEdit";                  // default field name
  79.   this.iconPath = "icons";                      // path to icons
  80.   this.bulletpoint = "bp.gif";                  // bullet point image (full path)
  82. //---------------------------------------------------------------------------------------------------------
  83. // Functions
  84. //---------------------------------------------------------------------------------------------------------
  85.   this.editor = 0;
  86.   this.id = 0;
  87.   this.curSelection = 0;
  88.   this.field = '';
  89.   this.curFontColor = '#000000';
  90.   this.curBGColor = '#FFFF00';
  91.   this.source = false;
  93.   this.getEditor = function() {
  94.     var e = false;
  95.     if(GK) e = document.getElementById('rtoIFrame' + this.id).contentWindow;
  96.     else if(IE) e = document.frames('rtoIFrame' + this.id);
  97.     if(e && !DM) e = false;
  98.     return e;
  99.   }
  101.   this.wordWrap = function(string, col, prefix) {
  102.     if(col == null) col = 100;
  103.     if(prefix == null) prefix = '';
  104.     var text = line = newline = word = '';
  105.     var row = col - prefix.length;
  106.     var i, j, cnt;
  107.     var words = new Array();
  108.     var lines = new Array();
  109.     lines = string.split('n');
  111.     if(row > 0) {
  112.       for(i = 0; i < lines.length; i++) {
  113.         line = lines[i];
  115.         if(line.length > row) {
  116.           newline = '';
  117.           words = line.split(' ');
  119.           for(j = 0; j < words.length; j++) {
  120.             word = words[j];
  122.             if(word.length > row) {
  123.               if(newline) {
  124.                 text += prefix + newline + 'n';
  125.                 newline = '';
  126.               }
  127.               text += prefix + word + 'n';
  128.             }
  129.             else if(newline.length + word.length > row) {
  130.               newline.replace(/ +$/, '');
  131.               text += prefix + newline + 'n';
  132.               newline = word + ' ';
  133.             }
  134.             else newline += word + ' ';
  135.           }
  136.           newline.replace(/ +$/, '');
  137.           text += prefix + newline + 'n';
  138.         }
  139.         else {
  140.           line.replace(/ +$/, '');
  141.           text += prefix + line + 'n';
  142.         }
  143.       }
  144.     }
  145.     return text.replace(/n$/, '');
  146.   }
  148.   this.initEditor = function(content) {
  149.     if(this.editor = this.getEditor()) {
  150.       var html = '<html><head><style> ' +
  151.                  'BODY { ' +
  152.                  'margin: 4px; ' +
  153.                  'background-color: ' + this.textBGColor + '; ' +
  154.                  '} ' +
  155.                  'BODY, TD, TH { ' +
  156.                  'color: #000000; ' +
  157.                  'font-family: ' + this.textFont + '; ' +
  158.                  'font-size: ' + this.textFontSize + 'px; ' +
  159.                  '} ' +
  160.                  'TD { border: 1px dashed #C0C0C0; } ' +
  161.                  'P { margin: 0px; } ' +
  162.                  '</style></head>' +
  163.                  '<body>' +
  164.                  content.replace(/<STYLE>[^<]+</STYLE>(r?n)*/gi, '') +
  165.                  '</body></html>';
  166.       this.editor.document.designMode = 'on';
  167.       if(GK) this.editor.document.execCommand('useCSS', false, false);
  168.       this.editor.document.open();
  169.       this.editor.document.write(this.wordWrap(html));
  170.       this.editor.document.close();
  171.       if(this.setFocus) this.editor.focus();
  173.       for(var i = document.forms.length - 1; i > 0 && !this.field; i--) {
  174.         if(document.forms[i].elements[this.fieldName + this.id]) {
  175.           this.field = document.forms[i].elements[this.fieldName + this.id];
  176.         }
  177.       }
  178.       rtoSetUnselectable(rtoGetObj('rtoEditor' + this.id));
  179.     }
  180.     else alert(txtNoRichEdit);
  181.   }
  183.   this.setButtonStyle = function(name, cls) {
  184.     var obj = rtoGetObj(name + this.id);
  185.     if(obj) obj.className = cls + this.id;
  186.     obj = rtoGetObj(name + 'Arrow' + this.id);
  187.     if(obj) obj.className = cls + this.id;
  188.   }
  190.   this.pickColor = function(color, mode) {
  191.     var obj = rtoGetObj('dlg' + mode);
  192.     if(obj) obj.style.visibility = 'hidden';
  193.     obj = rtoGetObj('cur' + mode + this.id);
  194.     if(obj) {
  195.       obj.style.backgroundColor = color;
  196.       if(mode == 'FontColor') this.curFontColor = color;
  197.       else this.curBGColor = color;
  198.     }
  199.     this.setColor(mode);
  200.   }
  202.   this.setColor = function(mode) {
  203.     if(mode == 'FontColor') this.fnExec('foreColor', this.curFontColor);
  204.     else this.fnExec((GK ? 'hiliteColor' : 'backColor'), this.curBGColor);
  205.   }
  207.   this.changeColor = function(mode) {
  208.     document.forms['f' + mode].id.value = this.id;
  209.     this.viewDialog(mode);
  210.   }
  212.   this.viewDialog = function(mode) {
  213.     var obj = rtoGetObj('dlg' + mode);
  214.     if(obj) {
  215.       if(IE) {
  216.         this.editor.focus();
  217.         this.curSelection = this.editor.document.selection.createRange();
  218.       }
  219.       if(obj.style.visibility == 'visible') obj.style.visibility = 'hidden';
  220.       else {
  221.         var obj2 = rtoGetObj('dlgBGColor');
  222.         obj2.style.visibility = 'hidden';
  223.         obj2 = rtoGetObj('dlgFontColor');
  224.         obj2.style.visibility = 'hidden';
  225.         obj2 = rtoGetObj('dlgImage');
  226.         obj2.style.visibility = 'hidden';
  227. obj2 = rtoGetObj('dlgCode');
  228.         obj2.style.visibility = 'hidden';
  230.         var wdth = hght = 0;
  231.         var top = mouseY;
  232.         var left = mouseX;
  234.         if(document.getElementById) {
  235.           wdth = obj.offsetWidth;
  236.           hght = obj.offsetHeight;
  237.         }
  238.         else if(IE) {
  239.           wdth = obj.style.pixelWidth;
  240.           hght = obj.style.pixelHeight;
  241.         }
  243.         rtoGetWinXY();
  244.         if(left + wdth - scrLeft > winX) left = winX + scrLeft - wdth;
  245.         if(top + hght - scrTop > winY) top = winY + scrTop - hght - 20;
  247.         obj.style.left = (left - 50) + 'px';
  248.         obj.style.top = top + 'px';
  249.         obj.style.visibility = 'visible';
  251. if(mode.indexOf('Code') == -1){
  253. }
  255.         if(mode.indexOf('Color') == -1) {
  256.           document.forms['f' + mode].elements[1].focus();
  257.           if(mode == 'Image') document.fImage.URL.value = 'http://';
  258.         }
  259.       }
  260.     }
  261.   }
  263.   this.fnExec = function(command, option) {
  264.     if(this.editor) {
  265.       if(option == 'removeFormat') {
  266.         command = option;
  267.         option = null;
  268.       }
  269.       try {
  270.         this.editor.document.execCommand(command, false, option);
  271.       }
  272.       catch(e) {
  273.         alert(command + ": not supported");
  274.       }
  275.       this.editor.focus();
  276.     }
  277.   }
  279.   this.doCmd = function(cmd, opt) {
  280.     if(IE && !this.curSelection) {
  281.       this.editor.focus();
  282.       this.curSelection = this.editor.document.selection.createRange();
  283.     }
  284.     if(cmd && opt) {
  285.       if(cmd == 'insertHTML' && IE) this.curSelection.pasteHTML(opt);
  286.       else this.fnExec(cmd, opt);
  287.     }
  288.     else if(cmd) this.fnExec(cmd);
  289.     if(IE) this.curSelection = 0;
  290.   }
  292.   this.insertLink = function() {
  293.     if(IE) this.doCmd('createLink');
  294.     else {
  295.       var url = prompt('URL:', 'http://');
  296.       if(url && url != 'http://') this.doCmd('createLink', url);
  297.     }
  298.   }
  300.   this.insertImage = function() {
  301.     document.fImage.id.value = this.id;
  302.     this.viewDialog('Image');
  303.   }
  305.    this.insertCode = function() {
  306.     document.fCode.id.value = this.id;
  307.     this.viewDialog('Code');
  308.   }
  310.    this.createImage = function() {
  311.     var obj = rtoGetObj('dlgImage');
  312.     if(obj) obj.style.visibility = 'hidden';
  313.     var f = document.fImage;
  314.     if(f.URL.value && f.URL.value != 'http://') {
  315.       if(this.curSelection) this.doCmd('insertHTML', '<IMG src="' + f.URL.value + '">');
  316.       else this.doCmd('insertImage', f.URL.value);
  317.     }
  318.   }
  320.   this.createCode = function() {
  321.     var obj = rtoGetObj('dlgCode');
  322.     if(obj) obj.style.visibility = 'hidden';
  323.     var f = document.fCode;
  324.     var type = f.CTYPE.value;
  325. var code = f.CCODE.value;
  326.  if(code) {
  327. code = code.replace(new RegExp("<","g"),"&lt;"); 
  328. code = code.replace(new RegExp(">","g"),"&gt;"); 
  329.     var html = '<pre class="brush: '+type+';">'+code+'</pre>';
  330. this.doCmd('insertHTML', html);
  331.  }
  332. f.CCODE.value = "";
  333.   }
  335.   this.toggleSource = function() {
  336.     var s = rtoGetObj(this.fieldName + this.id);
  337.     var r = rtoGetObj('rtoIFrame' + this.id);
  338.     var t = rtoGetObj('rtoToolBar' + this.id);
  339.     var b = rtoGetObj('rtoButton' + this.id);
  340.     this.store(true);
  341.     if(this.source) {
  342.       this.source = false;
  343.       s.style.visibility = 'hidden';
  344.       t.style.visibility = 'visible';
  345.       r.style.width = this.textWidth + 'px';
  346.       r.style.visibility = 'visible';
  347.       this.editor.focus();
  348.       b.value = txtViewSource;
  349.     }
  350.     else {
  351.       this.source = true;
  352.       t.style.visibility = 'hidden';
  353.       r.style.visibility = 'hidden';
  354.       r.style.width = '0px';
  355.       s.style.visibility = 'visible';
  356.       s.focus();
  357.       b.value = txtViewEditor;
  358.     }
  359.   }
  361. this.store = function(view) {
  362. if(this.field) {
  363. if(this.source){
  364. this.editor.document.body.innerHTML = this.field.value;
  365. }else{
  366. var content = this.editor.document.body.innerHTML;
  367. content = content.replace(/<br>/g, "n");
  368. if(content && IE && DM && !view){
  369. content = '<style> P { margin: 0px; } </style>n' + content;
  370. } 
  371. this.field.value = content;
  372. }
  373. }
  374.  }
  376.   this.buildEditor = function() {
  377.     document.writeln('<style> ' +
  378.                      '#rtoEditor' + this.id + ' { ' +
  379.                      'position: relative; ' +
  380.                      'background-color: ' + this.editorBGColor + '; ' +
  381.                      'width: ' + (this.textWidth + (IE ? 20 : 12)) + 'px; ' +
  382.                      'margin: 0px; ' +
  383.                      'padding: 4px; ' +
  384.                      'border: ' + this.editorBorder + '; ' +
  385.                      'text-align: left; ' +
  386.                      '} ' +
  387.                      '.cssIFrame' + this.id + ' { ' +
  388.                      'margin: 2px; ' +
  389.                      'padding: 0px; ' +
  390.                      'width: ' + this.textWidth + 'px; ' +
  391.                      'height: ' + this.textHeight + 'px; ' +
  392.                      'border: ' + this.textBorder + '; ' +
  393.                      '} ' +
  394.                      '.cssToolBar' + this.id + ' { ' +
  395.                      'background-color: ' + this.editorBGColor + '; ' +
  396.                      'border: 1px solid ' + this.editorBGColor + '; ' +
  397.                      'padding: 2px; ' +
  398.                      '} ' +
  399.                      '.cssRaised' + this.id + ' { ' +
  400.                      'border-top: 1px solid buttonhighlight; ' +
  401.                      'border-left: 1px solid buttonhighlight; ' +
  402.                      'border-bottom: 1px solid buttonshadow; ' +
  403.                      'border-right: 1px solid buttonshadow; ' +
  404.                      'background-color: ' + this.editorBGColor + '; ' +
  405.                      'padding: 2px; ' +
  406.                      '} ' +
  407.                      '.cssPressed' + this.id + ' { ' +
  408.                      'border-top: 1px solid buttonshadow; ' +
  409.                      'border-left: 1px solid buttonshadow; ' +
  410.                      'border-bottom: 1px solid buttonhighlight; ' +
  411.                      'border-right: 1px solid buttonhighlight; ' +
  412.                      'background-color: ' + this.editorBGColor + '; ' +
  413.                      'padding-left: 3px; ' +
  414.                      'padding-top: 3px; ' +
  415.                      'padding-bottom: 1px; ' +
  416.                      'padding-right: 1px; ' +
  417.                      '} ' +
  418.                      '.cssSource' + this.id + ' { ' +
  419.                      'position: absolute; ' +
  420.                      'top: 0px; ' +
  421.                      'left: 0px; ' +
  422.                      'margin: 6px; ' +
  423.                      'width: ' + (this.textWidth + 4) + 'px; ' +
  424.                      'height: ' + (this.textHeight + 27) + 'px; ' +
  425.                      'font-family: Courier New, Courier, Monospace; ' +
  426.                      'font-size: 12px; ' +
  427.                      'background-color: ' + this.textBGColor + '; ' +
  428.                      'border: ' + this.textBorder + '; ' +
  429.                      'visibility: hidden; ' +
  430.                      '} ' +
  431.                      '#rtoButton' + this.id + ' { ' +
  432.                      'font-family: Verdana, Arial, Helvetica; ' +
  433.                      'font-size: 11px; ' +
  434.                      'font-weight: bold; ' +
  435.                      'background-color: ' + this.editorBGColor + '; ' +
  436.                      '} ' +
  437.                      '#curBGColor' + this.id + ' { ' +
  438.                      'width: 16px; ' +
  439.                      'height: 4px; ' +
  440.                      'font-size: 1px; ' +
  441.                      'background-color: #FFFF00; ' +
  442.                      '} ' +
  443.                      '#curFontColor' + this.id + ' { ' +
  444.                      'width: 16px; ' +
  445.                      'height: 4px; ' +
  446.                      'font-size: 1px; ' +
  447.                      'background-color: #000000; ' +
  448.                      '} ' +
  449.                      '</style>');
  451.     document.writeln('<div id="rtoEditor' + this.id + '">');
  453.     document.writeln('<div id="rtoToolBar' + this.id + '">');
  455.     document.writeln('<table border=0 cellspacing=1 cellpadding=0><tr align=center>' +
  456.                      '<td></td>');
  457.     document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].doCmd('justifyLeft')" title="' + txtJustifyLeft + '"><img src="' + this.iconPath + '/justify_left.gif" width=16 height=16></td>');
  458.     document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].doCmd('justifyCenter')" title="' + txtJustifyCenter + '"><img src="' + this.iconPath + '/justify_center.gif" width=16 height=16></td>');
  459.     document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].doCmd('justifyRight')" title="' + txtJustifyRight + '"><img src="' + this.iconPath + '/justify_right.gif" width=16 height=16></td>');
  460.   
  461.     document.writeln('<td><div style="width:0px; height:15px; border:1px inset #FFFFFF"></div></td>');
  462.     document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].doCmd('insertOrderedList')" title="' + txtOrderedList + '"><img src="' + this.iconPath + '/ol.gif" width=16 height=16></td>');
  463.     document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].doCmd('insertUnorderedList')" title="' + txtUnorderedList + '"><img src="' + this.iconPath + '/ul.gif" width=16 height=16></td>');
  464.   
  465.     document.writeln('<td><div style="width:0px; height:15px; border:1px inset #FFFFFF"></div></td>');
  466.     document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].doCmd('insertHorizontalRule')" title="' + txtInsertHR + '"><img src="' + this.iconPath + '/hrule.gif" width=16 height=16></td>');
  467.     document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].insertImage()" title="' + txtInsertImage + '"><img src="' + this.iconPath + '/image.gif" width=16 height=16></td>');
  468.   document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].doCmd('bold')" title="' + txtBold + '"><img src="' + this.iconPath + '/bold.gif" width=16 height=16></td>');
  469.     document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].doCmd('italic')" title="' + txtItalic + '"><img src="' + this.iconPath + '/italic.gif" width=16 height=16></td>');
  470.     document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].doCmd('underline')" title="' + txtUnderline + '"><img src="' + this.iconPath + '/underline.gif" width=16 height=16></td>');
  471.       document.writeln('<td id="btnBGColor' + this.id + '" class="cssToolBar' + this.id + '" onMouseOver="rto[' + this.id + '].setButtonStyle('btnBGColor', 'cssRaised')" onMouseOut="rto[' + this.id + '].setButtonStyle('btnBGColor', 'cssToolBar')" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].setColor('BGColor')"><img src="' + this.iconPath + '/bgcolor.gif" width=16 height=12><div id="curBGColor' + this.id + '"></div></td>');
  472.     document.writeln('<td id="btnBGColorArrow' + this.id + '" class="cssToolBar' + this.id + '" onMouseOver="rto[' + this.id + '].setButtonStyle('btnBGColor', 'cssRaised')" onMouseOut="rto[' + this.id + '].setButtonStyle('btnBGColor', 'cssToolBar')" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].changeColor('BGColor')"><img src="' + this.iconPath + '/arrow.gif" width=5 height=16></td>');
  473.        document.writeln('<td id="btnFontColor' + this.id + '" class="cssToolBar' + this.id + '" onMouseOver="rto[' + this.id + '].setButtonStyle('btnFontColor', 'cssRaised')" onMouseOut="rto[' + this.id + '].setButtonStyle('btnFontColor', 'cssToolBar')" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].setColor('FontColor')"><img src="' + this.iconPath + '/color.gif" width=16 height=12><div id="curFontColor' + this.id + '"></div></td>');
  474.     document.writeln('<td id="btnFontColorArrow' + this.id + '" class="cssToolBar' + this.id + '" onMouseOver="rto[' + this.id + '].setButtonStyle('btnFontColor', 'cssRaised')" onMouseOut="rto[' + this.id + '].setButtonStyle('btnFontColor', 'cssToolBar')" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].changeColor('FontColor')"><img src="' + this.iconPath + '/arrow.gif" width=5 height=16></td>');
  476.   document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].insertLink()" title="' + txtHyperlink + '"><img src="' + this.iconPath + '/link.gif" width=16 height=16></td>');
  477.    document.writeln('<td class="cssToolBar' + this.id + '" width=20 height=20 onMouseOver="this.className='cssRaised' + this.id + ''" onMouseOut="this.className='cssToolBar' + this.id + ''" onMouseDown="this.className='cssPressed' + this.id + ''" onMouseUp="this.className='cssRaised' + this.id + ''" onClick="rto[' + this.id + '].insertCode()" title="Code"><img src="' + this.iconPath + '/code.gif" width=16 height=16></td>');
  478.  document.writeln('<td><select class="cssFormField" onChange="rto[' + this.id + '].doCmd('fontName', this[this.selectedIndex].value); this.selectedIndex=0">' +
  479.                      '<option style="color:#C0C0C0">' + txtFont + ':' +
  480.                      '<option value="Arial, Helvetica">Arial' +
  481.                      '<option value="Verdana, Arial, Helvetica">Verdana' +
  482.                      '<option value="Times New Roman, Times, Serif">Times' +
  483.                      '<option value="Comic Sans MS">Comic' +
  484.                      '<option value="MS Sans Serif, sans-serif">Sans-Serif' +
  485.                      '<option value="Courier New, Courier, Monospace">Courier' +
  486.                      '<option value="Trebuchet MS, Arial, Helvetica">Trebuchet' +
  487.                      '</select></td>');
  488.     document.writeln('<td><select class="cssFormField" onChange="rto[' + this.id + '].doCmd('fontSize', this[this.selectedIndex].text); this.selectedIndex=0">' +
  489.                      '<option style="color:#C0C0C0">' + txtSize + ':' +
  490.                      '<option value="1">1' +
  491.                      '<option value="2">2' +
  492.                      '<option value="3">3' +
  493.                      '<option value="4">4' +
  494.                      '<option value="5">5' +
  495.                      '<option value="6">6' +
  496.                      '<option value="7">7' +
  497.                      '</select></td>');
  499. document.writeln('</tr></table>');
  501.     document.writeln('<div style="border:1px inset #FFFFFF"></div>');
  507.     document.writeln('</div>');
  509.     document.writeln('<iframe id="rtoIFrame' + this.id + '" frameborder=0 class="cssIFrame' + this.id + '"></iframe>');
  511.     document.writeln('<textarea name="' + this.fieldName + this.id + '" id="' + this.fieldName + this.id + '" class="cssSource' + this.id + '" wrap=virtual></textarea>');
  513.     document.writeln('<center><input type=button id="rtoButton' + this.id + '" value="' + txtViewSource + '" onClick="rto[' + this.id + '].toggleSource()"></center>');
  515.     document.writeln('</div>');
  516.   }
  518.   this.create = function(content) {
  519.     if(content == null) content = '';
  520.     this.id = rto.length;
  521.     if(rto[this.id] = this) {
  522.       if((IE || GK) && DM) {
  523.         this.buildEditor();
  524.         this.initEditor(content);
  525.       }
  526.       else {
  527.         var cols = Math.round(this.textWidth / 10);
  528.         var rows = Math.round(this.textHeight / 20);
  529.         document.write('<textarea name="' + this.fieldName + this.id + '" style="' +
  530.                        'margin-bottom: 4px; ' +
  531.                        'padding: 4px; ' +
  532.                        'background-color: ' + this.textBGColor + '; ' +
  533.                        'border: ' + this.textBorder +
  534.                        '" cols=' + cols + ' rows=' + rows + ' wrap=virtual>' + content +
  535.                        '</textarea>');
  536.       }
  537.     }
  538.     else alert(txtCreateError);
  539.   }
  541.   this.barGraph = function(values, labels, bColor, lColor, showVal, legend, bSize, bBorder, bLen) {
  542.     showVal = parseInt(showVal);
  543.     var colors = new Array('#0000FF', '#FF0000', '#00E000', '#A0A0FF', '#FFA0A0', '#00A000');
  544.     var d = (typeof(values) == 'string') ? this.makeArray(values) : values;
  545.     if(labels) var r = (typeof(labels) == 'string') ? this.makeArray(labels) : labels;
  546.     else var r = new Array();
  547.     var label = graph = '';
  548.     var percent = 0;
  549.     if(bColor) var drf = (typeof(bColor) == 'string') ? this.makeArray(bColor) : bColor;
  550.     else var drf = new Array();
  551.     var drw, val = new Array();
  552.     var bc = new Array();
  553.     if(lColor) {
  554.       if(lColor.indexOf(',') != -1) var lc = lColor.split(',');
  555.       else {
  556.         lColor = lColor.replace(/s+/g, ' ');
  557.         var lc = lColor.split(' ');
  558.       }
  559.     }
  560.     else var lc = new Array();
  561.     if(lc[0]) lc[0] = lc[0].replace(/s+/, '');
  562.     else lc[0] = '#C0E0FF';
  563.     if(lc[1]) lc[1] = lc[1].replace(/s+/, '');
  564.     var bars = (d.length > r.length) ? d.length : r.length;
  566.     if(legend) graph += '<table border=0 cellspacing=0 cellpadding=0><tr valign=top><td>';
  568.     var sum = max = max_neg = max_dec = ccnt = lcnt = 0;
  570.     for(var i = 0; i < bars; i++) {
  571.       if(typeof(d[i]) == 'string') drw = d[i].split(';');
  572.       else {
  573.         drw = new Array();
  574.         drw[0] = d[i];
  575.       }
  576.       val[lcnt] = new Array();
  578.       for(var j = v = 0; j < drw.length; j++) {
  579.         val[lcnt][j] = v = drw[j] ? parseFloat(drw[j]) : 0;
  581.         if(v > max) max = v;
  582.         else if(v < max_neg) max_neg = v;
  584.         if(v < 0) v *= -1;
  585.         sum += v;
  587.         v = v.toString();
  588.         if(v.indexOf('.') != -1) {
  589.           v = v.substr(v.indexOf('.') + 1);
  590.           dec = v.length;
  591.           if(dec > max_dec) max_dec = dec;
  592.         }
  594.         if(!bc[j]) {
  595.           if(ccnt >= colors.length) ccnt = 0;
  596.           bc[j] = (!drf[j] || drf[j].length < 3) ? colors[ccnt++] : drf[j];
  597.         }
  598.       }
  599.       lcnt++;
  600.     }
  602.     if(!showVal) showVal = 0;
  603.     if(!bBorder) bBorder = '2px outset #FFFFFF';
  604.     if(!bSize) bSize = 15;
  605.     if(!bLen) bLen = 1.0;
  606.     else if(bLen < 0.1) bLen = 0.1;
  607.     else if(bLen > 2.9) bLen = 2.9;
  609.     var border = parseInt(bBorder);
  610.     var mPerc = sum ? Math.round(max * 100 / sum) : 0;
  611.     var mul = mPerc ? 100 / mPerc : 1;
  612.     mul *= bLen;
  613.     if(showVal < 2) var valSpace = 25;
  614.     else var valSpace = 0;
  615.     var spacer = maxSize = Math.round(mPerc * mul + valSpace + border * 2);
  617.     if(max_neg) {
  618.       var mPerc_neg = sum ? Math.round(-max_neg * 100 / sum) : 0;
  619.       var spacer_neg = Math.round(mPerc_neg * mul + valSpace + border * 2);
  620.       maxSize += spacer_neg;
  621.     }
  623.     graph += '<table border=0 cellspacing=2 cellpadding=0>';
  625.     for(i = 0; i < val.length; i++) {
  626.       label = (i < r.length) ? r[i] : i+1;
  627.       graph += '<tr><td rowspan=' + val[i].length + ' bgcolor=' + lc[0] + ' align=center style="font:10px Verdana,Arial,Helvetica">';
  628.       graph += '&nbsp;' + label + '&nbsp;</td>';
  630.       for(j = 0; j < val[i].length; j++) {
  631.         percent = sum ? val[i][j] * 100 / sum : 0;
  633.         if(showVal == 1 || showVal == 2) {
  634.           graph += this.showValue(val[i][j], max_dec, lc[0], 0, 'right');
  635.         }
  637.         if(percent < 0) {
  638.           percent *= -1;
  639.           graph += '<td bgcolor=' + lc[0] + ' align=right nowrap>';
  640.           if(showVal < 2) graph += '<div style="float:left; font:10px Verdana,Arial,Helvetica">' + Math.round(percent) + '%&nbsp;</div>';
  641.           graph += '<div style="float:left; border:' + bBorder + '; background-color:' + bc[j] + '">';
  642.           graph += '<img width=0 height=' + bSize + '><img height=0 width=' + Math.round(percent * mul) + '></div>';
  643.           graph += '</td><td' + (lc[1] ? ' bgcolor=' + lc[1] : '') + '>&nbsp;</td>';
  644.         }
  645.         else {
  646.           if(max_neg) graph += '<td style="background-color:' + lc[0] + '">&nbsp;</td>';
  647.           graph += '<td' + (lc[1] ? ' bgcolor=' + lc[1] : '') + ' nowrap style="font:10px Verdana,Arial,Helvetica">';
  648.           if(percent) {
  649.             graph += '<div style="float:left; border:' + bBorder + '; background-color:' + bc[j] + '">';
  650.             graph += '<img height=0 width=' + Math.round(percent * mul) + '><img width=0 height=' + bSize + '></div>';
  651.           }
  652.           else graph += '<div style="float:left; border-width:' + border + 'px"><img width=0 height=' + bSize + '></div>';
  653.           if(showVal < 2) graph += '<div style="float:left; font:10px Verdana,Arial,Helvetica">&nbsp;' + Math.round(percent) + '%</div>';
  654.           graph += '</td>';
  655.         }
  656.         graph += '</tr>';
  657.       }
  658.     }
  659.     graph += '</table>';
  661.     if(legend) {
  662.       graph += '</td><td width=10>&nbsp;</td><td><div style="padding:4px; background-color:#F0F0F0; border:1px solid #808080">';
  663.       var l = (typeof(legend) == 'string') ? this.makeArray(legend) : legend;
  665.       for(i = 0; i < bc.length; i++) {
  666.         graph += '<span style="font:8px Arial,Helvetica; background-color:' + bc[i] + '; border:' + bBorder + '; height:15px"><img width=10 height=0></span>';
  667.         graph += '&nbsp;<span style="height:15px; font:10px Verdana,Arial,Helvetica">' + (l[i] ? l[i] : '') + '</span><br>';
  668.       }
  669.       graph += '</div></td></tr></table>';
  670.     }
  671.     return graph;
  672.   }
  674.   this.makeArray = function(str) {
  675.     var arr = new Array();
  676.     if(str.indexOf(',') != -1) {
  677.       arr = str.split(',');
  678.       for(var i = 0; i < arr.length; i++) {
  679.         arr[i] = arr[i].replace(/^s+/, '');
  680.         arr[i] = arr[i].replace(/s+$/, '');
  681.       }
  682.     }
  683.     else {
  684.       str = str.replace(/s+/g, ' ');
  685.       arr = str.split(' ');
  686.     }
  687.     return arr;
  688.   }
  690.   this.formatValue = function(val, dec) {
  691.     if(val < 0) {
  692.       var neg = true;
  693.       val *= -1;
  694.     }
  695.     else var neg = false;
  696.     var v = (Math.round(val * Math.pow(10, dec))).toString();
  697.     if(v.length <= dec) for(var i = 0; i < dec - v.length + 1; i++) v = '0' + v;
  698.     v = v.substr(0, v.length - dec) + '.' + v.substr(v.length - dec);
  699.     if(v.substr(0, 1) == '.') v = '0' + v;
  700.     if(neg) v = '-' + v;
  701.     return v;
  702.   }
  704.   this.showValue = function(val, max_dec, color, sum, align) {
  705.     val = max_dec ? this.formatValue(val, max_dec) : val;
  706.     if(sum) sum = max_dec ? this.formatValue(sum, max_dec) : sum;
  707.     value = '<td bgcolor=' + color;
  708.     if(align) value += ' align=' + align;
  709.     value += ' nowrap style="font:10px Verdana,Arial,Helvetica">';
  710.     value += '&nbsp;' + val + (sum ? ' / ' + sum : '') + '&nbsp;</td>';
  711.     return value;
  712.   }
  713. }
  715. //---------------------------------------------------------------------------------------------------------
  716. // Global functions
  717. //---------------------------------------------------------------------------------------------------------
  718. function buildColorChart(mode) {
  719.   var c = new Array();
  720.   // red
  721.   c[0] = new Array('FFEEEE', 'FFCCCC', 'FFAAAA', 'FF8888', 'FF6666', 'FF4444', 'FF2222', 'FF0000',
  722.                    'EE0000', 'CC0000', 'AA0000', '880000', '770000', '660000', '550000', '440000', '330000');
  723.   // green
  724.   c[1] = new Array('EEFFEE', 'CCFFCC', 'AAFFAA', '88FF88', '66FF66', '44FF44', '22FF22', '00FF00',
  725.                    '00EE00', '00CC00', '00AA00', '008800', '007700', '006600', '005500', '004400', '003300');
  726.   // blue
  727.   c[2] = new Array('EEEEFF', 'CCCCFF', 'AAAAFF', '8888FF', '6666FF', '4444FF', '2222FF', '0000FF',
  728.                    '0000EE', '0000CC', '0000AA', '000088', '000077', '000066', '000055', '000044', '000033');
  729.   // yellow
  730.   c[3] = new Array('FFFFEE', 'FFFFCC', 'FFFFAA', 'FFFF88', 'FFFF66', 'FFFF44', 'FFFF22', 'FFFF00',
  731.                    'EEEE00', 'CCCC00', 'AAAA00', '888800', '777700', '666600', '555500', '444400', '333300');
  732.   // pink
  733.   c[4] = new Array('FFEEFF', 'FFCCFF', 'FFAAFF', 'FF88FF', 'FF66FF', 'FF44FF', 'FF22FF', 'FF00FF',
  734.                    'EE00EE', 'CC00CC', 'AA00AA', '880088', '770077', '660066', '550055', '440044', '330033');
  735.   // brown
  736.   c[5] = new Array('FFF0D0', 'FFEECC', 'FFEEBB', 'FFDDAA', 'FFCC99', 'FFC090', 'EEBB88', 'DDAA77',
  737.                    'CC9966', 'BB8855', 'AA7744', '886633', '775522', '664411', '553300', '442200', '331100');
  738.   // cyan
  739.   c[6] = new Array('EEFFFF', 'CCFFFF', 'AAFFFF', '88FFFF', '66FFFF', '44FFFF', '22FFFF', '00FFFF',
  740.                    '00EEEE', '00CCCC', '00AAAA', '008888', '007777', '006666', '005555', '004444', '003333');
  741.   // grey
  742.   c[7] = new Array('FFFFFF', 'EEEEEE', 'DDDDDD', 'CCCCCC', 'BBBBBB', 'AAAAAA', 'A0A0A0', '999999',
  743.                    '888888', '777777', '666666', '555555', '444444', '333333', '222222', '111111', '000000');
  745.   var html = '<table border=0 cellspacing=1 cellpadding=0 bgcolor=#808080>';
  746.   var style, i, j;
  748.   for(i = 0; i < c.length; i++) {
  749.     html += '<tr>';
  751.     for(j = 0; j < c[i].length; j++) {
  752.       style = 'width:14px; height:14px; font-size:1px; cursor:hand; background-color:#' + c[i][j];
  753.       html += '<td width=14 height=14 bgcolor=#' + c[i][j] + '>' +
  754.               '<a href="javascript:rto[document.f' + mode + '.id.value].pickColor('#' + c[i][j] + '', '' + mode + '')" ' +
  755.               'title="#' + c[i][j] + '"><div style="' + style + '"></div></a></td>';
  756.     }
  757.     html += '</tr>';
  758.   }
  759.   html += '</table>';
  760.   return html;
  761. }
  763. function rtoGetObj(id) {
  764.   var obj = false;
  765.   if(document.getElementById) obj = document.getElementById(id);
  766.   else if(document.all) obj = document.all[id];
  767.   return obj;
  768. }
  770. function rtoSetUnselectable(elm) {
  771.   if(document.getElementsByTagName) {
  772.     if(elm && typeof(elm.tagName) != 'undefined') {
  773.       if(elm.tagName != 'INPUT' && elm.tagName != 'TEXTAREA' && elm.tagName != 'IFRAME') {
  774.         if(elm.hasChildNodes()) {
  775.           for(var i = 0; i < elm.childNodes.length; i++) {
  776.             rtoSetUnselectable(elm.childNodes[i]);
  777.           }
  778.         }
  779.         elm.unselectable = true;
  780.       }
  781.     }
  782.   }
  783. }
  785. function rtoStore() {
  786.   for(var i = 0; i < rto.length; i++) rto[i].store(false);
  787. }
  789. function rtoGetScrollLeft() {
  790.   var scrLeft = 0;
  791.   if(window.pageXOffset) scrLeft = window.pageXOffset;
  792.   else if(document.documentElement && document.documentElement.scrollLeft)
  793.     scrLeft = document.documentElement.scrollLeft;
  794.   else if(document.body && document.body.scrollLeft)
  795.     scrLeft = document.body.scrollLeft;
  796.   return scrLeft;
  797. }
  799. function rtoGetScrollTop() {
  800.   var scrTop = 0;
  801.   if(window.pageYOffset) scrTop = window.pageYOffset;
  802.   else if(document.documentElement && document.documentElement.scrollTop)
  803.     scrTop = document.documentElement.scrollTop;
  804.   else if(document.body && document.body.scrollTop)
  805.     scrTop = document.body.scrollTop;
  806.   return scrTop;
  807. }
  809. function rtoGetWinXY() {
  810.   if(window.innerWidth) {
  811.     winX = window.innerWidth;
  812.     winY = window.innerHeight;
  813.   }
  814.   else if(document.documentElement && document.documentElement.clientWidth) {
  815.     winX = document.documentElement.clientWidth;
  816.     winY = document.documentElement.clientHeight;
  817.   }
  818.   else if(document.body && document.body.clientWidth) {
  819.     winX = document.body.clientWidth;
  820.     winY = document.body.clientHeight;
  821.   }
  822.   else {
  823.     winX = screen.width;
  824.     winY = screen.height;
  825.   }
  826.   scrLeft = rtoGetScrollLeft();
  827.   scrTop = rtoGetScrollTop();
  828. }
  830. function rtoGetMouse(e) {
  831.   if(e && e.pageX != null) {
  832.     mouseX = e.pageX;
  833.     mouseY = e.pageY;
  834.   }
  835.   else if(event && event.clientX != null) {
  836.     mouseX = event.clientX + rtoGetScrollLeft();
  837.     mouseY = event.clientY + rtoGetScrollTop();
  838.   }
  839. }
  841. document.onmousedown = rtoGetMouse;
  843. //---------------------------------------------------------------------------------------------------------
  844. // Global styles / dialog boxes
  845. //---------------------------------------------------------------------------------------------------------
  846. if((IE || GK) && DM) {
  847.   document.writeln('<style> ' +
  848.                    '.cssForm { ' +
  849.                    'text-align: left;'+
  850.                    'margin: 0px; ' +
  851.                    'padding: 4px; ' +
  852.                    'border: 2px groove #FFFFFF; ' +
  853.                    '} ' +
  854.                    '.cssDialog { ' +
  855.                    'text-align: left;'+
  856.                    'position: absolute; ' +
  857.                    'padding: 4px; ' +
  858.                    'z-index: 69; ' +
  859.                    'background-color: #E0E0E0; ' +
  860.                    'border: 2px groove #FFFFFF; ' +
  861.                    'text-align: center; ' +
  862.                    'visibility: hidden; ' +
  863.                    '} ' +
  864.                    '.cssFont1 { ' +
  865.                    'font-family: Verdana, Arial, Helvetica; ' +
  866.                    
  867.                    'font-size: 12px; ' +
  868.                    'font-weight: bold; ' +
  869.                    'margin-top: 0px; ' +
  870.                    'margin-bottom: 4px; ' +
  871.                    'padding: 2px; ' +
  872.                    'background-color: #F0F0F0; ' +
  873.                    'border: 2px groove #FFFFFF; ' +
  874.                    'white-space: nowrap; ' +
  875.                    '} ' +
  876.                    '.cssFont2 { ' +
  877.                    'text-align: left;'+
  878.                    'font-family: Verdana, Arial, Helvetica; ' +
  879.                    'font-size: 11px; ' +
  880.                    '} ' +
  881.                    '.cssFormField { ' +
  882.                    'font: menu; ' +
  883.                    'font-size: 12px; ' +
  884.                    'border: 2px groove #FFFFFF; ' +
  885.                    '} ' +
  886.                    '.cssButton { ' +
  887.                    'font-family: Verdana, Arial, Helvetica; ' +
  888.                    'font-size: 11px; ' +
  889.                    'font-weight: bold; ' +
  890.                    'width: 100px; ' +
  891.                    'margin-top: 4px; ' +
  892.                    'background-color: #D0D0D0; ' +
  893.                    '} ' +
  894.                    '</style>');
  896.   document.writeln('<div id="dlgBGColor" class="cssDialog"><center>' +
  897.                    '<p class="cssFont1">' + txtBGColor + '</p>' +
  898.                    '<form name="fBGColor" class="cssForm">' +
  899.                    '<input type=hidden name="id" value="">' +
  900.                    buildColorChart('BGColor') +
  901.                    '<input type=button value="' + txtCancel + '" class="cssButton" onClick="rto[document.fBGColor.id.value].viewDialog('BGColor')">' +
  902.                    '</form>' +
  903.                    '</center></div>');
  905.   document.writeln('<div id="dlgFontColor" class="cssDialog"><center>' +
  906.                    '<p class="cssFont1">' + txtFontColor + '</p>' +
  907.                    '<form name="fFontColor" class="cssForm">' +
  908.                    '<input type=hidden name="id" value="">' +
  909.                    buildColorChart('FontColor') +
  910.                    '<input type=button value="' + txtCancel + '" class="cssButton" onClick="rto[document.fFontColor.id.value].viewDialog('FontColor')">' +
  911.                    '</form>' +
  912.                    '</center></div>');
  914.   document.writeln('<div id="dlgImage" class="cssDialog"><center>' +
  915.                    '<p class="cssFont1">' + txtInsertImage + '</p>' +
  916.                    '<form name="fImage" class="cssForm" action="javascript:rto[document.fImage.id.value].createImage()">' +
  917.                    '<input type=hidden name="id" value="">' +
  918.                    '<table border=0 cellspacing=0>');
  919.   document.writeln('<tr><td class="cssFont2" nowrap>URL:</td><td>&nbsp;<input type=text name="URL" size=30 maxlength=100 class="cssFormField"></td></tr>');
  920.   document.writeln('</table>' +
  921.                    '<table border=0 cellspacing=0 cellpadding=0 width=230><tr>' +
  922.                    '<td><input type=button value="' + txtCancel + '" class="cssButton" onClick="rto[document.fImage.id.value].viewDialog('Image')"></td>' +
  923.                    '<td align=right><input type=submit value="OK" class="cssButton"></td>' +
  924.                    '</tr></table>' +
  925.                    '</form>' +
  926.                    '</center></div>');
  928.     document.writeln('<div id="dlgCode" class="cssDialog" style="{width:660px}"><center>' +
  929.                    '<p class="cssFont1">Insert Code</p>' +
  930.                    '<form name="fCode" class="cssForm" action="javascript:rto[document.fCode.id.value].createCode()">' +
  931.                    '<input type=hidden name="id" value="">' +
  932.                    '<table border=0 cellspacing=0>');
  933.   document.writeln('<tr><td class="cssFont2" nowrap>类型:</td><td>&nbsp;<select  name="CTYPE">');
  934.   document.writeln('<option value="java">java</option><option value="javascript">javascript</option><option value="cpp">cpp</option><option value="php">php</option>');
  935.   document.writeln('<option value="c">c</option><option value="html">html</option><option value="css">css</option><option value="as">as</option><option value="unkonw">unknow</option>');
  937.   document.writeln('</select></td></tr>');
  938.   document.writeln('<tr><td class="cssFont2" nowrap>代码：</td><td>&nbsp;<textarea type=text cols= "80" name="CCODE" size=30 style="width:600px;height:300px;"></textarea></td></tr>');
  939.   document.writeln('</table>' +
  940.                    '<table border=0 cellspacing=0 cellpadding=0 width=230><tr>' +
  941.                    '<td><input type=button value="' + txtCancel + '" class="cssButton" onClick="rto[document.fCode.id.value].viewDialog('Code')"></td>' +
  942.                    '<td align=right><input type=submit value="OK" class="cssButton"></td>' +
  943.                    '</tr></table>' +
  944.                    '</form>' +
  945.                    '</center></div>');
  948.   rtoSetUnselectable(rtoGetObj('dlgBGColor'));
  949.   rtoSetUnselectable(rtoGetObj('dlgFontColor'));
  950.   rtoSetUnselectable(rtoGetObj('dlgImage'));
  951. }
  953. //---------------------------------------------------------------------------------------------------------