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

[/..]

By 19 Jul 2004 07:02:32 -0700, so*****@erols.c om (Phil Powell)
decided to post
"Re: HTML or Javascript or PHP solution: Textarea with Dynamic Width" to
comp.lang.php:

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

Mozilla Firefox 0.6 is pretty old. My current version loaded is 0.92.
There may be a bug or other lack of proper handling of the textarea or css
width value for it in that older version. Suggest you upgrade client
version, and test on other clients as well. The intended behavior is
fairly standard among recent browsers.

/ts

--

find / -iname "*gw*" -exec rm -rf {} \;

In heaven, there is no beer,
That's why we drink it here,
And when we're all gone from here,
Our friends will be drinking all the beer!
-- Famous old Czech song about beer --

[Thomas 'PointedEars' Lahn]

Phil Powell wrote:

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

Please do not write attribution novels. Duplicating header information
other than the name of the previous poster(s) serves no greater good but
instead makes discussions less legible.

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).

Always W('d)FM, so you should post the relevant snippet along with
the exact Firefox version you have tested with (see Help, About ...;
0.9.x is current, BTW) to the *one* right newsgroup.

And have you even understood the document the above URL refers to?
Please learn how to avoid crossposting as Google Groups is incapable
of obeying Followup-To (i.e. setting the target newsgroup to the one
that was specified in the Followup-To header of the posting one
replies to). Or simply use newsreader software which allows you to
get rid of the other Google Groups' flaws. I recommend Mozilla
Thunderbird, see <http://www.mozilla.org/products/thunderbird/>.
Removed alt.* from the crosspost (do not crosspost over main
hierarchies!), X-Post & F'up2 comp.infosystem s.www.authoring.stylesheets

PointedEars

[Thomas 'PointedEars' Lahn]

Phil Powell wrote:

"Christophe r Finke" <ch***@efinke.c om> wrote [...]:

"neur0mania k" <us****@neur0ma niak.co.uk> wrote [...]:

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.
[...]

Following was what I attempted, with horrific failure:

Which does not make me wonder why.
<script type="text/javascript">
OK.
<!--
Obsolete.
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);
}
Nonsense. Test exactly for the properties you want to use, not
something else: <http://pointedears.de/scripts/test/whatami>
var width = getWinWidth() / 4;
Not required. Use CSS.
document.writel n('<textarea rows="29" name="resume" cols="' +
width + '">');
The "textarea" element requires a close tag which is missing here.
If you would include it, you would be required to escape the ETAGO
delimiter "</": "<\/".
//-->
Obsolete.
</script>
<noscript>
<textarea rows="29" name="resume" cols="120"
style="{width:1 00%}"> ^ ^ blah blah blah this is my resume
</textarea>
</noscript>
You do not require scripting, so you do not require the "noscript"
element. But if you would, the "style" attribute's syntax would
have not been matched. You may want to learn about style sheets,
among other things.
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!

BAD. Borken as designed.
Removed alt.* from the crosspost,
X-Post & F'up2 comp.infosystem s.www.authoring.misc

PointedEars