Multiple instances using replacetextarea

This does not work for some reason, it seems as soon as the ReplaceTextArea() is called the first instance is erased.

For example with this code, the first editor is not shown while the second one is.

Can anyone help?:

<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor( "Article" ) ;
oFCKeditor.Width = "700";
oFCKeditor.Height = "700";
oFCKeditor.BasePath = "/ui/functions/FCKeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
<textarea id="Article" name="Article"></textarea>
</td>
</tr>
<tr>
<td>
<h4>Comments:</h4>

<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor( "Comments" ) ;
oFCKeditor.Width = "700";
oFCKeditor.Height = "200";
oFCKeditor.BasePath = "/ui/functions/FCKeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
<textarea id="Comments" name="Comments"></textarea>

Tue, 02/14/2006 - 08:04

alfonsoml

Joined: 31/12/2006

Posts: 3735

RE: Multiple instances using replacetextarea

Instead of trying to create an editor just put an alert("hello") in each function and you'll see that it's only being called once.

You're assigning twice a function (a different one each time) to an event, so only the last one will be called.

Tue, 02/14/2006 - 08:28

vancity

Joined: 17/02/2006

Posts: 7

RE: Multiple instances using replacetextarea

Thanks, so how would I recode things so the code for both editors is executed?

Tue, 02/14/2006 - 08:42

vancity

Joined: 17/02/2006

Posts: 7

RE: Multiple instances using replacetextarea

Ok I solved the problem. Uritec led me on the right track because I didn't realize the onload function was not necessary and of course onload happens once which is obviously why both editors didn't appear.

Here is the solution (not make sure you create the textarea before calling the Javascript):

<textarea id="Article" name="Article"></textarea>
<script type="text/javascript">
var oFCKeditorArticle = new FCKeditor( "Article" ) ;
oFCKeditorArticle.Width = "700";
oFCKeditorArticle.Height = "700";
oFCKeditorArticle.BasePath = "/ui/functions/FCKeditor/" ;
oFCKeditorArticle.ReplaceTextarea();
</script>

</td>
</tr>
<tr>
<td>

<h4>Comments:</h4>
<textarea id="Comments" name="Comments"></textarea>
<script type="text/javascript">
var oFCKeditorComments = new FCKeditor( "Comments" ) ;
oFCKeditorComments.Width = "700";
oFCKeditorComments.Height = "200";
oFCKeditorComments.BasePath = "/ui/functions/FCKeditor/" ;
oFCKeditorComments.ReplaceTextarea();
</script>