content changes in the editor DO NOT GET SUBMITTED,...

viewtopic.php?f=6&t=10236&start=0&st=0&sk=t&sd=a

http://www.ingenuity.be/test/

WHAT YOU WILL NOTICE:
-the changes you made to the textfield work fine
-the changes you made in the editor DO NOT WORK,... (value will always be "blabla" for some reason)

Can somebody tell me why? Can somebody help me by telling me where I should search in my code to get this solved? Any suggestions would be much appreciated, thanks in advance.

<html>
   <head>
      <title>test</title>
      <script src="dojo/dojo.js" type="text/javascript" djConfig="parseOnLoad: false, isDebug: false"></script>   
      <script src='FCKeditor/fckeditor.js' type='text/javascript'></script>
      <script src="myJavaScript.js" type='text/javascript'></script>
   </head>
   <body>
      <a href="javascript:get_form()">Get the form</a>
      
      <div id='form_goes_here'>
         form goes here
      </div>
      <div id='editor'></div>
      
      <div id='post_data_goes_here'>
         post data goes here
      </div>
   
   </body>
</html>

<form name='testform' id='testform'>
   <input type='text' name='test' id='test' value='bla'><br />
   <textarea name='FCKeditor1' id='FCKeditor1'>blabla</textarea><br />
   <input type='button' name='click' id='click' value='click' onClick="submit_form();" />
</form>

<pre>
<?php
   var_dump($_POST);
?>
</pre>

function createEditor()
   {
   FCKeditorAPI = null;
   __FCKeditorNS = null;

   var oFCKeditor = new FCKeditor( 'FCKeditor1' );
   oFCKeditor.BasePath = "FCKeditor/";
   oFCKeditor.Width  = '100%' ;
   oFCKeditor.Height = '545' ;
   oFCKeditor.ToolbarSet   = 'Default' ;
   oFCKeditor.ReplaceTextarea();
   
   }

function get_form() {
   
   document.getElementById("editor").innerHTML = "";
   dojo.xhrGet( {
   
      preventCache:true,
    url: "form.php",
    handleAs: "text",
     timeout: 5000, 

    load: function(response, ioArgs) {
         dojo.byId("form_goes_here").innerHTML = response ;
         return response;
      },
      
      error: function(response, ioArgs) {
         console.error("HTTP status code: ", ioArgs.xhr.status);
         return response;
      }
         
   });
   setTimeout ("createEditor()", 1000);
}/*get_form*/


function submit_form() {

   dojo.xhrPost ({
      url: "process.php",
      handleAs: "text",
      
      load: function(response, ioArgs) {
         dojo.byId("post_data_goes_here").innerHTML = response ;
         return response;
      },
         
      // Name of the Form we want to submit
      form: 'testform',

      // Call this function if an error happened
      error: function (error) {
         console.error ('Error: ', error);
      }
   });
}

Fri, 07/04/2008 - 01:00

redd

Joined: 01/07/2008

Posts: 2

Re: content changes in the editor DO NOT GET SUBMITTED,...

didnt understand all but in your html first goes form <form></form> and then goes fckeditor window.

maybe you better close form tag after <div id="editor"></div>, not before?

Fri, 07/04/2008 - 06:15

a.m.

Joined: 20/04/2008

Posts: 256

Re: content changes in the editor DO NOT GET SUBMITTED,...

Your DOJO code doesn't submit the form correctly. Try this - submit the form yourself (e.g. add at the top of your submit_form function something like this: document.getElementById("testform").submit(); return true;). You will see that current content in the editor gets submitted.

Also, your setTimeout(1000) isn't very reliable. If it takes DOJO more than a second to initialize, the editor won't find the textarea. It's better to initialize the editor after DOJO is done (on some kind of a completion callback).

Mon, 10/27/2008 - 11:55

lovenalube

Joined: 27/10/2008

Posts: 3

Re: content changes in the editor DO NOT GET SUBMITTED,...

http://blogs.uct.ac.za/blog/lovemores-world/2008/10/27/post-fckeditor-form-with-ajax-solved