Find et elements max-width med JS?

Hvad mener du med min- og max- width og-height? Altså det, som er sat med CSS? Det tror jeg faktisk ikke rigtig, du kan, hvis det ikke er sat i en style-attribut på elementet. Men det er da muligt, at jeg tager fejl.

Har heller ingen ide om det, men en måde kunne måske være:
(synes jeg læste noget om computed-style på et tidspunkt
(for ca. 1½ år siden, men læste ikke videre på det, da den
ikke kunne fange det jeg ledte efter på daværende tidspunkt).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
window.onload=function(){
  alert(checkit(document.getElementById("a")));
}

function checkit(elm){
  var h=elm.offsetHeight;
  var w=elm.offsetWidth;
  var elms=elm.style;
  var vals=[];

  elms.height="1px";elms.width="1px";
  vals[0]="min-width: "+(elm.offsetWidth>1?elm.offsetWidth:"");
  vals[1]="min-height: "+(elm.offsetHeight>1?elm.offsetHeight:"");

  elms.height="99999px";elms.width="99999px";
  vals[2]="max-width: "+(elm.offsetWidth<99999?elm.offsetWidth:"");
  vals[3]="max-height: "+(elm.offsetHeight<99999?elm.offsetHeight:"");

  elms.height=h+"px";elms.width=w+"px";
  return vals;
}
</script>

<style type="text/css">
#a {background:red;
min-width:100px;
max-width:500px;
min-height:200px;
max-height:300px;
}
</style>

</head><body>

<div id="a"></div>

</body></html>

<script type="text/javascript">
window.onload=function(){
  elm=document.getElementById("a");
  if(document.defaultView){
    alert(document.defaultView.getComputedStyle(elm, null).maxWidth);
    alert(document.defaultView.getComputedStyle(elm, null).maxHeight);
    alert(document.defaultView.getComputedStyle(elm, null).minWidth);
    alert(document.defaultView.getComputedStyle(elm, null).minHeight);
  }
}
</script>

... Men det er kun til Firefox :-/

Ja, det var også det, jeg kom frem til for noget tid siden. :(

http://erik.eae.net/archives/2007/07/27/18.54.15/

<script type="text/javascript">
window.onload=function(){
  elm=document.getElementById("a");
  alert(getStyle(elm,"maxWidth"));
  alert(getStyle(elm,"minWidth"));
  alert(getStyle(elm,"maxHeight"));
  alert(getStyle(elm,"minHeight"));
}


function getStyle(el, prop) {
  if (document.defaultView && document.defaultView.getComputedStyle) {
    return document.defaultView.getComputedStyle(el, null)[prop];
  } else if (el.currentStyle) {
    return el.currentStyle[prop];
  } else {
    return el.style[prop];
  }
}

</script>

Ellers må man jo lave en kode, som simulerer min- og max-width og -height, f.eks. tømmer elementet og måler bredden. Så burde man jo have min-width og -height (plus padding godt nok).

Hmm, afhængig af behovet kan det godt ske at kommentar
1 derinde skal implementeres istedet for currentstyle.

<ole>

- eller bare:

function getStyle(el, prop) {
  if (getComputedStyle) {
    return getComputedStyle(el, null)[prop];
  } else if (el.currentStyle) {
    return el.currentStyle[prop];
  } else {
    return el.style[prop];
  }
}

/mvh
</bole>

I Ole's eksempel skal
  if (getComputedStyle) {
nok lige rettes til
  if (document.defaultView) {
- Ellers så får man problemer i IE7 hos mig ...

, Men der måske spørges på både den og
getComputedStyle som i 26/08-2008 19:46:01

Vi kan dog måske spare lidt else væk da return jo vil afslutte funktionen.

function getStyle(el, prop) {
  if(document.defaultView && document.defaultView.getComputedStyle)return getComputedStyle(el, null)[prop];
  if(el.currentStyle)return el.currentStyle[prop];
  return el.style[prop];
}

Lægger du ikke også lige et svar Ole ?

function getStyle(el, prop) {
  if (window.getComputedStyle) {
    return getComputedStyle(el, null)[prop];
  } else if (el.currentStyle) {
    return el.currentStyle[prop];
  } else {
    return el.style[prop];
  }
}

- eller:
    if (typeof getComputedStyle=="function") {

Nej, jeg skal ikke have points. Jeg fjernede blot document.defaultView, som i almindelige situationer er det samme objekt som window  =)

Sikke dog mange svar.. fantastisk! :D

Tusind tak for hjælpen. Har ikke prøvet det endnu, men går ud fra alt er fint når olebole ikke brokker sig :D

Point givet til mclemens (Hvis andre mener de bør have siger de bare til.. kan ikke lige overskue det helt :))

Hehe ... zq rart, når folk kender en!  ;D

- men jeg tror nu ikke, du endnu har givet mclemens pointene  =)

Takker for point :)

Du har ret.. NU er point givet :)