• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

get current width of DIV element in JavaScript

 
Nicholas Turner
Ranch Hand
Posts: 126
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
how do I get the current width of a DIV element
posWidth method gets the original value and not the current.
thanks,
nick
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64990
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Can't be done. The width value is never set or reset when the browser reflows the display.
hth,
bear
P.S. HTML and JavaScript question are better asked in the HTML/JavaScript forum.
 
Nicholas Turner
Ranch Hand
Posts: 126
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
you know I looked for that forum but didnt see it
 
Chris Baron
Ranch Hand
Posts: 1061
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Sorry Bear, it's possible. OffsetWidth is originally a window attribute in MS JScript, but it can be used in common DOM Browsers for other objects:

Tested in IE and Phoenix ( now Firebird, Mozilla )
Edit: Just found out, that it even returns a pixel-value when you define a percentage width in the style attribute
[ June 08, 2003: Message edited by: Chris Baron ]
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64990
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Interesting. I got some weird behavior for this attribute under Mozilla on Windows (but not on the Mac), but otherwise it seems to work on most of the major browsers.
It's not part of the W3C DOM spec, so you might want to be careful using it if you need broad browser support.
Here's more info.
So, I'll amend my answer to: there's no standards-compliant way to do it that works on all W3C-compliant browsers. But if it works in a subset of browsers that you are interested in, go for it.
hth,
bear
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64990
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
The HTML/Javascript forum is here.
hth,
bear
 
Nicholas Turner
Ranch Hand
Posts: 126
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I must have had a brain freeze, or saw a moose
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic