HTML or Javascript or PHP solution: Textarea with Dynamic Width

[Phil Powell]

The customer made a wild request: they want on their admin panel a
textarea that will display an existing resume.

This textarea, however, must have a dynamic width, one that "fills the
screen width of any sized screen". Sorry but I cannot fathom how to
do this!

<textarea name="resume" cols="108" rows="29" wrap="physical><?=
$resume ?></textarea>
 

How on earth do I do this? cols="???"

Is there either a client-side solution in HTML or Javascript, or will
I have to use a server-side solution in PHP? I'm completely stuck and
under a Monday AM deadline to come up with a solution.

Thanx
Phil

[Eric B. Bednarz]

so*****@erols.c om (Phil Powell) writes:

This textarea, however, must have a dynamic width, one that "fills the
screen width of any sized screen". Sorry but I cannot fathom how to
do this!

textarea
{
width: 100%;
}
Follow-up set. See also:

<http://www.cs.tut.fi/~jkorpela/usenet/laws.html#law7>
--
| ) 111010111011 | http://bednarz.nl/
-(
| ) Distribute me: http://binaries.bednarz.nl/mp3/aicha

[neur0maniak]

Phil Powell wrote:

The customer made a wild request: they want on their admin panel a
textarea that will display an existing resume.

This textarea, however, must have a dynamic width, one that "fills the
screen width of any sized screen". Sorry but I cannot fathom how to
do this!

 <textarea name="resume" cols="108" rows="29" wrap="physical><?=
 $resume ?></textarea>
 

How on earth do I do this? cols="???"

Is there either a client-side solution in HTML or Javascript, or will
I have to use a server-side solution in PHP? I'm completely stuck and
under a Monday AM deadline to come up with a solution.

Thanx
Phil

instead of using: cols="???"
try using: style="width:10 0%;"

[CryingClinton]

for sure, agree with "style='width:1 00%'"

--
www.vicdir.com
"neur0mania k" <us****@neur0ma niak.co.uk> ????
news:40******** *************** @ptn-nntp-reader02.plus.n et...

Phil Powell wrote:

The customer made a wild request: they want on their admin panel a
textarea that will display an existing resume.

This textarea, however, must have a dynamic width, one that "fills the
screen width of any sized screen". Sorry but I cannot fathom how to
do this!

 > <textarea name="resume" cols="108" rows="29" wrap="physical><?=
 > $resume ?></textarea>
 > 

How on earth do I do this? cols="???"

Is there either a client-side solution in HTML or Javascript, or will
I have to use a server-side solution in PHP? I'm completely stuck and
under a Monday AM deadline to come up with a solution.

Thanx
Phil

instead of using: cols="???"
try using: style="width:10 0%;"

[Christopher Finke]

"neur0mania k" <us****@neur0ma niak.co.uk> wrote in message
news:40******** *************** @ptn-nntp-reader02.plus.n et...

Phil Powell wrote:

This textarea, however, must have a dynamic width, one that "fills the
screen width of any sized screen". Sorry but I cannot fathom how to
do this!

instead of using: cols="???"
try using: style="width:10 0%;"

Actually, cols is a required attribute of a textarea. You must provide a
value, but using 'style="width: 100%;"' will override the cols setting for
the width of the textarea.

Chris Finke

[Phil Powell]

Eric B. Bednarz <be*****@fahr-zur-hoelle.org> wrote in message news:<m3******* *****@email.bed narz.nl>...

so*****@erols.c om (Phil Powell) writes:

This textarea, however, must have a dynamic width, one that "fills the
screen width of any sized screen". Sorry but I cannot fathom how to
do this!

textarea
{
width: 100%;
}
Follow-up set. See also:

<http://www.cs.tut.fi/~jkorpela/usenet/laws.html#law7>

Completely failed in Mozilla Firefox 0.6, produces a textarea with "no
width" whatsoever (it looks like a super-skinny textarea).

Phil

[Phil Powell]

neur0maniak <us****@neur0ma niak.co.uk> wrote in message news:<40******* *************** *@ptn-nntp-reader02.plus.n et>...

Phil Powell wrote:

The customer made a wild request: they want on their admin panel a
textarea that will display an existing resume.

