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

Re: [ydn-javascript] Re: RichTextEditor inside tab view

Expand Messages
  • Deekshit Mantampady
    Thanks Dav, I tried to prepare (and render) the editor at the time the page is loaded. It works fine. Thanks you very much for writing such a wonderful tool.
    Message 1 of 8 , Dec 5 11:40 AM
      Thanks Dav,
         I tried to prepare (and render) the editor at the time the page is loaded. It works fine.

      Thanks you very much for writing such a wonderful tool.

      Thanks
      Deekshit M

      On Fri, Dec 5, 2008 at 12:19 AM, Dav Glass <davglass@...> wrote:

      dmantamp --

      It doesn't appear that you are doing anything to make the dynamic script node fire. They will not execute in most browsers when they are just inserted into the DOM.

      You should look at Caridy's Bubbling Library, specifically the Dispatcher plugin:
      http://bubbling-library.com/eng/api/docs/plugins/dispatcher

      That will help you do what you need to do..



      Dav

      --
      Dav Glass
      davglass@...
      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  +


      On Thu, Dec 4, 2008 at 8:24 AM, dmantamp <dmantamp@...> wrote:

      Hi Dav,
      I am sorry, right now it is not hosted anywhere. It might take some
      time bfore I upload the YUI libraries and host this page. I am pasting
      the source code that I used.

      -----------------------------------main.html----------------------------\
      --------------------
      <html>
      <head>
      <link rel="stylesheet" type="text/css"
      href="../build/menu/assets/skins/sam/menu.css" />
      <link rel="stylesheet" type="text/css"
      href="../build/button/assets/skins/sam/button.css" />
      <link rel="stylesheet" type="text/css"
      href="../build/fonts/fonts-min.css" />
      <link rel="stylesheet" type="text/css"
      href="../build/container/assets/skins/sam/container.css" />
      <link rel="stylesheet" type="text/css"
      href="../build/editor/assets/skins/sam/editor.css" />
      <link rel="stylesheet" type="text/css"
      href="../build/tabview/assets/skins/sam/tabview.css" />

      <script type="text/javascript"
      src="../build/yahoo-dom-event/yahoo-dom-event.js"></script>
      <script type="text/javascript"
      src="../build/connection/connection-min.js"></script>
      <script type="text/javascript"
      src="../build/container/container-min.js"></script>
      <script type="text/javascript"
      src="../build/animation/animation-min.js"></script>
      <script type="text/javascript"
      src="../build/element/element-beta-min.js"></script>
      <script type="text/javascript"
      src="../build/tabview/tabview-min.js"></script>
      <script type="text/javascript"
      src="../build/yui/yui-min.js"></script>
      <script type="text/javascript"
      src="../build/menu/menu-min.js"></script>
      <script type="text/javascript"
      src="../build/button/button-min.js"></script>
      <script type="text/javascript"
      src="../build/editor/editor-min.js"></script>
      </head>
      <body class="yui-skin-sam" >
      <!-- The tab Bars -->
      <div id="demo" class="yui-navset" style="width:800px;">
      <script type="text/javascript">
      var tabView = new YAHOO.widget.TabView('demo');
      tabView.addTab( new YAHOO.widget.Tab({
      label: 'Home',
      dataSrc: 'content.html',
      cacheData: true

      }));

      tabView.addTab( new YAHOO.widget.Tab({
      label: 'Search',
      dataSrc: 'content.html',
      cacheData: true
      }));

      tabView.addTab( new YAHOO.widget.Tab({
      label: 'Browse',
      dataSrc: 'content.html',
      cacheData: true,
      active: true
      }));

      </script>
      </div>

      <!-- END OF TAB BARS -->
      </body>

      </html>

      -----------------------------------END
      main.html------------------------------------------------
      -----------------------------------content.html-------------------------\
      -----------------------
      <div>This is atrest
      <textarea id="editor" name="editor" rows="20" cols="75">My test
      </textarea>
      <script type="text/javascript" >
      var myConfig = {
      height: '300px',
      width: '600px',
      animate: true,
      dompath: true,
      focusAtStart: true
      };

      var myEditor = new YAHOO.widget.Editor('editor', myConfig);
      myEditor.render();

      </script>
      </div>

      -----------------------------------END
      content.html------------------------------------------------



      --- In ydn-javascript@yahoogroups.com, "Dav Glass" <davglass@...> wrote:
      >
      > Deekshit --
      >
      > Please post a link to a URL so I can see it in action..
      >
      > Thanks
      > Dav
      >
      > --
      > Dav Glass
      > davglass@...

      > 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 +
      >
      >
      > On Wed, Dec 3, 2008 at 9:09 PM, Deekshit Mantampady dmantamp@...wrote:

      >
      > > Hi,
      > > Thank you very much for the response. I have see these examples.
      But all
      > > of them use 'content' attribute to display the RTE on tabview.
      Like,
      > > content:
      > > '<textarea id="editor">This is the editor content.. You can edit
      me!</textarea>'
      > >
      > > But I wanted to use the dataSrc tag as in example
      > > http://developer.yahoo.com/yui/examples/tabview/datasrc.html
      > >
      > > I will use dataSrc: 'geteditablepage.php?user=xyz'.
      > > The above URL will render a RTE along with some other fields. But
      all other
      > > fields are rendered perfectly fine. But RTE is rendered as editable
      iFrame.
      > > The same code when rendered outside the tab works great
      > >
      > > Thanks
      > > Deekshit M
      > >
      > >
      > >
      > > On Thu, Dec 4, 2008 at 1:59 AM, Dav Glass davglass@... wrote:
      > >
      > >> I'm not sure exactly what you mean. Please be more specific.
      > >>
      > >> Here are a couple of examples:
      > >> http://developer.yahoo.com/yui/examples/editor/tabview_editor.html
      > >> http://blog.davglass.com/files/yui/editor35/
      > >> http://blog.davglass.com/files/yui/editor4/
      > >>
      > >>
      > >> Dav
      > >>
      > >> --
      > >> Dav Glass
      > >> davglass@...

      > >> 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 +
      > >>
      > >>
      > >> On Wed, Dec 3, 2008 at 12:26 PM, dmantamp dmantamp@... wrote:
      > >>
      > >>> Hi All,
      > >>> I just started to learn YUI, for a personal project. I have a tab
      > >>> view and tab contents are loaded from a HTML file. But the
      Richtext
      > >>> editor appears just as a editable iframe. I could render the
      > >>> RichTextEditor properly outside the tab view. My requirement does
      not
      > >>> permit me to use the 'content' attribute when using the tabbview.
      > >>>
      > >>> Please help me.
      > >>>
      > >>> Thanks
      > >>> D M
      > >>>
      > >>>
      > >>
      > >
      > >
      >



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