CKEditor fails when loading into a div

when loading a form containing a textarea with ckeditor through
function makerequest(serverPage, objID) {

var obj = document.getElementById(objID);
xmlhttp.open("GET", serverPage);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
obj.innerHTML = xmlhttp.responseText;
}
};
xmlhttp.send(null);
}

the ckeditor will not load. please assist

example of working version : http://prj.stroetenga-design.nl/erna/he ... ontent.php
example of failing code : http://prj.stroetenga-design.nl/erna/he ... ise/admin/
which essentially loads the same code ..
>>

<html>
<head>
   <title>Sample CKEditor Site</title>
   <script type="text/javascript" src="../tools/ckeditor/ckeditor.js"></script>
</head>
<body>
   <form method="post">
      <p>
         My Editor:<br />
         <textarea id="editor1" name="editor1">&lt;p&gt;Initial value.&lt;/p&gt;</textarea>
         <script type="text/javascript">
            CKEDITOR.replace( 'editor1' );
         </script>
      </p>
      <p>
         <input type="submit" />
      </p>
   </form>
</body>
</html>

<<
and i made sure the js location is correct

please assist

Thu, 10/13/2011 - 12:15

ludostroetenga

Joined: 12/10/2011

Posts: 2

Re: CKEditor fails when loading into a div

I adjusted the test scenario a little to :

<html>

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="Cache-Control" content="no-cache" />
   <meta http-equiv="Pragma" content="no-cache" />
   <title>Plaats titel hier</title>
   <script type="text/javascript" src="./scripts/functions.js"></script>
   <script type="text/javascript" src="./tools/ckeditor/ckeditor.js"></script>
</head>

<body> <!--  onload="makerequest('./modules/content.php?page=wieisHA','main_content');">  -->

   <div style="background-color:#f0f0f0;width: 194px; height: 100%;">
      <div>
         <div class="menu_item ">
            <a class="menu_item" href="#" onclick="makerequest('./modules/content.php?page=contact','main_content');ActiveMenu(this); SetBreadCrumb('bread_crumbs','Home &raquo; Rentevastperiode');return false;">
               page1
            </a>
         </div>
         <div class="menu_item last">
            <a class="menu_item" href="#" onclick="makerequest('./modules/content.php?page=referenties','main_content');ActiveMenu(this); SetBreadCrumb('bread_crumbs','Home &raquo; Rentevastperiode');return false;">
               page2
            </a>
         </div>
      </div>
   </div>
   <div id="main_content" style="position:absolute; top:25px; left:194px; width: 750px; padding:25px; color: #0f0f0f; ">
   <?
      include('./modules/content.php');
   ?>
   </div>
 </body>
</html>