Announcement

Do not use the forums to submit bug reports, feature requests or patches, submit a New Ticket instead.

#1 2005-06-16 17:17:16

pinqkandi
New member
Registered: 2005-06-16
Posts: 1

IE Problem with Buttons Toolbars

Hello,

I am having a problem with IE properly displaying the toolbar for Xinha. I think it's possible I am the cause of this, thus I have not submited a ticket.

Please look at this screenshot to see what I mean:

http://williambonde.com/xinha-ss.gif


The toolbar just does not show up properly. Both of the areas shown are text areas. I have included my config code below.


<script type="text/javascript">
    // You must set _editor_url to the URL (including trailing slash) where
    // where xinha is installed, it's highly recommended to use an absolute URL
    //  eg: _editor_url = "/path/to/xinha/";
    // You may try a relative URL if you wish]
    //  eg: _editor_url = "../";
    // in this example we do a little regular expression to find the absolute path.
    _editor_url  = '/admin/htmlarea/';
    _editor_lang = "en";      // And the language we need to use in the editor.
  </script>

  <!-- Load up the actual editor core -->
  <script type="text/javascript" src="/admin/htmlarea/htmlarea.js"></script>

  <script type="text/javascript">
    xinha_editors = null;
    xinha_init    = null;
    xinha_config  = null;
    xinha_plugins = null;

    // This contains the names of textareas we will make into Xinha editors
    xinha_init = xinha_init ? xinha_init : function()
    {
      /** STEP 1 ***************************************************************
       * First, what are the plugins you will be using in the editors on this
       * page.  List all the plugins you will need, even if not all the editors
       * will use all the plugins.
       ************************************************************************/

      xinha_plugins = xinha_plugins ? xinha_plugins :
      [
       'CharacterMap',
       'ContextMenu',
       'FullScreen',
       'ListType',
       'SpellChecker',
       'TableOperations'
      ];

             // THIS BIT OF JAVASCRIPT LOADS THE PLUGINS, NO TOUCHING  :)
             if(!HTMLArea.loadPlugins(xinha_plugins, xinha_init)) return;

      /** STEP 2 ***************************************************************
       * Now, what are the names of the textareas you will be turning into
       * editors?
       ************************************************************************/

      xinha_editors = xinha_editors ? xinha_editors :
      [
        'content-content',
        'content-summary'
      ];

      /** STEP 3 ***************************************************************
       * We create a default configuration to be used by all the editors.
       * If you wish to configure some of the editors differently this will be
       * done in step 5.
       *
       * If you want to modify the default config you might do something like this.
       *
       *   xinha_config = new HTMLArea.Config();
       *   xinha_config.width  = '640px';
       *   xinha_config.height = '420px';
       *
       *************************************************************************/

       xinha_config = xinha_config ? xinha_config() : new HTMLArea.Config();

      /** STEP 4 ***************************************************************
       * We first create editors for the textareas.
       *
       * You can do this in two ways, either
       *
       *   xinha_editors   = HTMLArea.makeEditors(xinha_editors, xinha_config, xinha_plugins);
       *
       * if you want all the editor objects to use the same set of plugins, OR;
       *
       *   xinha_editors = HTMLArea.makeEditors(xinha_editors, xinha_config);
       *   xinha_editors['myTextArea'].registerPlugins(['Stylist','FullScreen']);
       *   xinha_editors['anotherOne'].registerPlugins(['CSS','SuperClean']);
       *
       * if you want to use a different set of plugins for one or more of the
       * editors.
       ************************************************************************/

      xinha_editors   = HTMLArea.makeEditors(xinha_editors, xinha_config, xinha_plugins);

      /** STEP 5 ***************************************************************
       * If you want to change the configuration variables of any of the
       * editors,  this is the place to do that, for example you might want to
       * change the width and height of one of the editors, like this...
       *
       *   xinha_editors.myTextArea.config.width  = '640px';
       *   xinha_editors.myTextArea.config.height = '480px';
       *
       ************************************************************************/


      /** STEP 6 ***************************************************************
       * Finally we "start" the editors, this turns the textareas into
       * Xinha editors.
       ************************************************************************/

      HTMLArea.startEditors(xinha_editors);
    }

    window.onload = xinha_init;
  </script>
  <!--<link type="text/css" rel="stylesheet" title="blue-look" href="/admin/htmlarea/skins/blue-look/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="green-look" href="/admin/htmlarea/skins/green-look/skin.css" />-->
  <link type="text/css" rel="alternate stylesheet" title="xp-blue" href="/admin/htmlarea/skins/xp-blue/skin.css" />
  <!--<link type="text/css" rel="alternate stylesheet" title="xp-green" href="/admin/htmlarea/skins/xp-green/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="inditreuse" href="/admin/htmlarea/skins/inditreuse/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="blue-metallic" href="/admin/htmlarea/skins/blue-metallic/skin.css" />-->


...unrelated HTML....


<tr>
            <td valign="top">Summary:</td>
            <td>
                <textarea cols="65" rows="10" name="content-summary" id="content-summary" style="width: 640px; height:500px;">{$cat.summary}</textarea>
            </td>
        </tr>
        <tr>
            <td valign="top">Content:</td>
            <td><textarea cols="65" rows="25" name="content-content" id="content-content" style="width: 640px; height:500px;">{$cat.content}</textarea></td>
        </tr>

Any ideas or solutions?


Thanks

Offline

#2 2005-06-16 21:12:34

gogo
Xinha Leader
From: New Zealand
Registered: 2005-02-11
Posts: 1,015
Website

Re: IE Problem with Buttons Toolbars


James Sleeman

Offline

Board footer

Powered by FluxBB