Vis kun tabelceller hvis skærmen er stor nok

F.eks.

<table style="width:100%">
  <tr>
    <td id="leftTD" style="width:120px;background-color:#77f;">&nbsp;</td>
    <td id="midtTD" style="width:1024px;background-color:#f0f;">&nbsp;</td>
    <td id="rightTD" style="width:120px;background-color:#ff0;">&nbsp;</td>
  </tr>
</table>

<script language="javascript" type="text/javascript">
window.onload = function(){
  if(screen.availWidth < 1024){
    document.getElementById('leftTD').style.display = 'none';
    document.getElementById('rightTD').style.display = 'none';
  }
}
</script>

if(screen.width<1024) document.getElementById("leftTD").style.display=document.getElementById("rightTD").style.display="none";

-- men det er nok ikke fedt at fyre den før onload forekommer i dokumentet !-)

roenving >> skal den være i HEAD eller efter BODY?

skal der ligeledes være noget BODY onload eller lign for jeg kan ikke få det til at virke?

/Goose

Eksemplet burde virke uden problemer, men det forholder sig ikke til browser-vinduets bredde, men skærmens tilgængelige bredde !-)

-- så hvis du skal teste den, skal du sætte tallet, der sammenlignes med, lidt højere end din egen skærmbredde ...

-- og hvis du skal gøre efter browserens bredde skal vi have fat i andre værdier !-)

Nåee, men det skulle helst være efter browserens bredde, det var det jeg mente med brugerens tilgængelige skærmareal :o)

/Goose

if(document.documentElement.clientWidth < 1024){

hmm, så fjerner den mine tabelceller selvom skærmen køre 1280*768 ...

<script language="javascript" type="text/javascript">
window.onload = function(){
if(document.documentElement.clientWidth < 1024){
    document.getElementById('leftTD').style.display = 'none';
    document.getElementById('rightTD').style.display = 'none';
  }
}
</script>

/Goose

hov, i Firefox og Opera virker det, men ikke i IE og Netscape :o(

/Goose

I FireFox og Netscape kører den samme renderingsmaskine, Gecko ...


-- men denne fik jeg til at virke i alle mine browsere:

window.onload = function(){
  var winWidth = window.innerWidth ? window.innerWidth : document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;
  if(winWidth < 1024){
    document.getElementById('leftTD').style.display = 'none';
    document.getElementById('rightTD').style.display = 'none';
  }
}

-- og det skal tilføjes, at den første udgave virkede uden problemer i IE, men det kan være at det er en forudsætning, at man benytter sig af en fuldt kvalificeret doctype, som der er på mine standard-dokumenter !-)

Det hjalp på det hele, havde lige fortrængt din kæphest med korrekt doctype :o)

Smid et svar roenving.

/Goose

Velbekomme '-)

-- og tak for point ;~}