dynamic textarea question

[DL]

Hello,

What I intend to do is to give a textarea 60% of a browser window's
height and width respectively.

Here's how my current page look like in a nutshell.
At top, the CSS section has the following line:
body { height:100%; widht:100%}
/* purpose: to prepare for the relative width and height
call from the textarea element
*/

In the middle of the page, it includes a subpage which contains the
Textarea element
and here's how the textarea element look like:
<textarea id="txt" name="txt" style="height:60%;width:60%"></textarea>
// this subpage needs to be a separate entity.

But the above specified width and height for the Textarea is not
recognized.

Also, the current page (main page) used quite a few CSS scripts for a
third party tool, that is, extJS...

What's wrong? How do we solve it?

Thanks in advance.

 

[Dr_Kral]

Hello,

What I intend to do is to give a textarea 60% of a browser window's
height and width respectively.

Here's how my current page look like in a nutshell.
At top, the CSS section has the following line:
body { height:100%; widht:100%} spelling?
/* purpose: to prepare for the relative width and height
call from the textarea element
*/

In the middle of the page, it includes a subpage which contains the
Textarea element
and here's how the textarea element look like:
<textarea id="txt" name="txt" style="height:60%;width:60%"></textarea>

What is the 60% of ??

// this subpage needs to be a separate entity.

But the above specified width and height for the Textarea is not
recognized.

width spec works

Also, the current page (main page) used quite a few CSS scripts for a
third party tool, that is, extJS...

What's wrong? How do we solve it?

Define it rationally (in em or px) or relative to screen size or use
rows/cols spec.

Thanks in advance.

YW

 

[badl]

Hello,

What I intend to do is to give a textarea 60% of a browser window's
height and width respectively.

Here's how my current page look like in a nutshell.
At top, the CSS section has the following line:
body { height:100%; widht:100%} spelling?
/* purpose: to prepare for the relative width and height
call from the textarea element
*/

In the middle of the page, it includes a subpage which contains the
Textarea element
and here's how the textarea element look like:
<textarea id="txt" name="txt" style="height:60%;width:60%"></textarea>

What is the 60% of ??

// this subpage needs to be a separate entity.

But the above specified width and height for the Textarea is not
recognized.

width spec works

Also, the current page (main page) used quite a few CSS scripts for a
third party tool, that is, extJS...

What's wrong? How do we solve it?

Define it rationally (in em or px) or relative to screen size or use
rows/cols spec.

Thanks in advance.

YW

 

[DL]

What is the 60% of ??



width spec works



Define it rationally (in em or px)  or relative to screen size or use
rows/cols spec.


YW

"
or relative to screen size
"
How do we do that within the context I mentioned?

Thanks.

 

[DL]

"
 or relative to screen size
"
How do we do that within the context I mentioned?

Thanks.

Never mind. I've solved the problem.

 

[SAM]

Le 5/30/10 5:02 AM, DL a écrit :

Never mind. I've solved the problem.

and ... what is it ?

if you have a satisfying answer to your question
please give it

 

[Jukka K. Korpela]

What I intend to do is to give a textarea 60% of a browser window's
height and width respectively.

Sounds like a CSS question, not JavaScript.

Here's how my current page look like in a nutshell.

You should post a URL, not snippets of code.

body { height:100%; widht:100%}

You didn't use the "W3C CSS Validator", did you? It would have told you that
there is no such property as widht.

ObJavaScript: You _could_ modify the style properties of a textarea element
in JavaScript, too, but what would be the point? If you e.g. had event
handlers that check the amount of text in the textarea, you could then
expand it as needed, but this would slow things down and would deviate from
the normal, expected behavior (the appearance of scroll bars and scrolling
behavior when needed) of multiline input fields.

 

[DL]

Le 5/30/10 5:02 AM, DL a écrit :




and ... what is it ?

if you have a satisfying answer to your question
please give it

Sam,

Good to hear from you. I switched to iframe instead, the solution is
perfect.

And now I have a new js issue (not related), see the following URL if
you could help,
http://www.extjs.com/forum/showthread.php?100486-Auto-suggest-IE-Rendering-Issue

Thanks.

Don

 

[SAM]

Le 5/30/10 4:53 PM, DL a écrit :

And now I have a new js issue (not related), see the following URL if
you could help,
http://www.extjs.com/forum/showthread.php?100486-Auto-suggest-IE-Rendering-Issue

if the function showProj() is in the main page, maybe better with :

<iframe onload="parent.showProj(); ...

 

[DL]

Le 5/30/10 4:53 PM, DL a écrit :




if the function showProj() is in the main page, maybe better with :

<iframe onload="parent.showProj(); ...

Thanks for the idea, Sam, but on a second thought, maybe I don't even
use the auto-suggest function for the IE browser when a user first
starts to use the app... it may confused some of these users...

Don