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

since my other topic here (viewtopic.php?f=6&t=10236&start=0&st=0&sk=t&sd=a) was getting a bit messy, and since this is actualy a new problem I start a new one.

I wrote in that other topic already about my new problem (data not getting submitted), but to show in a better way what's actualy happening I extracted the code I have from the site I'm developping into a little script.

I reconstructed my problem at this location:

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

WHAT TO DO:
-First you click "get the form"
-the form appears, containing some default data ("bla" in the textfield, "blabla" in the editor)
-change both fields values
-click on the button
-a file named process.php dumps the post values from the form

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.

this is the code:

index.php:

<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.php:

<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>

process.php:

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

myJavaScript.js:

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);
      }
   });
}

Offcourse you could say using ajax like this is heavy overkill in this situation, and that is true, but this is just an extract of a much bigger webapplication.

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,...

HI I have battled with the same problem for weeks now. Finally the solution is there. You need to apply these lines of code to your submit function,

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

Log any more problems on my blog so that I can help you quickly.

Happy coding!