Loading ...
Sorry, an error occurred while loading the content.

Adding multiple Rich Text Editor in One Page

Expand Messages
  • shoeb101
    Hi, I am a new user of yui.I am trying to multiple rich text editor in one page.Only first one is showing.Second one showing as simple textarea. Here is my
    Message 1 of 7 , Jul 31, 2008
    • 0 Attachment
      Hi,
      I am a new user of yui.I am trying to multiple rich text editor in one
      page.Only first one is showing.Second one showing as simple textarea.
      Here is my code for two Rich text editor

      Code for first editor

      (function() {
      var Dom = YAHOO.util.Dom,
      Event = YAHOO.util.Event,
      editing = null;
      var myConfig = {
      height: '400px',
      width: '500px',
      animate: true,
      limitCommands: true,
      toolbar: {
      titlebar: 'Edit Content',
      collapse: false,
      draggable: false,
      buttonType: 'advanced',
      handleSubmit:true,
      buttons: [
      { group: 'fontstyle', label: 'Font Name and Size',
      buttons: [
      { type: 'select', label: 'Verdana', value: 'fontname',
      disabled: true,
      menu: [
      { text: 'Verdana', checked: true},
      { text: 'Arial Black' },
      { text: 'Comic Sans MS' },
      { text: 'Courier New' },
      { text: 'Lucida Console' },
      { text: 'Tahoma' },
      { text: 'Times New Roman' },
      { text: 'Trebuchet MS' },
      { text: 'Arial' }
      ]
      },
      { type: 'spin', label: '13', value: 'fontsize', range: [
      9, 75 ], disabled: true }
      ]
      },
      { type: 'separator' },
      { group: 'textstyle', label: 'Font Style',
      buttons: [
      { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
      'bold' },
      { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
      'italic' },
      { type: 'push', label: 'Underline CTRL + SHIFT + U',
      value: 'underline' },
      { type: 'separator' },
      { type: 'push', label: 'Subscript', value: 'subscript',
      disabled: true },
      { type: 'push', label: 'Superscript', value:
      'superscript', disabled: true },
      { type: 'separator' },
      { type: 'color', label: 'Font Color', value:
      'forecolor', disabled: true },
      { type: 'color', label: 'Background Color', value:
      'backcolor', disabled: true },
      { type: 'separator' },
      { type: 'push', label: 'Remove Formatting', value:
      'removeformat', disabled: true },
      { type: 'push', label: 'Show/Hide Hidden Elements',
      value: 'hiddenelements' }
      ]
      },
      { type: 'separator' },
      { group: 'alignment', label: 'Alignment',
      buttons: [
      { type: 'push', label: 'Align Left CTRL + SHIFT + [',
      value: 'justifyleft' },
      { type: 'push', label: 'Align Center CTRL + SHIFT + |',
      value: 'justifycenter' },
      { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
      value: 'justifyright' },
      { type: 'push', label: 'Justify', value: 'justifyfull' }
      ]
      },
      { type: 'separator' },
      { group: 'parastyle', label: 'Paragraph Style',
      buttons: [
      { type: 'select', label: 'Normal', value: 'heading',
      disabled: true,
      menu: [
      { text: 'Normal', value: 'none', checked: true },
      { text: 'Header 1', value: 'h1' },
      { text: 'Header 2', value: 'h2' },
      { text: 'Header 3', value: 'h3' },
      { text: 'Header 4', value: 'h4' },
      { text: 'Header 5', value: 'h5' },
      { text: 'Header 6', value: 'h6' }
      ]
      }
      ]
      },
      { type: 'separator' },
      { group: 'indentlist', label: 'Indenting and Lists',
      buttons: [
      { type: 'push', label: 'Indent', value: 'indent',
      disabled: true },
      { type: 'push', label: 'Outdent', value: 'outdent',
      disabled: true },
      { type: 'push', label: 'Create an Unordered List',
      value: 'insertunorderedlist' },
      { type: 'push', label: 'Create an Ordered List', value:
      'insertorderedlist' }
      ]
      },
      { type: 'separator' },
      { group: 'insertitem', label: 'Insert Item',
      buttons: [
      { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
      value: 'createlink', disabled: true },
      { type: 'push', label: 'Insert Image', value:
      'insertimage' }
      ]
      }
      ]
      }
      };


      //YAHOO.widget.Toolbar.prototype.STR_COLLAPSE = 'Click to close
      the editor.';
      //var textAreaName = document.getElementsByTagName('textarea');
      //alert(textAreaName[0].id);
      richTextEditor = new YAHOO.widget.Editor('txtContent', myConfig);
      richTextEditor.on('toolbarLoaded', function() {

      this.toolbar.on('toolbarCollapsed', function() {

      Dom.setXY(this.get('element_cont').get('element'),
      [-99999, -99999]);
      Dom.removeClass(this.toolbar.get('cont').parentNode,
      'yui-toolbar-container-collapsed');
      richTextEditor.saveHTML();
      editing.innerHTML = richTextEditor.get('element').value;
      editing = null;
      }, richTextEditor, true);
      }, richTextEditor, true);
      richTextEditor.render();

      Event.on('editable_cont', 'dblclick', function(ev) {
      var tar = Event.getTarget(ev);
      if (Dom.hasClass(tar, 'editable')) {

      if (editing !== null) {

      richTextEditor.saveHTML();
      editing.innerHTML = richTextEditor.get('element').value;
      }

      var xy = Dom.getXY(tar);

      richTextEditor.setEditorHTML(tar.innerHTML);


      Dom.setXY(richTextEditor.get('element_cont').get('element'), xy);
      editing = tar;
      }
      });

      })();



      Code for second one


      (function() {
      var Dom1 = YAHOO.util.Dom,
      Event1 = YAHOO.util.Event,
      editing = null;
      var myConfigHeader = {
      height: '400px',
      width: '500px',
      animate: true,
      limitCommands: true,
      toolbar: {
      titlebar: 'Edit',
      collapse: false,
      draggable: false,
      buttonType: 'advanced',
      handleSubmit:true,
      buttons: [
      { group: 'fontstyle', label: 'Font Name and Size',
      buttons: [
      { type: 'select', label: 'Verdana', value: 'fontname',
      disabled: true,
      menu: [
      { text: 'Verdana', checked: true},
      { text: 'Arial Black' },
      { text: 'Comic Sans MS' },
      { text: 'Courier New' },
      { text: 'Lucida Console' },
      { text: 'Tahoma' },
      { text: 'Times New Roman' },
      { text: 'Trebuchet MS' },
      { text: 'Arial' }
      ]
      },
      { type: 'spin', label: '13', value: 'fontsize', range: [
      9, 75 ], disabled: true }
      ]
      },
      { type: 'separator' },
      { group: 'textstyle', label: 'Font Style',
      buttons: [
      { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
      'bold' },
      { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
      'italic' },
      { type: 'push', label: 'Underline CTRL + SHIFT + U',
      value: 'underline' },
      { type: 'separator' },
      { type: 'push', label: 'Subscript', value: 'subscript',
      disabled: true },
      { type: 'push', label: 'Superscript', value:
      'superscript', disabled: true },
      { type: 'separator' },
      { type: 'color', label: 'Font Color', value:
      'forecolor', disabled: true },
      { type: 'color', label: 'Background Color', value:
      'backcolor', disabled: true },
      { type: 'separator' },
      { type: 'push', label: 'Remove Formatting', value:
      'removeformat', disabled: true },
      { type: 'push', label: 'Show/Hide Hidden Elements',
      value: 'hiddenelements' }
      ]
      },
      { type: 'separator' },
      { group: 'alignment', label: 'Alignment',
      buttons: [
      { type: 'push', label: 'Align Left CTRL + SHIFT + [',
      value: 'justifyleft' },
      { type: 'push', label: 'Align Center CTRL + SHIFT + |',
      value: 'justifycenter' },
      { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
      value: 'justifyright' },
      { type: 'push', label: 'Justify', value: 'justifyfull' }
      ]
      },
      { type: 'separator' },
      { group: 'parastyle', label: 'Paragraph Style',
      buttons: [
      { type: 'select', label: 'Normal', value: 'heading',
      disabled: true,
      menu: [
      { text: 'Normal', value: 'none', checked: true },
      { text: 'Header 1', value: 'h1' },
      { text: 'Header 2', value: 'h2' },
      { text: 'Header 3', value: 'h3' },
      { text: 'Header 4', value: 'h4' },
      { text: 'Header 5', value: 'h5' },
      { text: 'Header 6', value: 'h6' }
      ]
      }
      ]
      },
      { type: 'separator' },
      { group: 'indentlist', label: 'Indenting and Lists',
      buttons: [
      { type: 'push', label: 'Indent', value: 'indent',
      disabled: true },
      { type: 'push', label: 'Outdent', value: 'outdent',
      disabled: true },
      { type: 'push', label: 'Create an Unordered List',
      value: 'insertunorderedlist' },
      { type: 'push', label: 'Create an Ordered List', value:
      'insertorderedlist' }
      ]
      },
      { type: 'separator' },
      { group: 'insertitem', label: 'Insert Item',
      buttons: [
      { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
      value: 'createlink', disabled: true },
      { type: 'push', label: 'Insert Image', value:
      'insertimage' }
      ]
      }
      ]
      }
      };


      //YAHOO.widget.Toolbar.prototype.STR_COLLAPSE = 'Click to close
      the editor.';

      //alert(textAreaName[0].id);
      richTextEditorHeader = new
      YAHOO.widget.Editor('txtHeaderContent'.id, myConfigHeader);
      richTextEditorHeader.on('toolbarLoaded', function() {

      this.toolbar.on('toolbarCollapsed', function() {

      Dom1.setXY(this.get('element_cont').get('element'),
      [-99999, -99999]);
      Dom1.removeClass(this.toolbar.get('cont').parentNode,
      'yui-toolbar-container-collapsed');
      richTextEditorHeader.saveHTML();
      editing.innerHTML =
      richTextEditorHeader.get('element').value;
      editing = null;
      }, richTextEditorHeader, true);
      }, richTextEditorHeader, true);
      richTextEditorHeader.render();

      Event1.on('editable_cont', 'dblclick', function(ev) {
      var tar = Event1.getTarget(ev);
      if (Dom1.hasClass(tar, 'editable')) {

      if (editing !== null) {

      richTextEditorHeader.saveHTML();
      editing.innerHTML =
      richTextEditorHeader.get('element').value;
      }

      var xy = Dom1.getXY(tar);

      richTextEditorHeader.setEditorHTML(tar.innerHTML);


      Dom1.setXY(richTextEditorHeader.get('element_cont').get('element'), xy);
      editing = tar;
      }
      });

      })();

      -------
      shoeb
    • Dav Glass
      shoeb101 -- I think this line is the issue: YAHOO.widget.Editor( txtHeaderContent .id, myConfigHeader); Dav Dav Glass dav.glass@yahoo.com blog.davglass.com +
      Message 2 of 7 , Jul 31, 2008
      • 0 Attachment
        shoeb101 --

        I think this line is the issue:
        YAHOO.widget.Editor('txtHeaderContent'.id, myConfigHeader);

        Dav
         
        Dav Glass
        dav.glass@...
        blog.davglass.com



        + Windows: n. - The most successful computer virus, ever. +
        + A computer without a Microsoft operating system is like a dog
        without bricks tied to its head +
        + A Microsoft Certified Systems Engineer is to computing what a
        McDonalds Certified Food Specialist is to fine cuisine +


        ----- Original Message ----
        From: shoeb101 <shoeb101@...>
        To: ydn-javascript@yahoogroups.com
        Sent: Thursday, July 31, 2008 8:58:45 AM
        Subject: [ydn-javascript] Adding multiple Rich Text Editor in One Page

        Hi,
        I am a new user of yui.I am trying to multiple rich text editor in one
        page.Only first one is showing.Second one showing as simple textarea.
        Here is my code for two Rich text editor

        Code for first editor

        (function() {
                var Dom = YAHOO.util.Dom,
                    Event = YAHOO.util.Event,
                    editing = null;
                var myConfig = {
                    height: '400px',
                    width: '500px',
                    animate: true,
                    limitCommands: true,
                    toolbar: {
                    titlebar: 'Edit Content',
                    collapse: false,
                    draggable: false,
                    buttonType: 'advanced',
                    handleSubmit:true,
                    buttons: [
                        { group: 'fontstyle', label: 'Font Name and Size',
                        buttons: [
                            { type: 'select', label: 'Verdana', value: 'fontname',
        disabled: true,
                                menu: [
                                    { text: 'Verdana', checked: true},
                                    { text: 'Arial Black' },
                                    { text: 'Comic Sans MS' },
                                    { text: 'Courier New' },
                                    { text: 'Lucida Console' },
                                    { text: 'Tahoma' },
                                    { text: 'Times New Roman' },
                                    { text: 'Trebuchet MS' },
                                    { text: 'Arial' }
                                ]
                            },
                            { type: 'spin', label: '13', value: 'fontsize', range: [
        9, 75 ], disabled: true }
                        ]
                    },
                    { type: 'separator' },
                    { group: 'textstyle', label: 'Font Style',
                        buttons: [
                            { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
        'bold' },
                            { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
        'italic' },
                            { type: 'push', label: 'Underline CTRL + SHIFT + U',
        value: 'underline' },
                            { type: 'separator' },
                            { type: 'push', label: 'Subscript', value: 'subscript',
        disabled: true },
                            { type: 'push', label: 'Superscript', value:
        'superscript', disabled: true },
                            { type: 'separator' },
                            { type: 'color', label: 'Font Color', value:
        'forecolor', disabled: true },
                            { type: 'color', label: 'Background Color', value:
        'backcolor', disabled: true },
                            { type: 'separator' },
                            { type: 'push', label: 'Remove Formatting', value:
        'removeformat', disabled: true },
                            { type: 'push', label: 'Show/Hide Hidden Elements',
        value: 'hiddenelements' }
                        ]
                    },
                    { type: 'separator' },
                    { group: 'alignment', label: 'Alignment',
                        buttons: [
                            { type: 'push', label: 'Align Left CTRL + SHIFT + [',
        value: 'justifyleft' },
                            { type: 'push', label: 'Align Center CTRL + SHIFT + |',
        value: 'justifycenter' },
                            { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
        value: 'justifyright' },
                            { type: 'push', label: 'Justify', value: 'justifyfull' }
                        ]
                    },
                    { type: 'separator' },
                    { group: 'parastyle', label: 'Paragraph Style',
                        buttons: [
                        { type: 'select', label: 'Normal', value: 'heading',
        disabled: true,
                            menu: [
                                { text: 'Normal', value: 'none', checked: true },
                                { text: 'Header 1', value: 'h1' },
                                { text: 'Header 2', value: 'h2' },
                                { text: 'Header 3', value: 'h3' },
                                { text: 'Header 4', value: 'h4' },
                                { text: 'Header 5', value: 'h5' },
                                { text: 'Header 6', value: 'h6' }
                            ]
                        }
                        ]
                    },
                    { type: 'separator' },
                    { group: 'indentlist', label: 'Indenting and Lists',
                        buttons: [
                            { type: 'push', label: 'Indent', value: 'indent',
        disabled: true },
                            { type: 'push', label: 'Outdent', value: 'outdent',
        disabled: true },
                            { type: 'push', label: 'Create an Unordered List',
        value: 'insertunorderedlist' },
                            { type: 'push', label: 'Create an Ordered List', value:
        'insertorderedlist' }
                        ]
                    },
                    { type: 'separator' },
                    { group: 'insertitem', label: 'Insert Item',
                        buttons: [
                            { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
        value: 'createlink', disabled: true },
                            { type: 'push', label: 'Insert Image', value:
        'insertimage' }
                            ]
                    }
                    ]
                    }
                };

               
                //YAHOO.widget.Toolbar.prototype.STR_COLLAPSE = 'Click to close
        the editor.';
                //var textAreaName = document.getElementsByTagName('textarea');
                //alert(textAreaName[0].id);
                richTextEditor = new YAHOO.widget.Editor('txtContent', myConfig);
                richTextEditor.on('toolbarLoaded', function() {
                   
                    this.toolbar.on('toolbarCollapsed', function() {
                       
                        Dom.setXY(this.get('element_cont').get('element'),
        [-99999, -99999]);
                        Dom.removeClass(this.toolbar.get('cont').parentNode,
        'yui-toolbar-container-collapsed');
                        richTextEditor.saveHTML();
                        editing.innerHTML = richTextEditor.get('element').value;
                        editing = null;
                    }, richTextEditor, true);
                }, richTextEditor, true);
                richTextEditor.render();

                Event.on('editable_cont', 'dblclick', function(ev) {
                    var tar = Event.getTarget(ev);
                    if (Dom.hasClass(tar, 'editable')) {
                       
                        if (editing !== null) {
                           
                            richTextEditor.saveHTML();
                            editing.innerHTML = richTextEditor.get('element').value;
                        }
                       
                        var xy = Dom.getXY(tar);
                       
                        richTextEditor.setEditorHTML(tar.innerHTML);

                     
        Dom.setXY(richTextEditor.get('element_cont').get('element'), xy);
                        editing = tar;
                    }
                });

            })();



        Code for second one


        (function() {
                var Dom1 = YAHOO.util.Dom,
                    Event1 = YAHOO.util.Event,
                    editing = null;
                var myConfigHeader = {
                    height: '400px',
                    width: '500px',
                    animate: true,
                    limitCommands: true,
                    toolbar: {
                    titlebar: 'Edit',
                    collapse: false,
                    draggable: false,
                    buttonType: 'advanced',
                    handleSubmit:true,
                    buttons: [
                        { group: 'fontstyle', label: 'Font Name and Size',
                        buttons: [
                            { type: 'select', label: 'Verdana', value: 'fontname',
        disabled: true,
                                menu: [
                                    { text: 'Verdana', checked: true},
                                    { text: 'Arial Black' },
                                    { text: 'Comic Sans MS' },
                                    { text: 'Courier New' },
                                    { text: 'Lucida Console' },
                                    { text: 'Tahoma' },
                                    { text: 'Times New Roman' },
                                    { text: 'Trebuchet MS' },
                                    { text: 'Arial' }
                                ]
                            },
                            { type: 'spin', label: '13', value: 'fontsize', range: [
        9, 75 ], disabled: true }
                        ]
                    },
                    { type: 'separator' },
                    { group: 'textstyle', label: 'Font Style',
                        buttons: [
                            { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
        'bold' },
                            { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
        'italic' },
                            { type: 'push', label: 'Underline CTRL + SHIFT + U',
        value: 'underline' },
                            { type: 'separator' },
                            { type: 'push', label: 'Subscript', value: 'subscript',
        disabled: true },
                            { type: 'push', label: 'Superscript', value:
        'superscript', disabled: true },
                            { type: 'separator' },
                            { type: 'color', label: 'Font Color', value:
        'forecolor', disabled: true },
                            { type: 'color', label: 'Background Color', value:
        'backcolor', disabled: true },
                            { type: 'separator' },
                            { type: 'push', label: 'Remove Formatting', value:
        'removeformat', disabled: true },
                            { type: 'push', label: 'Show/Hide Hidden Elements',
        value: 'hiddenelements' }
                        ]
                    },
                    { type: 'separator' },
                    { group: 'alignment', label: 'Alignment',
                        buttons: [
                            { type: 'push', label: 'Align Left CTRL + SHIFT + [',
        value: 'justifyleft' },
                            { type: 'push', label: 'Align Center CTRL + SHIFT + |',
        value: 'justifycenter' },
                            { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
        value: 'justifyright' },
                            { type: 'push', label: 'Justify', value: 'justifyfull' }
                        ]
                    },
                    { type: 'separator' },
                    { group: 'parastyle', label: 'Paragraph Style',
                        buttons: [
                        { type: 'select', label: 'Normal', value: 'heading',
        disabled: true,
                            menu: [
                                { text: 'Normal', value: 'none', checked: true },
                                { text: 'Header 1', value: 'h1' },
                                { text: 'Header 2', value: 'h2' },
                                { text: 'Header 3', value: 'h3' },
                                { text: 'Header 4', value: 'h4' },
                                { text: 'Header 5', value: 'h5' },
                                { text: 'Header 6', value: 'h6' }
                            ]
                        }
                        ]
                    },
                    { type: 'separator' },
                    { group: 'indentlist', label: 'Indenting and Lists',
                        buttons: [
                            { type: 'push', label: 'Indent', value: 'indent',
        disabled: true },
                            { type: 'push', label: 'Outdent', value: 'outdent',
        disabled: true },
                            { type: 'push', label: 'Create an Unordered List',
        value: 'insertunorderedlist' },
                            { type: 'push', label: 'Create an Ordered List', value:
        'insertorderedlist' }
                        ]
                    },
                    { type: 'separator' },
                    { group: 'insertitem', label: 'Insert Item',
                        buttons: [
                            { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
        value: 'createlink', disabled: true },
                            { type: 'push', label: 'Insert Image', value:
        'insertimage' }
                            ]
                    }
                    ]
                    }
                };

               
                //YAHOO.widget.Toolbar.prototype.STR_COLLAPSE = 'Click to close
        the editor.';
               
                //alert(textAreaName[0].id);
                richTextEditorHeader = new
        YAHOO.widget.Editor('txtHeaderContent'.id, myConfigHeader);
                richTextEditorHeader.on('toolbarLoaded', function() {
                   
                    this.toolbar.on('toolbarCollapsed', function() {
                       
                        Dom1.setXY(this.get('element_cont').get('element'),
        [-99999, -99999]);
                        Dom1.removeClass(this.toolbar.get('cont').parentNode,
        'yui-toolbar-container-collapsed');
                        richTextEditorHeader.saveHTML();
                        editing.innerHTML =
        richTextEditorHeader.get('element').value;
                        editing = null;
                    }, richTextEditorHeader, true);
                }, richTextEditorHeader, true);
                richTextEditorHeader.render();

                Event1.on('editable_cont', 'dblclick', function(ev) {
                    var tar = Event1.getTarget(ev);
                    if (Dom1.hasClass(tar, 'editable')) {
                       
                        if (editing !== null) {
                           
                            richTextEditorHeader.saveHTML();
                            editing.innerHTML =
        richTextEditorHeader.get('element').value;
                        }
                       
                        var xy = Dom1.getXY(tar);
                       
                        richTextEditorHeader.setEditorHTML(tar.innerHTML);

                     
        Dom1.setXY(richTextEditorHeader.get('element_cont').get('element'), xy);
                        editing = tar;
                    }
                });

            })();

        -------
        shoeb



        ------------------------------------

        Yahoo! Groups Links

        <*> To visit your group on the web, go to:
            http://groups.yahoo.com/group/ydn-javascript/

        <*> Your email settings:
            Individual Email | Traditional

        <*> To change settings online go to:
            http://groups.yahoo.com/group/ydn-javascript/join
            (Yahoo! ID required)

        <*> To change settings via email:
            mailto:ydn-javascript-digest@yahoogroups.com
            mailto:ydn-javascript-fullfeatured@yahoogroups.com

        <*> To unsubscribe from this group, send an email to:
            ydn-javascript-unsubscribe@yahoogroups.com

        <*> Your use of Yahoo! Groups is subject to:
            http://docs.yahoo.com/info/terms/

      • Raquib Mahmood
        i changed it to txtHeader . now first one is showing,second one not and in firefox giving error K is null in event-min.js shoeb ... From: Dav Glass
        Message 3 of 7 , Aug 4, 2008
        • 0 Attachment

          i changed it to 'txtHeader'.
          now first one is showing,second one not and in firefox giving error
          K is null in event-min.js

          shoeb

          --- On Thu, 7/31/08, Dav Glass <dav.glass@...> wrote:
          From: Dav Glass <dav.glass@...>
          Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page
          To: ydn-javascript@yahoogroups.com
          Date: Thursday, July 31, 2008, 9:03 AM

          shoeb101 --

          I think this line is the issue:
          YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;

          Dav
           
          Dav Glass
          dav.glass@yahoo. com
          blog.davglass. com



          + Windows: n. - The most successful computer virus, ever. +
          + A computer without a Microsoft operating system is like a dog
          without bricks tied to its head +
          + A Microsoft Certified Systems Engineer is to computing what a
          McDonalds Certified Food Specialist is to fine cuisine +


          ----- Original Message ----
          From: shoeb101 <shoeb101@yahoo. com>
          To: ydn-javascript@ yahoogroups. com
          Sent: Thursday, July 31, 2008 8:58:45 AM
          Subject: [ydn-javascript] Adding multiple Rich Text Editor in One Page

          Hi,
          I am a new user of yui.I am trying to multiple rich text editor in one
          page.Only first one is showing.Second one showing as simple textarea.
          Here is my code for two Rich text editor

          Code for first editor

          (function() {
                  var Dom = YAHOO.util.Dom,
                      Event = YAHOO.util.Event,
                      editing = null;
                  var myConfig = {
                      height: '400px',
                      width: '500px',
                      animate: true,
                      limitCommands: true,
                      toolbar: {
                      titlebar: 'Edit Content',
                      collapse: false,
                      draggable: false,
                      buttonType: 'advanced',
                      handleSubmit: true,
                      buttons: [
                          { group: 'fontstyle', label: 'Font Name and Size',
                          buttons: [
                              { type: 'select', label: 'Verdana', value: 'fontname',
          disabled: true,
                                  menu: [
                                      { text: 'Verdana', checked: true},
                                      { text: 'Arial Black' },
                                      { text: 'Comic Sans MS' },
                                      { text: 'Courier New' },
                                      { text: 'Lucida Console' },
                                      { text: 'Tahoma' },
                                      { text: 'Times New Roman' },
                                      { text: 'Trebuchet MS' },
                                      { text: 'Arial' }
                                  ]
                              },
                              { type: 'spin', label: '13', value: 'fontsize', range: [
          9, 75 ], disabled: true }
                          ]
                      },
                      { type: 'separator' },
                      { group: 'textstyle', label: 'Font Style',
                          buttons: [
                              { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
          'bold' },
                              { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
          'italic' },
                              { type: 'push', label: 'Underline CTRL + SHIFT + U',
          value: 'underline' },
                              { type: 'separator' },
                              { type: 'push', label: 'Subscript', value: 'subscript',
          disabled: true },
                              { type: 'push', label: 'Superscript' , value:
          'superscript' , disabled: true },
                              { type: 'separator' },
                              { type: 'color', label: 'Font Color', value:
          'forecolor', disabled: true },
                              { type: 'color', label: 'Background Color', value:
          'backcolor', disabled: true },
                              { type: 'separator' },
                              { type: 'push', label: 'Remove Formatting', value:
          'removeformat' , disabled: true },
                              { type: 'push', label: 'Show/Hide Hidden Elements',
          value: 'hiddenelements' }
                          ]
                      },
                      { type: 'separator' },
                      { group: 'alignment', label: 'Alignment',
                          buttons: [
                              { type: 'push', label: 'Align Left CTRL + SHIFT + [',
          value: 'justifyleft' },
                              { type: 'push', label: 'Align Center CTRL + SHIFT + |',
          value: 'justifycenter' },
                              { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
          value: 'justifyright' },
                              { type: 'push', label: 'Justify', value: 'justifyfull' }
                          ]
                      },
                      { type: 'separator' },
                      { group: 'parastyle', label: 'Paragraph Style',
                          buttons: [
                          { type: 'select', label: 'Normal', value: 'heading',
          disabled: true,
                              menu: [
                                  { text: 'Normal', value: 'none', checked: true },
                                  { text: 'Header 1', value: 'h1' },
                                  { text: 'Header 2', value: 'h2' },
                                  { text: 'Header 3', value: 'h3' },
                                  { text: 'Header 4', value: 'h4' },
                                  { text: 'Header 5', value: 'h5' },
                                  { text: 'Header 6', value: 'h6' }
                              ]
                          }
                          ]
                      },
                      { type: 'separator' },
                      { group: 'indentlist' , label: 'Indenting and Lists',
                          buttons: [
                              { type: 'push', label: 'Indent', value: 'indent',
          disabled: true },
                              { type: 'push', label: 'Outdent', value: 'outdent',
          disabled: true },
                              { type: 'push', label: 'Create an Unordered List',
          value: 'insertunorderedlis t' },
                              { type: 'push', label: 'Create an Ordered List', value:
          'insertorderedlist' }
                          ]
                      },
                      { type: 'separator' },
                      { group: 'insertitem' , label: 'Insert Item',
                          buttons: [
                              { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
          value: 'createlink' , disabled: true },
                              { type: 'push', label: 'Insert Image', value:
          'insertimage' }
                              ]
                      }
                      ]
                      }
                  };

                 
                  //YAHOO.widget. Toolbar.prototyp e.STR_COLLAPSE = 'Click to close
          the editor.';
                  //var textAreaName = document.getElement sByTagName( 'textarea' );
                  //alert(textAreaNam e[0].id);
                  richTextEditor = new YAHOO.widget. Editor('txtConte nt', myConfig);
                  richTextEditor. on('toolbarLoade d', function() {
                     
                      this.toolbar. on('toolbarColla psed', function() {
                         
                          Dom.setXY(this. get('element_ cont').get( 'element' ),
          [-99999, -99999]);
                          Dom.removeClass( this.toolbar. get('cont' ).parentNode,
          'yui-toolbar- container- collapsed' );
                          richTextEditor. saveHTML( );
                          editing.innerHTML = richTextEditor. get('element' ).value;
                          editing = null;
                      }, richTextEditor, true);
                  }, richTextEditor, true);
                  richTextEditor. render();

                  Event.on('editable_ cont', 'dblclick', function(ev) {
                      var tar = Event.getTarget( ev);
                      if (Dom.hasClass( tar, 'editable')) {
                         
                          if (editing !== null) {
                             
                              richTextEditor. saveHTML( );
                              editing.innerHTML = richTextEditor. get('element' ).value;
                          }
                         
                          var xy = Dom.getXY(tar) ;
                         
                          richTextEditor. setEditorHTML( tar.innerHTML) ;

                       
          Dom.setXY(richTextE ditor.get( 'element_ cont').get( 'element' ), xy);
                          editing = tar;
                      }
                  });

              })();



          Code for second one


          (function() {
                  var Dom1 = YAHOO.util.Dom,
                      Event1 = YAHOO.util.Event,
                      editing = null;
                  var myConfigHeader = {
                      height: '400px',
                      width: '500px',
                      animate: true,
                      limitCommands: true,
                      toolbar: {
                      titlebar: 'Edit',
                      collapse: false,
                      draggable: false,
                      buttonType: 'advanced',
                      handleSubmit: true,
                      buttons: [
                          { group: 'fontstyle', label: 'Font Name and Size',
                          buttons: [
                              { type: 'select', label: 'Verdana', value: 'fontname',
          disabled: true,
                                  menu: [
                                      { text: 'Verdana', checked: true},
                                      { text: 'Arial Black' },
                                      { text: 'Comic Sans MS' },
                                      { text: 'Courier New' },
                                      { text: 'Lucida Console' },
                                      { text: 'Tahoma' },
                                      { text: 'Times New Roman' },
                                      { text: 'Trebuchet MS' },
                                      { text: 'Arial' }
                                  ]
                              },
                              { type: 'spin', label: '13', value: 'fontsize', range: [
          9, 75 ], disabled: true }
                          ]
                      },
                      { type: 'separator' },
                      { group: 'textstyle', label: 'Font Style',
                          buttons: [
                              { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
          'bold' },
                              { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
          'italic' },
                              { type: 'push', label: 'Underline CTRL + SHIFT + U',
          value: 'underline' },
                              { type: 'separator' },
                              { type: 'push', label: 'Subscript', value: 'subscript',
          disabled: true },
                              { type: 'push', label: 'Superscript' , value:
          'superscript' , disabled: true },
                              { type: 'separator' },
                              { type: 'color', label: 'Font Color', value:
          'forecolor', disabled: true },
                              { type: 'color', label: 'Background Color', value:
          'backcolor', disabled: true },
                              { type: 'separator' },
                              { type: 'push', label: 'Remove Formatting', value:
          'removeformat' , disabled: true },
                              { type: 'push', label: 'Show/Hide Hidden Elements',
          value: 'hiddenelements' }
                          ]
                      },
                      { type: 'separator' },
                      { group: 'alignment', label: 'Alignment',
                          buttons: [
                              { type: 'push', label: 'Align Left CTRL + SHIFT + [',
          value: 'justifyleft' },
                              { type: 'push', label: 'Align Center CTRL + SHIFT + |',
          value: 'justifycenter' },
                              { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
          value: 'justifyright' },
                              { type: 'push', label: 'Justify', value: 'justifyfull' }
                          ]
                      },
                      { type: 'separator' },
                      { group: 'parastyle', label: 'Paragraph Style',
                          buttons: [
                          { type: 'select', label: 'Normal', value: 'heading',
          disabled: true,
                              menu: [
                                  { text: 'Normal', value: 'none', checked: true },
                                  { text: 'Header 1', value: 'h1' },
                                  { text: 'Header 2', value: 'h2' },
                                  { text: 'Header 3', value: 'h3' },
                                  { text: 'Header 4', value: 'h4' },
                                  { text: 'Header 5', value: 'h5' },
                                  { text: 'Header 6', value: 'h6' }
                              ]
                          }
                          ]
                      },
                      { type: 'separator' },
                      { group: 'indentlist' , label: 'Indenting and Lists',
                          buttons: [
                              { type: 'push', label: 'Indent', value: 'indent',
          disabled: true },
                              { type: 'push', label: 'Outdent', value: 'outdent',
          disabled: true },
                              { type: 'push', label: 'Create an Unordered List',
          value: 'insertunorderedlis t' },
                              { type: 'push', label: 'Create an Ordered List', value:
          'insertorderedlist' }
                          ]
                      },
                      { type: 'separator' },
                      { group: 'insertitem' , label: 'Insert Item',
                          buttons: [
                              { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
          value: 'createlink' , disabled: true },
                              { type: 'push', label: 'Insert Image', value:
          'insertimage' }
                              ]
                      }
                      ]
                      }
                  };

                 
                  //YAHOO.widget. Toolbar.prototyp e.STR_COLLAPSE = 'Click to close
          the editor.';
                 
                  //alert(textAreaNam e[0].id);
                  richTextEditorHeade r = new
          YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;
                  richTextEditorHeade r.on('toolbarLoa ded', function() {
                     
                      this.toolbar. on('toolbarColla psed', function() {
                         
                          Dom1.setXY(this. get('element_ cont').get( 'element' ),
          [-99999, -99999]);
                          Dom1.removeClass( this.toolbar. get('cont' ).parentNode,
          'yui-toolbar- container- collapsed' );
                          richTextEditorHeade r.saveHTML( );
                          editing.innerHTML =
          richTextEditorHeade r.get('element' ).value;
                          editing = null;
                      }, richTextEditorHeade r, true);
                  }, richTextEditorHeade r, true);
                  richTextEditorHeade r.render( );

                  Event1.on('editable _cont', 'dblclick', function(ev) {
                      var tar = Event1.getTarget( ev);
                      if (Dom1.hasClass( tar, 'editable')) {
                         
                          if (editing !== null) {
                             
                              richTextEditorHeade r.saveHTML( );
                              editing.innerHTML =
          richTextEditorHeade r.get('element' ).value;
                          }
                         
                          var xy = Dom1.getXY(tar) ;
                         
                          richTextEditorHeade r.setEditorHTML( tar.innerHTML) ;

                       
          Dom1.setXY(richText EditorHeader. get('element_ cont').get( 'element' ), xy);
                          editing = tar;
                      }
                  });

              })();

          -------
          shoeb



          ------------ --------- --------- ------

          Yahoo! Groups Links

          <*> To visit your group on the web, go to:
              http://groups. yahoo.com/ group/ydn- javascript/

          <*> Your email settings:
              Individual Email | Traditional

          <*> To change settings online go to:
              http://groups. yahoo.com/ group/ydn- javascript/ join
              (Yahoo! ID required)

          <*> To change settings via email:
              mailto:ydn-javascript- digest@yahoogrou ps.com
              mailto:ydn-javascript- fullfeatured@ yahoogroups. com

          <*> To unsubscribe from this group, send an email to:
              ydn-javascript- unsubscribe@ yahoogroups. com

          <*> Your use of Yahoo! Groups is subject to:
              http://docs. yahoo.com/ info/terms/


        • Raquib Mahmood
          i solved it.i mistyped the name. shoeb ... From: Raquib Mahmood Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page
          Message 4 of 7 , Aug 4, 2008
          • 0 Attachment
            i solved it.i mistyped the name.

            shoeb

            --- On Mon, 8/4/08, Raquib Mahmood <shoeb101@...> wrote:
            From: Raquib Mahmood <shoeb101@...>
            Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page
            To: ydn-javascript@yahoogroups.com
            Date: Monday, August 4, 2008, 3:06 AM


            i changed it to 'txtHeader'.
            now first one is showing,second one not and in firefox giving error
            K is null in event-min.js

            shoeb

            --- On Thu, 7/31/08, Dav Glass <dav.glass@yahoo. com> wrote:
            From: Dav Glass <dav.glass@yahoo. com>
            Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page
            To: ydn-javascript@ yahoogroups. com
            Date: Thursday, July 31, 2008, 9:03 AM

            shoeb101 --

            I think this line is the issue:
            YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;

            Dav
             
            Dav Glass
            dav.glass@yahoo. com
            blog.davglass. com



            + Windows: n. - The most successful computer virus, ever. +
            + A computer without a Microsoft operating system is like a dog
            without bricks tied to its head +
            + A Microsoft Certified Systems Engineer is to computing what a
            McDonalds Certified Food Specialist is to fine cuisine +


            ----- Original Message ----
            From: shoeb101 <shoeb101@yahoo. com>
            To: ydn-javascript@ yahoogroups. com
            Sent: Thursday, July 31, 2008 8:58:45 AM
            Subject: [ydn-javascript] Adding multiple Rich Text Editor in One Page

            Hi,
            I am a new user of yui.I am trying to multiple rich text editor in one
            page.Only first one is showing.Second one showing as simple textarea.
            Here is my code for two Rich text editor

            Code for first editor

            (function() {
                    var Dom = YAHOO.util.Dom,
                        Event = YAHOO.util.Event,
                        editing = null;
                    var myConfig = {
                        height: '400px',
                        width: '500px',
                        animate: true,
                        limitCommands: true,
                        toolbar: {
                        titlebar: 'Edit Content',
                        collapse: false,
                        draggable: false,
                        buttonType: 'advanced',
                        handleSubmit: true,
                        buttons: [
                            { group: 'fontstyle', label: 'Font Name and Size',
                            buttons: [
                                { type: 'select', label: 'Verdana', value: 'fontname',
            disabled: true,
                                    menu: [
                                        { text: 'Verdana', checked: true},
                                        { text: 'Arial Black' },
                                        { text: 'Comic Sans MS' },
                                        { text: 'Courier New' },
                                        { text: 'Lucida Console' },
                                        { text: 'Tahoma' },
                                        { text: 'Times New Roman' },
                                        { text: 'Trebuchet MS' },
                                        { text: 'Arial' }
                                    ]
                                },
                                { type: 'spin', label: '13', value: 'fontsize', range: [
            9, 75 ], disabled: true }
                            ]
                        },
                        { type: 'separator' },
                        { group: 'textstyle', label: 'Font Style',
                            buttons: [
                                { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
            'bold' },
                                { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
            'italic' },
                                { type: 'push', label: 'Underline CTRL + SHIFT + U',
            value: 'underline' },
                                { type: 'separator' },
                                { type: 'push', label: 'Subscript', value: 'subscript',
            disabled: true },
                                { type: 'push', label: 'Superscript' , value:
            'superscript' , disabled: true },
                                { type: 'separator' },
                                { type: 'color', label: 'Font Color', value:
            'forecolor', disabled: true },
                                { type: 'color', label: 'Background Color', value:
            'backcolor', disabled: true },
                                { type: 'separator' },
                                { type: 'push', label: 'Remove Formatting', value:
            'removeformat' , disabled: true },
                                { type: 'push', label: 'Show/Hide Hidden Elements',
            value: 'hiddenelements' }
                            ]
                        },
                        { type: 'separator' },
                        { group: 'alignment', label: 'Alignment',
                            buttons: [
                                { type: 'push', label: 'Align Left CTRL + SHIFT + [',
            value: 'justifyleft' },
                                { type: 'push', label: 'Align Center CTRL + SHIFT + |',
            value: 'justifycenter' },
                                { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
            value: 'justifyright' },
                                { type: 'push', label: 'Justify', value: 'justifyfull' }
                            ]
                        },
                        { type: 'separator' },
                        { group: 'parastyle', label: 'Paragraph Style',
                            buttons: [
                            { type: 'select', label: 'Normal', value: 'heading',
            disabled: true,
                                menu: [
                                    { text: 'Normal', value: 'none', checked: true },
                                    { text: 'Header 1', value: 'h1' },
                                    { text: 'Header 2', value: 'h2' },
                                    { text: 'Header 3', value: 'h3' },
                                    { text: 'Header 4', value: 'h4' },
                                    { text: 'Header 5', value: 'h5' },
                                    { text: 'Header 6', value: 'h6' }
                                ]
                            }
                            ]
                        },
                        { type: 'separator' },
                        { group: 'indentlist' , label: 'Indenting and Lists',
                            buttons: [
                                { type: 'push', label: 'Indent', value: 'indent',
            disabled: true },
                                { type: 'push', label: 'Outdent', value: 'outdent',
            disabled: true },
                                { type: 'push', label: 'Create an Unordered List',
            value: 'insertunorderedlis t' },
                                { type: 'push', label: 'Create an Ordered List', value:
            'insertorderedlist' }
                            ]
                        },
                        { type: 'separator' },
                        { group: 'insertitem' , label: 'Insert Item',
                            buttons: [
                                { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
            value: 'createlink' , disabled: true },
                                { type: 'push', label: 'Insert Image', value:
            'insertimage' }
                                ]
                        }
                        ]
                        }
                    };

                   
                    //YAHOO.widget. Toolbar.prototyp e.STR_COLLAPSE = 'Click to close
            the editor.';
                    //var textAreaName = document.getElement sByTagName( 'textarea' );
                    //alert(textAreaNam e[0].id);
                    richTextEditor = new YAHOO.widget. Editor('txtConte nt', myConfig);
                    richTextEditor. on('toolbarLoade d', function() {
                       
                        this.toolbar. on('toolbarColla psed', function() {
                           
                            Dom.setXY(this. get('element_ cont').get( 'element' ),
            [-99999, -99999]);
                            Dom.removeClass( this.toolbar. get('cont' ).parentNode,
            'yui-toolbar- container- collapsed' );
                            richTextEditor. saveHTML( );
                            editing.innerHTML = richTextEditor. get('element' ).value;
                            editing = null;
                        }, richTextEditor, true);
                    }, richTextEditor, true);
                    richTextEditor. render();

                    Event.on('editable_ cont', 'dblclick', function(ev) {
                        var tar = Event.getTarget( ev);
                        if (Dom.hasClass( tar, 'editable')) {
                           
                            if (editing !== null) {
                               
                                richTextEditor. saveHTML( );
                                editing.innerHTML = richTextEditor. get('element' ).value;
                            }
                           
                            var xy = Dom.getXY(tar) ;
                           
                            richTextEditor. setEditorHTML( tar.innerHTML) ;

                         
            Dom.setXY(richTextE ditor.get( 'element_ cont').get( 'element' ), xy);
                            editing = tar;
                        }
                    });

                })();



            Code for second one


            (function() {
                    var Dom1 = YAHOO.util.Dom,
                        Event1 = YAHOO.util.Event,
                        editing = null;
                    var myConfigHeader = {
                        height: '400px',
                        width: '500px',
                        animate: true,
                        limitCommands: true,
                        toolbar: {
                        titlebar: 'Edit',
                        collapse: false,
                        draggable: false,
                        buttonType: 'advanced',
                        handleSubmit: true,
                        buttons: [
                            { group: 'fontstyle', label: 'Font Name and Size',
                            buttons: [
                                { type: 'select', label: 'Verdana', value: 'fontname',
            disabled: true,
                                    menu: [
                                        { text: 'Verdana', checked: true},
                                        { text: 'Arial Black' },
                                        { text: 'Comic Sans MS' },
                                        { text: 'Courier New' },
                                        { text: 'Lucida Console' },
                                        { text: 'Tahoma' },
                                        { text: 'Times New Roman' },
                                        { text: 'Trebuchet MS' },
                                        { text: 'Arial' }
                                    ]
                                },
                                { type: 'spin', label: '13', value: 'fontsize', range: [
            9, 75 ], disabled: true }
                            ]
                        },
                        { type: 'separator' },
                        { group: 'textstyle', label: 'Font Style',
                            buttons: [
                                { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
            'bold' },
                                { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
            'italic' },
                                { type: 'push', label: 'Underline CTRL + SHIFT + U',
            value: 'underline' },
                                { type: 'separator' },
                                { type: 'push', label: 'Subscript', value: 'subscript',
            disabled: true },
                                { type: 'push', label: 'Superscript' , value:
            'superscript' , disabled: true },
                                { type: 'separator' },
                                { type: 'color', label: 'Font Color', value:
            'forecolor', disabled: true },
                                { type: 'color', label: 'Background Color', value:
            'backcolor', disabled: true },
                                { type: 'separator' },
                                { type: 'push', label: 'Remove Formatting', value:
            'removeformat' , disabled: true },
                                { type: 'push', label: 'Show/Hide Hidden Elements',
            value: 'hiddenelements' }
                            ]
                        },
                        { type: 'separator' },
                        { group: 'alignment', label: 'Alignment',
                            buttons: [
                                { type: 'push', label: 'Align Left CTRL + SHIFT + [',
            value: 'justifyleft' },
                                { type: 'push', label: 'Align Center CTRL + SHIFT + |',
            value: 'justifycenter' },
                                { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
            value: 'justifyright' },
                                { type: 'push', label: 'Justify', value: 'justifyfull' }
                            ]
                        },
                        { type: 'separator' },
                        { group: 'parastyle', label: 'Paragraph Style',
                            buttons: [
                            { type: 'select', label: 'Normal', value: 'heading',
            disabled: true,
                                menu: [
                                    { text: 'Normal', value: 'none', checked: true },
                                    { text: 'Header 1', value: 'h1' },
                                    { text: 'Header 2', value: 'h2' },
                                    { text: 'Header 3', value: 'h3' },
                                    { text: 'Header 4', value: 'h4' },
                                    { text: 'Header 5', value: 'h5' },
                                    { text: 'Header 6', value: 'h6' }
                                ]
                            }
                            ]
                        },
                        { type: 'separator' },
                        { group: 'indentlist' , label: 'Indenting and Lists',
                            buttons: [
                                { type: 'push', label: 'Indent', value: 'indent',
            disabled: true },
                                { type: 'push', label: 'Outdent', value: 'outdent',
            disabled: true },
                                { type: 'push', label: 'Create an Unordered List',
            value: 'insertunorderedlis t' },
                                { type: 'push', label: 'Create an Ordered List', value:
            'insertorderedlist' }
                            ]
                        },
                        { type: 'separator' },
                        { group: 'insertitem' , label: 'Insert Item',
                            buttons: [
                                { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
            value: 'createlink' , disabled: true },
                                { type: 'push', label: 'Insert Image', value:
            'insertimage' }
                                ]
                        }
                        ]
                        }
                    };

                   
                    //YAHOO.widget. Toolbar.prototyp e.STR_COLLAPSE = 'Click to close
            the editor.';
                   
                    //alert(textAreaNam e[0].id);
                    richTextEditorHeade r = new
            YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;
                    richTextEditorHeade r.on('toolbarLoa ded', function() {
                       
                        this.toolbar. on('toolbarColla psed', function() {
                           
                            Dom1.setXY(this. get('element_ cont').get( 'element' ),
            [-99999, -99999]);
                            Dom1.removeClass( this.toolbar. get('cont' ).parentNode,
            'yui-toolbar- container- collapsed' );
                            richTextEditorHeade r.saveHTML( );
                            editing.innerHTML =
            richTextEditorHeade r.get('element' ).value;
                            editing = null;
                        }, richTextEditorHeade r, true);
                    }, richTextEditorHeade r, true);
                    richTextEditorHeade r.render( );

                    Event1.on('editable _cont', 'dblclick', function(ev) {
                        var tar = Event1.getTarget( ev);
                        if (Dom1.hasClass( tar, 'editable')) {
                           
                            if (editing !== null) {
                               
                                richTextEditorHeade r.saveHTML( );
                                editing.innerHTML =
            richTextEditorHeade r.get('element' ).value;
                            }
                           
                            var xy = Dom1.getXY(tar) ;
                           
                            richTextEditorHeade r.setEditorHTML( tar.innerHTML) ;

                         
            Dom1.setXY(richText EditorHeader. get('element_ cont').get( 'element' ), xy);
                            editing = tar;
                        }
                    });

                })();

            -------
            shoeb



            ------------ --------- --------- ------

            Yahoo! Groups Links

            <*> To visit your group on the web, go to:
                http://groups. yahoo.com/ group/ydn- javascript/

            <*> Your email settings:
                Individual Email | Traditional

            <*> To change settings online go to:
                http://groups. yahoo.com/ group/ydn- javascript/ join
                (Yahoo! ID required)

            <*> To change settings via email:
                mailto:ydn-javascript- digest@yahoogrou ps.com
                mailto:ydn-javascript- fullfeatured@ yahoogroups. com

            <*> To unsubscribe from this group, send an email to:
                ydn-javascript- unsubscribe@ yahoogroups. com

            <*> Your use of Yahoo! Groups is subject to:
                http://docs. yahoo.com/ info/terms/



          • Dav Glass
            My point for that code: YAHOO.widget.Editor( txtHeaderContent .id, myConfigHeader) ; Is that ( txtHeaderContent .id) is not valid.. Dav Dav Glass
            Message 5 of 7 , Aug 4, 2008
            • 0 Attachment
              My point for that code:
              YAHOO.widget.Editor('txtHeaderContent'.id, myConfigHeader) ;

              Is that ('txtHeaderContent'.id) is not valid..

              Dav
               
              Dav Glass
              dav.glass@...
              blog.davglass.com



              + Windows: n. - The most successful computer virus, ever. +
              + A computer without a Microsoft operating system is like a dog
              without bricks tied to its head +
              + A Microsoft Certified Systems Engineer is to computing what a
              McDonalds Certified Food Specialist is to fine cuisine +


              ----- Original Message ----
              From: Raquib Mahmood <shoeb101@...>
              To: ydn-javascript@yahoogroups.com
              Sent: Monday, August 4, 2008 3:06:23 AM
              Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page


              i changed it to 'txtHeader'.
              now first one is showing,second one not and in firefox giving error
              K is null in event-min.js

              shoeb

              --- On Thu, 7/31/08, Dav Glass <dav.glass@...> wrote:
              From: Dav Glass <dav.glass@...>
              Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page
              To: ydn-javascript@yahoogroups.com
              Date: Thursday, July 31, 2008, 9:03 AM

              shoeb101 --

              I think this line is the issue:
              YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;

              Dav
               
              Dav Glass
              dav.glass@yahoo. com
              blog.davglass. com



              + Windows: n. - The most successful computer virus, ever. +
              + A computer without a Microsoft operating system is like a dog
              without bricks tied to its head +
              + A Microsoft Certified Systems Engineer is to computing what a
              McDonalds Certified Food Specialist is to fine cuisine +


              ----- Original Message ----
              From: shoeb101 <shoeb101@yahoo. com>
              To: ydn-javascript@ yahoogroups. com
              Sent: Thursday, July 31, 2008 8:58:45 AM
              Subject: [ydn-javascript] Adding multiple Rich Text Editor in One Page

              Hi,
              I am a new user of yui.I am trying to multiple rich text editor in one
              page.Only first one is showing.Second one showing as simple textarea.
              Here is my code for two Rich text editor

              Code for first editor

              (function() {
                      var Dom = YAHOO.util.Dom,
                          Event = YAHOO.util.Event,
                          editing = null;
                      var myConfig = {
                          height: '400px',
                          width: '500px',
                          animate: true,
                          limitCommands: true,
                          toolbar: {
                          titlebar: 'Edit Content',
                          collapse: false,
                          draggable: false,
                          buttonType: 'advanced',
                          handleSubmit: true,
                          buttons: [
                              { group: 'fontstyle', label: 'Font Name and Size',
                              buttons: [
                                  { type: 'select', label: 'Verdana', value: 'fontname',
              disabled: true,
                                      menu: [
                                          { text: 'Verdana', checked: true},
                                          { text: 'Arial Black' },
                                          { text: 'Comic Sans MS' },
                                          { text: 'Courier New' },
                                          { text: 'Lucida Console' },
                                          { text: 'Tahoma' },
                                          { text: 'Times New Roman' },
                                          { text: 'Trebuchet MS' },
                                          { text: 'Arial' }
                                      ]
                                  },
                                  { type: 'spin', label: '13', value: 'fontsize', range: [
              9, 75 ], disabled: true }
                              ]
                          },
                          { type: 'separator' },
                          { group: 'textstyle', label: 'Font Style',
                              buttons: [
                                  { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
              'bold' },
                                  { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
              'italic' },
                                  { type: 'push', label: 'Underline CTRL + SHIFT + U',
              value: 'underline' },
                                  { type: 'separator' },
                                  { type: 'push', label: 'Subscript', value: 'subscript',
              disabled: true },
                                  { type: 'push', label: 'Superscript' , value:
              'superscript' , disabled: true },
                                  { type: 'separator' },
                                  { type: 'color', label: 'Font Color', value:
              'forecolor', disabled: true },
                                  { type: 'color', label: 'Background Color', value:
              'backcolor', disabled: true },
                                  { type: 'separator' },
                                  { type: 'push', label: 'Remove Formatting', value:
              'removeformat' , disabled: true },
                                  { type: 'push', label: 'Show/Hide Hidden Elements',
              value: 'hiddenelements' }
                              ]
                          },
                          { type: 'separator' },
                          { group: 'alignment', label: 'Alignment',
                              buttons: [
                                  { type: 'push', label: 'Align Left CTRL + SHIFT + [',
              value: 'justifyleft' },
                                  { type: 'push', label: 'Align Center CTRL + SHIFT + |',
              value: 'justifycenter' },
                                  { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
              value: 'justifyright' },
                                  { type: 'push', label: 'Justify', value: 'justifyfull' }
                              ]
                          },
                          { type: 'separator' },
                          { group: 'parastyle', label: 'Paragraph Style',
                              buttons: [
                              { type: 'select', label: 'Normal', value: 'heading',
              disabled: true,
                                  menu: [
                                      { text: 'Normal', value: 'none', checked: true },
                                      { text: 'Header 1', value: 'h1' },
                                      { text: 'Header 2', value: 'h2' },
                                      { text: 'Header 3', value: 'h3' },
                                      { text: 'Header 4', value: 'h4' },
                                      { text: 'Header 5', value: 'h5' },
                                      { text: 'Header 6', value: 'h6' }
                                  ]
                              }
                              ]
                          },
                          { type: 'separator' },
                          { group: 'indentlist' , label: 'Indenting and Lists',
                              buttons: [
                                  { type: 'push', label: 'Indent', value: 'indent',
              disabled: true },
                                  { type: 'push', label: 'Outdent', value: 'outdent',
              disabled: true },
                                  { type: 'push', label: 'Create an Unordered List',
              value: 'insertunorderedlis t' },
                                  { type: 'push', label: 'Create an Ordered List', value:
              'insertorderedlist' }
                              ]
                          },
                          { type: 'separator' },
                          { group: 'insertitem' , label: 'Insert Item',
                              buttons: [
                                  { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
              value: 'createlink' , disabled: true },
                                  { type: 'push', label: 'Insert Image', value:
              'insertimage' }
                                  ]
                          }
                          ]
                          }
                      };

                     
                      //YAHOO.widget. Toolbar.prototyp e.STR_COLLAPSE = 'Click to close
              the editor.';
                      //var textAreaName = document.getElement sByTagName( 'textarea' );
                      //alert(textAreaNam e[0].id);
                      richTextEditor = new YAHOO.widget. Editor('txtConte nt', myConfig);
                      richTextEditor. on('toolbarLoade d', function() {
                         
                          this.toolbar. on('toolbarColla psed', function() {
                             
                              Dom.setXY(this. get('element_ cont').get( 'element' ),
              [-99999, -99999]);
                              Dom.removeClass( this.toolbar. get('cont' ).parentNode,
              'yui-toolbar- container- collapsed' );
                              richTextEditor. saveHTML( );
                              editing.innerHTML = richTextEditor. get('element' ).value;
                              editing = null;
                          }, richTextEditor, true);
                      }, richTextEditor, true);
                      richTextEditor. render();

                      Event.on('editable_ cont', 'dblclick', function(ev) {
                          var tar = Event.getTarget( ev);
                          if (Dom.hasClass( tar, 'editable')) {
                             
                              if (editing !== null) {
                                 
                                  richTextEditor. saveHTML( );
                                  editing.innerHTML = richTextEditor. get('element' ).value;
                              }
                             
                              var xy = Dom.getXY(tar) ;
                             
                              richTextEditor. setEditorHTML( tar.innerHTML) ;

                           
              Dom.setXY(richTextE ditor.get( 'element_ cont').get( 'element' ), xy);
                              editing = tar;
                          }
                      });

                  })();



              Code for second one


              (function() {
                      var Dom1 = YAHOO.util.Dom,
                          Event1 = YAHOO.util.Event,
                          editing = null;
                      var myConfigHeader = {
                          height: '400px',
                          width: '500px',
                          animate: true,
                          limitCommands: true,
                          toolbar: {
                          titlebar: 'Edit',
                          collapse: false,
                          draggable: false,
                          buttonType: 'advanced',
                          handleSubmit: true,
                          buttons: [
                              { group: 'fontstyle', label: 'Font Name and Size',
                              buttons: [
                                  { type: 'select', label: 'Verdana', value: 'fontname',
              disabled: true,
                                      menu: [
                                          { text: 'Verdana', checked: true},
                                          { text: 'Arial Black' },
                                          { text: 'Comic Sans MS' },
                                          { text: 'Courier New' },
                                          { text: 'Lucida Console' },
                                          { text: 'Tahoma' },
                                          { text: 'Times New Roman' },
                                          { text: 'Trebuchet MS' },
                                          { text: 'Arial' }
                                      ]
                                  },
                                  { type: 'spin', label: '13', value: 'fontsize', range: [
              9, 75 ], disabled: true }
                              ]
                          },
                          { type: 'separator' },
                          { group: 'textstyle', label: 'Font Style',
                              buttons: [
                                  { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
              'bold' },
                                  { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
              'italic' },
                                  { type: 'push', label: 'Underline CTRL + SHIFT + U',
              value: 'underline' },
                                  { type: 'separator' },
                                  { type: 'push', label: 'Subscript', value: 'subscript',
              disabled: true },
                                  { type: 'push', label: 'Superscript' , value:
              'superscript' , disabled: true },
                                  { type: 'separator' },
                                  { type: 'color', label: 'Font Color', value:
              'forecolor', disabled: true },
                                  { type: 'color', label: 'Background Color', value:
              'backcolor', disabled: true },
                                  { type: 'separator' },
                                  { type: 'push', label: 'Remove Formatting', value:
              'removeformat' , disabled: true },
                                  { type: 'push', label: 'Show/Hide Hidden Elements',
              value: 'hiddenelements' }
                              ]
                          },
                          { type: 'separator' },
                          { group: 'alignment', label: 'Alignment',
                              buttons: [
                                  { type: 'push', label: 'Align Left CTRL + SHIFT + [',
              value: 'justifyleft' },
                                  { type: 'push', label: 'Align Center CTRL + SHIFT + |',
              value: 'justifycenter' },
                                  { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
              value: 'justifyright' },
                                  { type: 'push', label: 'Justify', value: 'justifyfull' }
                              ]
                          },
                          { type: 'separator' },
                          { group: 'parastyle', label: 'Paragraph Style',
                              buttons: [
                              { type: 'select', label: 'Normal', value: 'heading',
              disabled: true,
                                  menu: [
                                      { text: 'Normal', value: 'none', checked: true },
                                      { text: 'Header 1', value: 'h1' },
                                      { text: 'Header 2', value: 'h2' },
                                      { text: 'Header 3', value: 'h3' },
                                      { text: 'Header 4', value: 'h4' },
                                      { text: 'Header 5', value: 'h5' },
                                      { text: 'Header 6', value: 'h6' }
                                  ]
                              }
                              ]
                          },
                          { type: 'separator' },
                          { group: 'indentlist' , label: 'Indenting and Lists',
                              buttons: [
                                  { type: 'push', label: 'Indent', value: 'indent',
              disabled: true },
                                  { type: 'push', label: 'Outdent', value: 'outdent',
              disabled: true },
                                  { type: 'push', label: 'Create an Unordered List',
              value: 'insertunorderedlis t' },
                                  { type: 'push', label: 'Create an Ordered List', value:
              'insertorderedlist' }
                              ]
                          },
                          { type: 'separator' },
                          { group: 'insertitem' , label: 'Insert Item',
                              buttons: [
                                  { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
              value: 'createlink' , disabled: true },
                                  { type: 'push', label: 'Insert Image', value:
              'insertimage' }
                                  ]
                          }
                          ]
                          }
                      };

                     
                      //YAHOO.widget. Toolbar.prototyp e.STR_COLLAPSE = 'Click to close
              the editor.';
                     
                      //alert(textAreaNam e[0].id);
                      richTextEditorHeade r = new
              YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;
                      richTextEditorHeade r.on('toolbarLoa ded', function() {
                         
                          this.toolbar. on('toolbarColla psed', function() {
                             
                              Dom1.setXY(this. get('element_ cont').get( 'element' ),
              [-99999, -99999]);
                              Dom1.removeClass( this.toolbar. get('cont' ).parentNode,
              'yui-toolbar- container- collapsed' );
                              richTextEditorHeade r.saveHTML( );
                              editing.innerHTML =
              richTextEditorHeade r.get('element' ).value;
                              editing = null;
                          }, richTextEditorHeade r, true);
                      }, richTextEditorHeade r, true);
                      richTextEditorHeade r.render( );

                      Event1.on('editable _cont', 'dblclick', function(ev) {
                          var tar = Event1.getTarget( ev);
                          if (Dom1.hasClass( tar, 'editable')) {
                             
                              if (editing !== null) {
                                 
                                  richTextEditorHeade r.saveHTML( );
                                  editing.innerHTML =
              richTextEditorHeade r.get('element' ).value;
                              }
                             
                              var xy = Dom1.getXY(tar) ;
                             
                              richTextEditorHeade r.setEditorHTML( tar.innerHTML) ;

                           
              Dom1.setXY(richText EditorHeader. get('element_ cont').get( 'element' ), xy);
                              editing = tar;
                          }
                      });

                  })();

              -------
              shoeb



              ------------ --------- --------- ------

              Yahoo! Groups Links

              <*> To visit your group on the web, go to:
                  http://groups. yahoo.com/ group/ydn- javascript/

              <*> Your email settings:
                  Individual Email | Traditional

              <*> To change settings online go to:
                  http://groups. yahoo.com/ group/ydn- javascript/ join
                  (Yahoo! ID required)

              <*> To change settings via email:
                  mailto:ydn-javascript- digest@yahoogrou ps.com
                  mailto:ydn-javascript- fullfeatured@ yahoogroups. com

              <*> To unsubscribe from this group, send an email to:
                  ydn-javascript- unsubscribe@ yahoogroups. com

              <*> Your use of Yahoo! Groups is subject to:
                  http://docs. yahoo.com/ info/terms/


            • Raquib Mahmood
              thanks Dav u r right.i solved this problem. shoeb ... From: Dav Glass Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in
              Message 6 of 7 , Aug 4, 2008
              • 0 Attachment
                thanks Dav
                u r right.i solved this problem.

                shoeb


                --- On Mon, 8/4/08, Dav Glass <dav.glass@...> wrote:
                From: Dav Glass <dav.glass@...>
                Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page
                To: ydn-javascript@yahoogroups.com
                Date: Monday, August 4, 2008, 6:01 AM

                My point for that code:
                YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;

                Is that ('txtHeaderContent' .id) is not valid..

                Dav
                 
                Dav Glass
                dav.glass@yahoo. com
                blog.davglass. com



                + Windows: n. - The most successful computer virus, ever. +
                + A computer without a Microsoft operating system is like a dog
                without bricks tied to its head +
                + A Microsoft Certified Systems Engineer is to computing what a
                McDonalds Certified Food Specialist is to fine cuisine +


                ----- Original Message ----
                From: Raquib Mahmood <shoeb101@yahoo. com>
                To: ydn-javascript@ yahoogroups. com
                Sent: Monday, August 4, 2008 3:06:23 AM
                Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page


                i changed it to 'txtHeader'.
                now first one is showing,second one not and in firefox giving error
                K is null in event-min.js

                shoeb

                --- On Thu, 7/31/08, Dav Glass <dav.glass@yahoo. com> wrote:
                From: Dav Glass <dav.glass@yahoo. com>
                Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page
                To: ydn-javascript@ yahoogroups. com
                Date: Thursday, July 31, 2008, 9:03 AM

                shoeb101 --

                I think this line is the issue:
                YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;

                Dav
                 
                Dav Glass
                dav.glass@yahoo. com
                blog.davglass. com



                + Windows: n. - The most successful computer virus, ever. +
                + A computer without a Microsoft operating system is like a dog
                without bricks tied to its head +
                + A Microsoft Certified Systems Engineer is to computing what a
                McDonalds Certified Food Specialist is to fine cuisine +


                ----- Original Message ----
                From: shoeb101 <shoeb101@yahoo. com>
                To: ydn-javascript@ yahoogroups. com
                Sent: Thursday, July 31, 2008 8:58:45 AM
                Subject: [ydn-javascript] Adding multiple Rich Text Editor in One Page

                Hi,
                I am a new user of yui.I am trying to multiple rich text editor in one
                page.Only first one is showing.Second one showing as simple textarea.
                Here is my code for two Rich text editor

                Code for first editor

                (function() {
                        var Dom = YAHOO.util.Dom,
                            Event = YAHOO.util.Event,
                            editing = null;
                        var myConfig = {
                            height: '400px',
                            width: '500px',
                            animate: true,
                            limitCommands: true,
                            toolbar: {
                            titlebar: 'Edit Content',
                            collapse: false,
                            draggable: false,
                            buttonType: 'advanced',
                            handleSubmit: true,
                            buttons: [
                                { group: 'fontstyle', label: 'Font Name and Size',
                                buttons: [
                                    { type: 'select', label: 'Verdana', value: 'fontname',
                disabled: true,
                                        menu: [
                                            { text: 'Verdana', checked: true},
                                            { text: 'Arial Black' },
                                            { text: 'Comic Sans MS' },
                                            { text: 'Courier New' },
                                            { text: 'Lucida Console' },
                                            { text: 'Tahoma' },
                                            { text: 'Times New Roman' },
                                            { text: 'Trebuchet MS' },
                                            { text: 'Arial' }
                                        ]
                                    },
                                    { type: 'spin', label: '13', value: 'fontsize', range: [
                9, 75 ], disabled: true }
                                ]
                            },
                            { type: 'separator' },
                            { group: 'textstyle', label: 'Font Style',
                                buttons: [
                                    { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
                'bold' },
                                    { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
                'italic' },
                                    { type: 'push', label: 'Underline CTRL + SHIFT + U',
                value: 'underline' },
                                    { type: 'separator' },
                                    { type: 'push', label: 'Subscript', value: 'subscript',
                disabled: true },
                                    { type: 'push', label: 'Superscript' , value:
                'superscript' , disabled: true },
                                    { type: 'separator' },
                                    { type: 'color', label: 'Font Color', value:
                'forecolor', disabled: true },
                                    { type: 'color', label: 'Background Color', value:
                'backcolor', disabled: true },
                                    { type: 'separator' },
                                    { type: 'push', label: 'Remove Formatting', value:
                'removeformat' , disabled: true },
                                    { type: 'push', label: 'Show/Hide Hidden Elements',
                value: 'hiddenelements' }
                                ]
                            },
                            { type: 'separator' },
                            { group: 'alignment', label: 'Alignment',
                                buttons: [
                                    { type: 'push', label: 'Align Left CTRL + SHIFT + [',
                value: 'justifyleft' },
                                    { type: 'push', label: 'Align Center CTRL + SHIFT + |',
                value: 'justifycenter' },
                                    { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
                value: 'justifyright' },
                                    { type: 'push', label: 'Justify', value: 'justifyfull' }
                                ]
                            },
                            { type: 'separator' },
                            { group: 'parastyle', label: 'Paragraph Style',
                                buttons: [
                                { type: 'select', label: 'Normal', value: 'heading',
                disabled: true,
                                    menu: [
                                        { text: 'Normal', value: 'none', checked: true },
                                        { text: 'Header 1', value: 'h1' },
                                        { text: 'Header 2', value: 'h2' },
                                        { text: 'Header 3', value: 'h3' },
                                        { text: 'Header 4', value: 'h4' },
                                        { text: 'Header 5', value: 'h5' },
                                        { text: 'Header 6', value: 'h6' }
                                    ]
                                }
                                ]
                            },
                            { type: 'separator' },
                            { group: 'indentlist' , label: 'Indenting and Lists',
                                buttons: [
                                    { type: 'push', label: 'Indent', value: 'indent',
                disabled: true },
                                    { type: 'push', label: 'Outdent', value: 'outdent',
                disabled: true },
                                    { type: 'push', label: 'Create an Unordered List',
                value: 'insertunorderedlis t' },
                                    { type: 'push', label: 'Create an Ordered List', value:
                'insertorderedlist' }
                                ]
                            },
                            { type: 'separator' },
                            { group: 'insertitem' , label: 'Insert Item',
                                buttons: [
                                    { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
                value: 'createlink' , disabled: true },
                                    { type: 'push', label: 'Insert Image', value:
                'insertimage' }
                                    ]
                            }
                            ]
                            }
                        };

                       
                        //YAHOO.widget. Toolbar.prototyp e.STR_COLLAPSE = 'Click to close
                the editor.';
                        //var textAreaName = document.getElement sByTagName( 'textarea' );
                        //alert(textAreaNam e[0].id);
                        richTextEditor = new YAHOO.widget. Editor('txtConte nt', myConfig);
                        richTextEditor. on('toolbarLoade d', function() {
                           
                            this.toolbar. on('toolbarColla psed', function() {
                               
                                Dom.setXY(this. get('element_ cont').get( 'element' ),
                [-99999, -99999]);
                                Dom.removeClass( this.toolbar. get('cont' ).parentNode,
                'yui-toolbar- container- collapsed' );
                                richTextEditor. saveHTML( );
                                editing.innerHTML = richTextEditor. get('element' ).value;
                                editing = null;
                            }, richTextEditor, true);
                        }, richTextEditor, true);
                        richTextEditor. render();

                        Event.on('editable_ cont', 'dblclick', function(ev) {
                            var tar = Event.getTarget( ev);
                            if (Dom.hasClass( tar, 'editable')) {
                               
                                if (editing !== null) {
                                   
                                    richTextEditor. saveHTML( );
                                    editing.innerHTML = richTextEditor. get('element' ).value;
                                }
                               
                                var xy = Dom.getXY(tar) ;
                               
                                richTextEditor. setEditorHTML( tar.innerHTML) ;

                             
                Dom.setXY(richTextE ditor.get( 'element_ cont').get( 'element' ), xy);
                                editing = tar;
                            }
                        });

                    })();



                Code for second one


                (function() {
                        var Dom1 = YAHOO.util.Dom,
                            Event1 = YAHOO.util.Event,
                            editing = null;
                        var myConfigHeader = {
                            height: '400px',
                            width: '500px',
                            animate: true,
                            limitCommands: true,
                            toolbar: {
                            titlebar: 'Edit',
                            collapse: false,
                            draggable: false,
                            buttonType: 'advanced',
                            handleSubmit: true,
                            buttons: [
                                { group: 'fontstyle', label: 'Font Name and Size',
                                buttons: [
                                    { type: 'select', label: 'Verdana', value: 'fontname',
                disabled: true,
                                        menu: [
                                            { text: 'Verdana', checked: true},
                                            { text: 'Arial Black' },
                                            { text: 'Comic Sans MS' },
                                            { text: 'Courier New' },
                                            { text: 'Lucida Console' },
                                            { text: 'Tahoma' },
                                            { text: 'Times New Roman' },
                                            { text: 'Trebuchet MS' },
                                            { text: 'Arial' }
                                        ]
                                    },
                                    { type: 'spin', label: '13', value: 'fontsize', range: [
                9, 75 ], disabled: true }
                                ]
                            },
                            { type: 'separator' },
                            { group: 'textstyle', label: 'Font Style',
                                buttons: [
                                    { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
                'bold' },
                                    { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
                'italic' },
                                    { type: 'push', label: 'Underline CTRL + SHIFT + U',
                value: 'underline' },
                                    { type: 'separator' },
                                    { type: 'push', label: 'Subscript', value: 'subscript',
                disabled: true },
                                    { type: 'push', label: 'Superscript' , value:
                'superscript' , disabled: true },
                                    { type: 'separator' },
                                    { type: 'color', label: 'Font Color', value:
                'forecolor', disabled: true },
                                    { type: 'color', label: 'Background Color', value:
                'backcolor', disabled: true },
                                    { type: 'separator' },
                                    { type: 'push', label: 'Remove Formatting', value:
                'removeformat' , disabled: true },
                                    { type: 'push', label: 'Show/Hide Hidden Elements',
                value: 'hiddenelements' }
                                ]
                            },
                            { type: 'separator' },
                            { group: 'alignment', label: 'Alignment',
                                buttons: [
                                    { type: 'push', label: 'Align Left CTRL + SHIFT + [',
                value: 'justifyleft' },
                                    { type: 'push', label: 'Align Center CTRL + SHIFT + |',
                value: 'justifycenter' },
                                    { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
                value: 'justifyright' },
                                    { type: 'push', label: 'Justify', value: 'justifyfull' }
                                ]
                            },
                            { type: 'separator' },
                            { group: 'parastyle', label: 'Paragraph Style',
                                buttons: [
                                { type: 'select', label: 'Normal', value: 'heading',
                disabled: true,
                                    menu: [
                                        { text: 'Normal', value: 'none', checked: true },
                                        { text: 'Header 1', value: 'h1' },
                                        { text: 'Header 2', value: 'h2' },
                                        { text: 'Header 3', value: 'h3' },
                                        { text: 'Header 4', value: 'h4' },
                                        { text: 'Header 5', value: 'h5' },
                                        { text: 'Header 6', value: 'h6' }
                                    ]
                                }
                                ]
                            },
                            { type: 'separator' },
                            { group: 'indentlist' , label: 'Indenting and Lists',
                                buttons: [
                                    { type: 'push', label: 'Indent', value: 'indent',
                disabled: true },
                                    { type: 'push', label: 'Outdent', value: 'outdent',
                disabled: true },
                                    { type: 'push', label: 'Create an Unordered List',
                value: 'insertunorderedlis t' },
                                    { type: 'push', label: 'Create an Ordered List', value:
                'insertorderedlist' }
                                ]
                            },
                            { type: 'separator' },
                            { group: 'insertitem' , label: 'Insert Item',
                                buttons: [
                                    { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
                value: 'createlink' , disabled: true },
                                    { type: 'push', label: 'Insert Image', value:
                'insertimage' }
                                    ]
                            }
                            ]
                            }
                        };

                       
                        //YAHOO.widget. Toolbar.prototyp e.STR_COLLAPSE = 'Click to close
                the editor.';
                       
                        //alert(textAreaNam e[0].id);
                        richTextEditorHeade r = new
                YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;
                        richTextEditorHeade r.on('toolbarLoa ded', function() {
                           
                            this.toolbar. on('toolbarColla psed', function() {
                               
                                Dom1.setXY(this. get('element_ cont').get( 'element' ),
                [-99999, -99999]);
                                Dom1.removeClass( this.toolbar. get('cont' ).parentNode,
                'yui-toolbar- container- collapsed' );
                                richTextEditorHeade r.saveHTML( );
                                editing.innerHTML =
                richTextEditorHeade r.get('element' ).value;
                                editing = null;
                            }, richTextEditorHeade r, true);
                        }, richTextEditorHeade r, true);
                        richTextEditorHeade r.render( );

                        Event1.on('editable _cont', 'dblclick', function(ev) {
                            var tar = Event1.getTarget( ev);
                            if (Dom1.hasClass( tar, 'editable')) {
                               
                                if (editing !== null) {
                                   
                                    richTextEditorHeade r.saveHTML( );
                                    editing.innerHTML =
                richTextEditorHeade r.get('element' ).value;
                                }
                               
                                var xy = Dom1.getXY(tar) ;
                               
                                richTextEditorHeade r.setEditorHTML( tar.innerHTML) ;

                             
                Dom1.setXY(richText EditorHeader. get('element_ cont').get( 'element' ), xy);
                                editing = tar;
                            }
                        });

                    })();

                -------
                shoeb



                ------------ --------- --------- ------

                Yahoo! Groups Links

                <*> To visit your group on the web, go to:
                    http://groups. yahoo.com/ group/ydn- javascript/

                <*> Your email settings:
                    Individual Email | Traditional

                <*> To change settings online go to:
                    http://groups. yahoo.com/ group/ydn- javascript/ join
                    (Yahoo! ID required)

                <*> To change settings via email:
                    mailto:ydn-javascript- digest@yahoogrou ps.com
                    mailto:ydn-javascript- fullfeatured@ yahoogroups. com

                <*> To unsubscribe from this group, send an email to:
                    ydn-javascript- unsubscribe@ yahoogroups. com

                <*> Your use of Yahoo! Groups is subject to:
                    http://docs. yahoo.com/ info/terms/



              • Dav Glass
                Sorry, I sent it before I got to the next message ;) Dav Dav Glass dav.glass@yahoo.com blog.davglass.com + Windows: n. - The most successful computer virus,
                Message 7 of 7 , Aug 4, 2008
                • 0 Attachment
                  Sorry, I sent it before I got to the next message ;)

                  Dav
                   
                  Dav Glass
                  dav.glass@...
                  blog.davglass.com



                  + Windows: n. - The most successful computer virus, ever. +
                  + A computer without a Microsoft operating system is like a dog
                  without bricks tied to its head +
                  + A Microsoft Certified Systems Engineer is to computing what a
                  McDonalds Certified Food Specialist is to fine cuisine +


                  ----- Original Message ----
                  From: Raquib Mahmood <shoeb101@...>
                  To: ydn-javascript@yahoogroups.com
                  Sent: Monday, August 4, 2008 6:08:35 AM
                  Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page

                  thanks Dav
                  u r right.i solved this problem.

                  shoeb


                  --- On Mon, 8/4/08, Dav Glass <dav.glass@...> wrote:
                  From: Dav Glass <dav.glass@...>
                  Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page
                  To: ydn-javascript@yahoogroups.com
                  Date: Monday, August 4, 2008, 6:01 AM

                  My point for that code:
                  YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;

                  Is that ('txtHeaderContent' .id) is not valid..

                  Dav
                   
                  Dav Glass
                  dav.glass@yahoo. com
                  blog.davglass. com



                  + Windows: n. - The most successful computer virus, ever. +
                  + A computer without a Microsoft operating system is like a dog
                  without bricks tied to its head +
                  + A Microsoft Certified Systems Engineer is to computing what a
                  McDonalds Certified Food Specialist is to fine cuisine +


                  ----- Original Message ----
                  From: Raquib Mahmood <shoeb101@yahoo. com>
                  To: ydn-javascript@ yahoogroups. com
                  Sent: Monday, August 4, 2008 3:06:23 AM
                  Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page


                  i changed it to 'txtHeader'.
                  now first one is showing,second one not and in firefox giving error
                  K is null in event-min.js

                  shoeb

                  --- On Thu, 7/31/08, Dav Glass <dav.glass@yahoo. com> wrote:
                  From: Dav Glass <dav.glass@yahoo. com>
                  Subject: Re: [ydn-javascript] Adding multiple Rich Text Editor in One Page
                  To: ydn-javascript@ yahoogroups. com
                  Date: Thursday, July 31, 2008, 9:03 AM

                  shoeb101 --

                  I think this line is the issue:
                  YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;

                  Dav
                   
                  Dav Glass
                  dav.glass@yahoo. com
                  blog.davglass. com



                  + Windows: n. - The most successful computer virus, ever. +
                  + A computer without a Microsoft operating system is like a dog
                  without bricks tied to its head +
                  + A Microsoft Certified Systems Engineer is to computing what a
                  McDonalds Certified Food Specialist is to fine cuisine +


                  ----- Original Message ----
                  From: shoeb101 <shoeb101@yahoo. com>
                  To: ydn-javascript@ yahoogroups. com
                  Sent: Thursday, July 31, 2008 8:58:45 AM
                  Subject: [ydn-javascript] Adding multiple Rich Text Editor in One Page

                  Hi,
                  I am a new user of yui.I am trying to multiple rich text editor in one
                  page.Only first one is showing.Second one showing as simple textarea.
                  Here is my code for two Rich text editor

                  Code for first editor

                  (function() {
                          var Dom = YAHOO.util.Dom,
                              Event = YAHOO.util.Event,
                              editing = null;
                          var myConfig = {
                              height: '400px',
                              width: '500px',
                              animate: true,
                              limitCommands: true,
                              toolbar: {
                              titlebar: 'Edit Content',
                              collapse: false,
                              draggable: false,
                              buttonType: 'advanced',
                              handleSubmit: true,
                              buttons: [
                                  { group: 'fontstyle', label: 'Font Name and Size',
                                  buttons: [
                                      { type: 'select', label: 'Verdana', value: 'fontname',
                  disabled: true,
                                          menu: [
                                              { text: 'Verdana', checked: true},
                                              { text: 'Arial Black' },
                                              { text: 'Comic Sans MS' },
                                              { text: 'Courier New' },
                                              { text: 'Lucida Console' },
                                              { text: 'Tahoma' },
                                              { text: 'Times New Roman' },
                                              { text: 'Trebuchet MS' },
                                              { text: 'Arial' }
                                          ]
                                      },
                                      { type: 'spin', label: '13', value: 'fontsize', range: [
                  9, 75 ], disabled: true }
                                  ]
                              },
                              { type: 'separator' },
                              { group: 'textstyle', label: 'Font Style',
                                  buttons: [
                                      { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
                  'bold' },
                                      { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
                  'italic' },
                                      { type: 'push', label: 'Underline CTRL + SHIFT + U',
                  value: 'underline' },
                                      { type: 'separator' },
                                      { type: 'push', label: 'Subscript', value: 'subscript',
                  disabled: true },
                                      { type: 'push', label: 'Superscript' , value:
                  'superscript' , disabled: true },
                                      { type: 'separator' },
                                      { type: 'color', label: 'Font Color', value:
                  'forecolor', disabled: true },
                                      { type: 'color', label: 'Background Color', value:
                  'backcolor', disabled: true },
                                      { type: 'separator' },
                                      { type: 'push', label: 'Remove Formatting', value:
                  'removeformat' , disabled: true },
                                      { type: 'push', label: 'Show/Hide Hidden Elements',
                  value: 'hiddenelements' }
                                  ]
                              },
                              { type: 'separator' },
                              { group: 'alignment', label: 'Alignment',
                                  buttons: [
                                      { type: 'push', label: 'Align Left CTRL + SHIFT + [',
                  value: 'justifyleft' },
                                      { type: 'push', label: 'Align Center CTRL + SHIFT + |',
                  value: 'justifycenter' },
                                      { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
                  value: 'justifyright' },
                                      { type: 'push', label: 'Justify', value: 'justifyfull' }
                                  ]
                              },
                              { type: 'separator' },
                              { group: 'parastyle', label: 'Paragraph Style',
                                  buttons: [
                                  { type: 'select', label: 'Normal', value: 'heading',
                  disabled: true,
                                      menu: [
                                          { text: 'Normal', value: 'none', checked: true },
                                          { text: 'Header 1', value: 'h1' },
                                          { text: 'Header 2', value: 'h2' },
                                          { text: 'Header 3', value: 'h3' },
                                          { text: 'Header 4', value: 'h4' },
                                          { text: 'Header 5', value: 'h5' },
                                          { text: 'Header 6', value: 'h6' }
                                      ]
                                  }
                                  ]
                              },
                              { type: 'separator' },
                              { group: 'indentlist' , label: 'Indenting and Lists',
                                  buttons: [
                                      { type: 'push', label: 'Indent', value: 'indent',
                  disabled: true },
                                      { type: 'push', label: 'Outdent', value: 'outdent',
                  disabled: true },
                                      { type: 'push', label: 'Create an Unordered List',
                  value: 'insertunorderedlis t' },
                                      { type: 'push', label: 'Create an Ordered List', value:
                  'insertorderedlist' }
                                  ]
                              },
                              { type: 'separator' },
                              { group: 'insertitem' , label: 'Insert Item',
                                  buttons: [
                                      { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
                  value: 'createlink' , disabled: true },
                                      { type: 'push', label: 'Insert Image', value:
                  'insertimage' }
                                      ]
                              }
                              ]
                              }
                          };

                         
                          //YAHOO.widget. Toolbar.prototyp e.STR_COLLAPSE = 'Click to close
                  the editor.';
                          //var textAreaName = document.getElement sByTagName( 'textarea' );
                          //alert(textAreaNam e[0].id);
                          richTextEditor = new YAHOO.widget. Editor('txtConte nt', myConfig);
                          richTextEditor. on('toolbarLoade d', function() {
                             
                              this.toolbar. on('toolbarColla psed', function() {
                                 
                                  Dom.setXY(this. get('element_ cont').get( 'element' ),
                  [-99999, -99999]);
                                  Dom.removeClass( this.toolbar. get('cont' ).parentNode,
                  'yui-toolbar- container- collapsed' );
                                  richTextEditor. saveHTML( );
                                  editing.innerHTML = richTextEditor. get('element' ).value;
                                  editing = null;
                              }, richTextEditor, true);
                          }, richTextEditor, true);
                          richTextEditor. render();

                          Event.on('editable_ cont', 'dblclick', function(ev) {
                              var tar = Event.getTarget( ev);
                              if (Dom.hasClass( tar, 'editable')) {
                                 
                                  if (editing !== null) {
                                     
                                      richTextEditor. saveHTML( );
                                      editing.innerHTML = richTextEditor. get('element' ).value;
                                  }
                                 
                                  var xy = Dom.getXY(tar) ;
                                 
                                  richTextEditor. setEditorHTML( tar.innerHTML) ;

                               
                  Dom.setXY(richTextE ditor.get( 'element_ cont').get( 'element' ), xy);
                                  editing = tar;
                              }
                          });

                      })();



                  Code for second one


                  (function() {
                          var Dom1 = YAHOO.util.Dom,
                              Event1 = YAHOO.util.Event,
                              editing = null;
                          var myConfigHeader = {
                              height: '400px',
                              width: '500px',
                              animate: true,
                              limitCommands: true,
                              toolbar: {
                              titlebar: 'Edit',
                              collapse: false,
                              draggable: false,
                              buttonType: 'advanced',
                              handleSubmit: true,
                              buttons: [
                                  { group: 'fontstyle', label: 'Font Name and Size',
                                  buttons: [
                                      { type: 'select', label: 'Verdana', value: 'fontname',
                  disabled: true,
                                          menu: [
                                              { text: 'Verdana', checked: true},
                                              { text: 'Arial Black' },
                                              { text: 'Comic Sans MS' },
                                              { text: 'Courier New' },
                                              { text: 'Lucida Console' },
                                              { text: 'Tahoma' },
                                              { text: 'Times New Roman' },
                                              { text: 'Trebuchet MS' },
                                              { text: 'Arial' }
                                          ]
                                      },
                                      { type: 'spin', label: '13', value: 'fontsize', range: [
                  9, 75 ], disabled: true }
                                  ]
                              },
                              { type: 'separator' },
                              { group: 'textstyle', label: 'Font Style',
                                  buttons: [
                                      { type: 'push', label: 'Bold CTRL + SHIFT + B', value:
                  'bold' },
                                      { type: 'push', label: 'Italic CTRL + SHIFT + I', value:
                  'italic' },
                                      { type: 'push', label: 'Underline CTRL + SHIFT + U',
                  value: 'underline' },
                                      { type: 'separator' },
                                      { type: 'push', label: 'Subscript', value: 'subscript',
                  disabled: true },
                                      { type: 'push', label: 'Superscript' , value:
                  'superscript' , disabled: true },
                                      { type: 'separator' },
                                      { type: 'color', label: 'Font Color', value:
                  'forecolor', disabled: true },
                                      { type: 'color', label: 'Background Color', value:
                  'backcolor', disabled: true },
                                      { type: 'separator' },
                                      { type: 'push', label: 'Remove Formatting', value:
                  'removeformat' , disabled: true },
                                      { type: 'push', label: 'Show/Hide Hidden Elements',
                  value: 'hiddenelements' }
                                  ]
                              },
                              { type: 'separator' },
                              { group: 'alignment', label: 'Alignment',
                                  buttons: [
                                      { type: 'push', label: 'Align Left CTRL + SHIFT + [',
                  value: 'justifyleft' },
                                      { type: 'push', label: 'Align Center CTRL + SHIFT + |',
                  value: 'justifycenter' },
                                      { type: 'push', label: 'Align Right CTRL + SHIFT + ]',
                  value: 'justifyright' },
                                      { type: 'push', label: 'Justify', value: 'justifyfull' }
                                  ]
                              },
                              { type: 'separator' },
                              { group: 'parastyle', label: 'Paragraph Style',
                                  buttons: [
                                  { type: 'select', label: 'Normal', value: 'heading',
                  disabled: true,
                                      menu: [
                                          { text: 'Normal', value: 'none', checked: true },
                                          { text: 'Header 1', value: 'h1' },
                                          { text: 'Header 2', value: 'h2' },
                                          { text: 'Header 3', value: 'h3' },
                                          { text: 'Header 4', value: 'h4' },
                                          { text: 'Header 5', value: 'h5' },
                                          { text: 'Header 6', value: 'h6' }
                                      ]
                                  }
                                  ]
                              },
                              { type: 'separator' },
                              { group: 'indentlist' , label: 'Indenting and Lists',
                                  buttons: [
                                      { type: 'push', label: 'Indent', value: 'indent',
                  disabled: true },
                                      { type: 'push', label: 'Outdent', value: 'outdent',
                  disabled: true },
                                      { type: 'push', label: 'Create an Unordered List',
                  value: 'insertunorderedlis t' },
                                      { type: 'push', label: 'Create an Ordered List', value:
                  'insertorderedlist' }
                                  ]
                              },
                              { type: 'separator' },
                              { group: 'insertitem' , label: 'Insert Item',
                                  buttons: [
                                      { type: 'push', label: 'HTML Link CTRL + SHIFT + L',
                  value: 'createlink' , disabled: true },
                                      { type: 'push', label: 'Insert Image', value:
                  'insertimage' }
                                      ]
                              }
                              ]
                              }
                          };

                         
                          //YAHOO.widget. Toolbar.prototyp e.STR_COLLAPSE = 'Click to close
                  the editor.';
                         
                          //alert(textAreaNam e[0].id);
                          richTextEditorHeade r = new
                  YAHOO.widget. Editor('txtHeade rContent' .id, myConfigHeader) ;
                          richTextEditorHeade r.on('toolbarLoa ded', function() {
                             
                              this.toolbar. on('toolbarColla psed', function() {
                                 
                                  Dom1.setXY(this. get('element_ cont').get( 'element' ),
                  [-99999, -99999]);
                                  Dom1.removeClass( this.toolbar. get('cont' ).parentNode,
                  'yui-toolbar- container- collapsed' );
                                  richTextEditorHeade r.saveHTML( );
                                  editing.innerHTML =
                  richTextEditorHeade r.get('element' ).value;
                                  editing = null;
                              }, richTextEditorHeade r, true);
                          }, richTextEditorHeade r, true);
                          richTextEditorHeade r.render( );

                          Event1.on('editable _cont', 'dblclick', function(ev) {
                              var tar = Event1.getTarget( ev);
                              if (Dom1.hasClass( tar, 'editable')) {
                                 
                                  if (editing !== null) {
                                     
                                      richTextEditorHeade r.saveHTML( );
                                      editing.innerHTML =
                  richTextEditorHeade r.get('element' ).value;
                                  }
                                 
                                  var xy = Dom1.getXY(tar) ;
                                 
                                  richTextEditorHeade r.setEditorHTML( tar.innerHTML) ;

                               
                  Dom1.setXY(richText EditorHeader. get('element_ cont').get( 'element' ), xy);
                                  editing = tar;
                              }
                          });

                      })();

                  -------
                  shoeb



                  ------------ --------- --------- ------

                  Yahoo! Groups Links

                  <*> To visit your group on the web, go to:
                      http://groups. yahoo.com/ group/ydn- javascript/

                  <*> Your email settings:
                      Individual Email | Traditional

                  <*> To change settings online go to:
                      http://groups. yahoo.com/ group/ydn- javascript/ join
                      (Yahoo! ID required)

                  <*> To change settings via email:
                      mailto:ydn-javascript- digest@yahoogrou ps.com
                      mailto:ydn-javascript- fullfeatured@ yahoogroups. com

                  <*> To unsubscribe from this group, send an email to:
                      ydn-javascript- unsubscribe@ yahoogroups. com

                  <*> Your use of Yahoo! Groups is subject to:
                      http://docs. yahoo.com/ info/terms/



                Your message has been successfully submitted and would be delivered to recipients shortly.