Announcement

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

#1 2005-08-01 17:14:28

badmrfrosty
New member
Registered: 2005-08-01
Posts: 7

HTMLarea not defined.

Below you will see the entire contents of a page on my website where I am attempting to get xinha to work, I have followed the newbie guide to the best of my ability and I now submit to the dev-gods for assistance.

Thanks,
-Drew

<?
$dbh=mysql_connect ("localhost", "omitted", "omitted") or die ('I cannot connect to the database because: ' .
mysql_error());
mysql_select_db ("omitted");
$query=mysql_query("SELECT * FROM omitted where id = 1");
while($query_info=mysql_fetch_array($query)){
$welcome=$query_info["welcome"];
$twno=$query_info["twno"];
$thisweek=$query_info["thisweek"];
$nwno=$query_info["nwno"];
$nextweek=$query_info["nextweek"];
$hpc=$query_info["hpc"];
$verse1=$query_info["verse1"];
$verse2=$query_info["verse2"];
$verse3=$query_info["verse3"];
$verse4=$query_info["verse4"];
$verse5=$query_info["verse5"];
}
?>
<!DOCTYPE BHTML PUBLIC "-//BC//DTD BHTML 3.2 Final//EN">
<html>
<head>


  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Example of Xinha</title>
  <link rel="stylesheet" href="xinha/full_example.css" />

  <script type="text/javascript">
    _editor_url  = "../xinha")
    _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="../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',
       'Stylist',
       'SuperClean',
       'TableOperations'
      ];

             // THIS BIT OF JAVASCRIPT LOADS THE PLUGINS, NO TOUCHING  smile
             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 :
      [
        'welcome',
        'HPC'
      ];

      /** 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="alternate stylesheet" title="blue-look" href="..xinha/skins/blue-look/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="green-look" href="..xinha/skins/green-look/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="xp-blue" href="..xinha/skins/xp-blue/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="xp-green" href="..xinha/skins/xp-green/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="inditreuse" href="..xinha/skins/inditreuse/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="blue-metallic" href="..xinha/skins/blue-metallic/skin.css" /-->
</head>

<body>

  <form id="editors_here" action="submit.php" method="post">
    <textarea id="welcome" name="welcome" rows="10" cols="80" style="width:100%"><? echo $welcome; ?></textarea>
    <textarea id="HPC" name="HPC" rows="10" cols="80" style="width:100%"><? echo $hpc; ?></textarea>
  </form>
</html>

Last edited by badmrfrosty (2005-08-01 17:14:56)

Offline

#2 2005-08-02 01:55:52

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

Re: HTMLarea not defined.

<script type="text/javascript" src="../htmlarea.js"></script>

should probably be

<script type="text/javascript" src="../xinha/htmlarea.js"></script>

(presuming your _editor_url is correct)


James Sleeman

Offline

#3 2005-08-02 12:31:25

badmrfrosty
New member
Registered: 2005-08-01
Posts: 7

Re: HTMLarea not defined.

I changed all of the paths to xinha/ because the page im calling xinha from is in a directory one level higher than xinha. and now im getting further.

Now it is giving me errors about many of the plugins..

spellchecker is undefined...

I removed spellchecker and the other two it was complaining about and all I get is two normal textareas when i reload the page.

Any ideas?

this is what it looks like now

<!DOCTYPE BHTML PUBLIC "-//BC//DTD BHTML 3.2 Final//EN">
<html>
<head>


  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Example of Xinha</title>
  <link rel="stylesheet" href="xinha/full_example.css" />

  <script type="text/javascript">
    _editor_url  = "xinha/";
    _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="xinha/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',
       'Stylist',
       'SuperClean',
       'TableOperations'
      ];

             // THIS BIT OF JAVASCRIPT LOADS THE PLUGINS, NO TOUCHING  smile
             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 :
      [
        'welcome',
        'HPC'
      ];

      /** 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="alternate stylesheet" title="blue-look" href="xinha/skins/blue-look/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="green-look" href="xinha/skins/green-look/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="xp-blue" href="xinha/skins/xp-blue/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="xp-green" href="xinha/skins/xp-green/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="inditreuse" href="xinha/skins/inditreuse/skin.css" />
  <link type="text/css" rel="alternate stylesheet" title="blue-metallic" href="xinha/skins/blue-metallic/skin.css" /-->
</head>

<body>

  <form id="editors_here">
    <textarea id="welcome" name="welcome" rows="10" cols="80" style="width:100%"><? echo $welcome; ?></textarea>
    <textarea id="HPC" name="HPC" rows="10" cols="80" style="width:100%"><? echo $hpc; ?></textarea>
  </form>
</html>

Offline

#4 2005-08-04 00:47:46

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

Re: HTMLarea not defined.

Hmm, try using an absolute url for _editor_url, or maybe try without the trailing / (can't remember if it's required or not off the top of my head).


James Sleeman

Offline

Board footer

Powered by FluxBB