JavaScript: Change text box height - May not work on some (older) versions of Internet Explorer.<br /> <br /> Set a textarea height to

Quick Search:

JavaScript: Change text box height

Jump to:

Category: >> JavaScript >> Change text box height

<< last

next >>

Snippet Name: Change text box height

Description: May not work on some (older) versions of Internet Explorer.

Set a textarea height to 99% of a table cell, then uses a 1px wide gif to alter the height.

Comment: (none)

Language:
Highlight Mode: JAVASCRIPT
Last Modified: February 27th, 2009

<table><tr>
<td>
<img id="ZZ" align="left" src="spacer.gif" width="1" height="50">
<textarea NAME="sometext" style="height: 99%;"></textarea>
</td></tr>
</table>
 
 
     <form NAME="sizer">
     <input type="button" NAME="up" value="+" onclick="IncImgSize('ZZ',20);"> 
     <input type="button" NAME="dn" value="-" onclick="DecImgSize('ZZ',20);"> 
     </form>
 
 
 
     // increases height of text box
     FUNCTION IncImgSize(objectId,newHeight) {
          imgString = 'theImg = document.getElementById("'+objectId+'")';
          EVAL(imgString);
          oldHeight = theImg.height;
               IF(newHeight>0){
                    theImg.height = theImg.height + newHeight;
               }
     }
 
     // decreases height of text box
     FUNCTION DecImgSize(objectId,newHeight) {
          imgString = 'theImg = document.getElementById("'+objectId+'")';
          EVAL(imgString);
          oldHeight = theImg.height;
               IF(newHeight>0){
                    theImg.height = theImg.height - newHeight;
               }
     }