how to change textarea height after initialization

Hi, I have following problem.
I am trying to change textarea height after onresize event in <body>

Here is sample code:

<body onresize="res()">
   <form action="" method="post" onsubmit="return false">
      <div>
         <textarea id="FCKeditor1" name="FCKeditor1" rows="10" cols="80" style="width: 100%"></textarea>
      </div>
      <script type="text/javascript">
<!--
var sBasePath = document.location.href.substring(0,document.location.href.lastIndexOf('_samples')) ;

var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.BasePath   = sBasePath ;
oFCKeditor.Height   = parentGetWindowHeight();
oFCKeditor.ReplaceTextarea();
//-->
document.getElementById("FCKeditor1").value = parentGetText();

function res() {

oFCKeditor.Height = "600px";
document.getElementById('FCKeditor1').style.height = "600px";
}
      </script>
   </form>
</body>

Thanks for any advice, I am really desperate.

Wed, 06/03/2009 - 16:40

student101

Joined: 20/06/2008

Posts: 33

Re: how to change textarea height after initialization

API

READING FURTHER WILL MAKE YOU SLEEPY, VERY SLEEPY!

fckeditor.js
been using it since I started with FCKeditor

<script type="text/javascript" src="../FCKeditor/fckeditor.js"></script>
<script type="text/javascript">
<!--
window.onload = function(){
var oFCKeditor = new FCKeditor("content");
var oFCKeditor2 = new FCKeditor("content_text");
oFCKeditor.ToolbarSet = "Default";
oFCKeditor.BasePath = "../FCKeditor/";
oFCKeditor.ReplaceTextarea ();
oFCKeditor.Height = "600" ; 
oFCKeditor.Width = "100%" ;
oFCKeditor.StylesXmlPath = '../FCKeditor/fckstyles.xml' ;
oFCKeditor2.ToolbarSet = "MaToolbar";
oFCKeditor2.BasePath = "../FCKeditor/";
oFCKeditor2.ReplaceTextarea ();
oFCKeditor2.Height = "300" ; 
oFCKeditor2.Width = "100%" ;
oFCKeditor2.StylesXmlPath = '../FCKeditor/fckstyles.xml' ;
}
</script>

<script type="text/javascript" src="../FCKeditor/fckeditor.js"></script>
<script type="text/javascript">
window.onload = function(){
var oFCKeditor = new FCKeditor( "content" ) ; //The textarea name
oFCKeditor.BasePath = "../FCKeditor/" ; 
oFCKeditor.Height = "500" ; 
oFCKeditor.Width = "100%" ;
oFCKeditor.ToolbarSet = "MyToolbar" ; //The toolbar you want to use
oFCKeditor.ReplaceTextarea() ;
oFCKeditor.StylesXmlPath = '../FCKeditor/fckstyles.xml' ;
}
</script>

<script type="text/javascript" src="../FCKeditor/fckeditor.js"></script>
<script type="text/javascript">
<!--
window.onload = function(){
var oFCKeditor = new FCKeditor('content','100%','350','MaToolbar') ;
oFCKeditor.StylesXmlPath = '../FCKeditor/fckstyles.xml' ;
var oFCKeditor2 = new FCKeditor('content_text','100%','400','MaToolbar') ;
oFCKeditor2.StylesXmlPath = '../FCKeditor/fckstyles.xml' ;
oFCKeditor.BasePath = '../FCKeditor/' ;
oFCKeditor.ReplaceTextarea() ;
oFCKeditor.StylesXmlPath = '../FCKeditor/fckstyles.xml' ;
oFCKeditor2.BasePath = '../FCKeditor/' ;
oFCKeditor2.ReplaceTextarea() ;
}
-->
</script>

Fri, 08/07/2009 - 17:37

ironx