textbox width

Alex

<html>
<body>
<form>
<input type="textbox" id="myTxt" value="what's my width?"
onClick="alert(this.width)">
</form>
</body>
</html>

how can I get a handle on the width of that textbox? Or can I at all?

Jul 23 '05 #1

Follow Post Reply

14670

McKirahan

"Alex" <al******************@remove.this> wrote in message
news:Pz*******************@twister.rdc-kc.rr.com...

<html>
<body>
<form>
<input type="textbox" id="myTxt" value="what's my width?"
onClick="alert(this.width)">
</form>
</body>
</html>

how can I get a handle on the width of that textbox? Or can I at all?

Probbaly not what you want but you can set it.

<input type="textbox" style="width:100px" >

Jul 23 '05 #2

Alex

right, and i'm aware of that... how would you then--ever--be able to
determine the height of an object on a page?? not even when a stylesheet
style is set does it seem to work?!

ANY ideas???
"McKirahan" <Ne**@McKirahan.com> wrote in message
news:ke********************@comcast.com...

"Alex" <al******************@remove.this> wrote in message
news:Pz*******************@twister.rdc-kc.rr.com...
<html>
<body>
<form>
<input type="textbox" id="myTxt" value="what's my width?"
onClick="alert(this.width)">
</form>
</body>
</html>

how can I get a handle on the width of that textbox? Or can I at all?

Probbaly not what you want but you can set it.

<input type="textbox" style="width:100px" >

Jul 23 '05 #3

mscir

Alex wrote:

<input type="textbox" id="myTxt" value="what's my width?" onClick="alert(this.width)"> <snip> how can I get a handle on the width of that textbox? Or can I at all?

This works in my IE 6, Netscape 7.2, Firefox 1.0

function showwidth(){
t=document.getElementById('txt1');
alert(t.offsetWidth);
}

<input type="textbox" id="txt1" value="what's my width?">

Jul 23 '05 #4

mscir

Alex wrote:

right, and i'm aware of that... how would you then--ever--be able to
determine the height of an object on a page?? not even when a stylesheet
style is set does it seem to work?!

ANY ideas???

Did you try this approach:

d=document.getElementById(objectID);
alert(d.offsetHeight);

The first 2 links show browser support:

http://www.quirksmode.org/js/doctypes.html
http://www.evolt.org/article/documen...655/index.html
http://msdn.microsoft.com/workshop/a...ffsetwidth.asp

Mike

Jul 23 '05 #5

RobG

Alex wrote:

<html>
<body>
<form>
<input type="textbox" id="myTxt" value="what's my width?"
onClick="alert(this.width)">
</form>
</body>
</html>

how can I get a handle on the width of that textbox? Or can I at all?

<form action="">
<input type="textbox" id="myTxt" value="what's my width?"
onClick="
var msg;
var elem = this;

// IE method
if (elem.currentStyle) {
msg = elem.currentStyle['width'];

// W3C method
} else if (window.getComputedStyle) {
var compStyle = window.getComputedStyle(elem, '');
msg = compStyle.getPropertyValue('width');
} else {
msg = 'The methods I tried ain\'t '
+ 'supported by your browser.';
}

alert(msg)">
</form>

However, you will notice that IE very helpfully returns "auto" if
you haven't specified a width. Firefox gives a response in px.

Courtesty of:
<URL:http://www.oreillynet.com/pub/a/javascript/excerpt/JSDHTMLCkbk_chap5/index5.html>

--
Rob

Jul 23 '05 #6

Alex

suh-weet!!

Mike, that's spot-on EXACTLY what I was looking for. thanks so much! Do you
know of a good JS reference?

thanks again!
"mscir" <ms***@yahoo.com> wrote in message
news:11*************@corp.supernews.com...

Alex wrote:
right, and i'm aware of that... how would you then--ever--be able to
determine the height of an object on a page?? not even when a stylesheet
style is set does it seem to work?!

ANY ideas???

Did you try this approach:

d=document.getElementById(objectID);
alert(d.offsetHeight);

The first 2 links show browser support:

http://www.quirksmode.org/js/doctypes.html
http://www.evolt.org/article/documen...655/index.html
http://msdn.microsoft.com/workshop/a...ffsetwidth.asp

Mike

Jul 23 '05 #7

mscir

Alex wrote:

... Do you know of a good JS reference?

Google for "JavaScript 1.5 reference" and you'll find lots of them.

http://www.programmershelp.co.uk/javascriptref.php
http://www.byteshift.de/javascript-1415/CoreGuideJS15/
http://synchro.net/docs/js/ref/ix.html
http://www.croczilla.com/~alex/refer...avascript_ref/

I learned a LOT (including offsetWidth) from this newsgroup. When I run
into problems I use Google, and search this newsgroup to see if similar
problems have been solved here.

Also, please don't top post, it throws off the Q&A flow.
Good Luck,
Mike

Jul 23 '05 #8

This discussion thread is closed

Similar topics