with 1.3.1 I'm able to get pixel measurement from percent with no
problem.
example:
<body>
<script src="jquery.js"></script>
<div id=d1 style="width:100%;border:1px solid black">
<div id=d2 style="width:90%;border:1px solid black">
<div id=d3 style="width:90%;border:1px solid black">
<div id=d4 style="width:90%;border:1px solid black">
test
</div>
</div>
</div>
</div>
<script>
alert($("#d1").width());
alert($("#d2").width());
alert($("#d3").width());
alert($("#d4").width());
</script>
</body>
On Jan 28, 12:17 pm, Kevin Dalman <kevin.dal...@gmail.com> wrote:
> Thanks Matt, but that does not work.
>
> As my example shows, the element may have a percentage width, or it
> could be 'auto' (which it would be if not specifically set). What I
> need is the 'pixel' measurement that would replicate its current size.
> In other words, if it currently is width:90%; and I replace it with
> width:985px;, the width *would not change* (assuming 985 is the pixel
> equivalent).
>
> On Jan 26, 3:03 pm, Matt <matt.critch...@gmail.com> wrote:
>
>
>
> > $('#Test').css('width') ?
>
> > On Jan 26, 11:46 am, Kevin Dalman <kevin.dal...@gmail.com> wrote:
>
> > > jQuery has innerHeight/Width and outerHeight/Width methods, but is
> > > there a method that can return a 'CSS Height/Width'. A CSS width is
> > > the width that would be applied via CSS to achieve a given 'outer
> > > width'. This value will differ depending on the box model and other
> > > older browser idiosyncracies.
>
> > > Here is an example...
>
> > > DIV#Test {
> > > width: 90%;
> > > height: auto;
> > > padding: 7px;
> > > margin: 11px;
> > > border: 3px solid #000;
>
> > > }
>
> > > <DIV id="Test"> line1 <<BR> line 2 <BR> line 3 </DIV
>
> > > Now I want to increase the DIV width & height by 1-pixel. To do so, I
> > > need the current 'pixel width/height' that is equivent to its current
> > > size. AFAIK, $("#Test").innerWidth() will not address this. Is there
> > > another dimension method that can?
>
> > > I already have a custom function to calculate this, but I'm wondering
> > > if I am missing something in jQuery that would simplify my code? If
> > > not, I may suggest such a method for jQuery, but want to be sure it
> > > doesn't already exist!
>
> > > Does anyone have knowledge of this?
>
> > > /Kevin- Hide quoted text -
>
> > - Show quoted text -- Hide quoted text -
>
> - Show quoted text -