This textarea, however, must have a dynamic width, one that "fills the
screen width of any sized screen". Sorry but I cannot fathom how to
do this!

 > <textarea name="resume" cols="108" rows="29" wrap="physical><?=
 > $resume ?></textarea>
 > 

How on earth do I do this? cols="???"

Is there either a client-side solution in HTML or Javascript, or will
I have to use a server-side solution in PHP? I'm completely stuck and
under a Monday AM deadline to come up with a solution.

Thanx
Phil

instead of using: cols="???"
try using: style="width:10 0%;"

Sorry that totally failed in Mozilla Firefox 0.6, only showing a
"super skinny no-width textarea".

Phil

[Phil Powell]

"Christophe r Finke" <ch***@efinke.c om> wrote in message news:<2l******* *****@uni-berlin.de>...

"neur0mania k" <us****@neur0ma niak.co.uk> wrote in message
news:40******** *************** @ptn-nntp-reader02.plus.n et...

Phil Powell wrote:

This textarea, however, must have a dynamic width, one that "fills the
screen width of any sized screen". Sorry but I cannot fathom how to
do this!

instead of using: cols="???"
try using: style="width:10 0%;"

Actually, cols is a required attribute of a textarea. You must provide a
value, but using 'style="width: 100%;"' will override the cols setting for
the width of the textarea.

Chris Finke

Following was what I attempted, with horrific failure:

[SCRIPT]
<script type="text/javascript">
<!--

function getWinWidth() {
var isNav = (document.all) ? false : true;
var isIE = (document.all) ? true : false;
if (isNav && !isIE)
return(window.i nnerWidth);
else if (isIE && !isNav)
return(document .body.clientWid th);
else
return(null);
}

var width = getWinWidth() / 4;
document.writel n('<textarea rows="29" name="resume" cols="' +
width + '">');
//-->
</script>
<noscript>
<textarea rows="29" name="resume" cols="120" style="{width:
100%}">
blah blah blah this is my resume
</textarea>
</noscript>

[/SCRIPT]

What results is that you will see a textarea with someone's resume and
you will also physically see the <noscript> and <textarea> tags INSIDE
the textarea!

Phil

[Chris Morris]

(followups trimmed to ciwah only)

so*****@erols.c om (Phil Powell) writes:

The customer made a wild request: they want on their admin panel a
textarea that will display an existing resume.
Does it actually have to be a textarea? If the content doesn't need to
be edited then resubmitted you could fake it with <pre> and some
stylesheets. Otherwise, though:
This textarea, however, must have a dynamic width, one that "fills the
screen width of any sized screen". Sorry but I cannot fathom how to
do this!
Not reliably possible. Probably not desirable in all circumstances
either. Consider when the browser window is narrower than the screen
width. Even assuming they meant canvas width, on a really wide screen
this is going to look silly and possibly do strange things with line
wrapping.
<textarea name="resume" cols="108" rows="29" wrap="physical> <?= ^
missing closing quote?
Is there either a client-side solution in HTML or Javascript, or
will I have to use a server-side solution in PHP? I'm completely
stuck and under a Monday AM deadline to come up with a solution.

Tell them it's not possible [1,2] and just put in a large (cols="80"?)
textarea.

[1] Silly Alternative 1: If you're given enough time (years) and
funding (thousands, millions, etc) you could get the next versions of
every browser to support the CSS trick you were shown, I suppose.

[2] Silly Alternative 2: Say that w3m is your only supported
browser. It opens an external editing program for textareas, which
gets around this problem.

--
Chris

[Brian]

Phil Powell wrote:

Following was what I attempted, with horrific failure:

[SCRIPT]
<script type="text/javascript">
<!--

function getWinWidth() {
var isNav = (document.all) ? false : true;
var isIE = (document.all) ? true : false;
if (isNav && !isIE)
return(window.i nnerWidth);
else if (isIE && !isNav)
return(document .body.clientWid th);

[snip]

This looks all too complicated. What are you trying to do with it? Why
are you querying the window width?

I didn't try to figure it all out. But did you try the css solution
without the js? I've sucessfully adjusted the width of a <textarea>
using css.

This has nothing to do with HTML that I can see, and nothing to do
with PHP. You've cross-posted to so many groups, I don't know which
one you normally read. Please trim x-posting, and set followups. There
is no need to add noise to groups where this post is off-topic.

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/