Dynamisk tilpasning af siden

enten lav 100 %\'s tabeller ellers brug


<script language=\"JavaScript\"><!--
if (!confirm(\"pop\")) {
history.go(-1);
}


if (window.screen.width == 1024) {
URL = \"1024.htm\";
window.location = URL; }
if (window.screen.width == 800) {
URL = \"800.htm\";
window.location = URL; }
if (window.screen.width == 640) {
URL = \"640.html\";
window.location = URL; }

Vil det sige at jeg enten skal lave flere sider og bruge scriptet, eller også alt jeg har på siden skal være indenfor en tabel?

Nej der er ingen grund til at lægge alt i 100% tabeller. Sørg blot for at når du bruger tabeller skal tabelbredden angives i % og ikke i pixels.

Der er (næsten) aldrig nogen grund til at angive tabelhøjde. det kan browseren selv finde ud af.

<table width=\'30%\' align=\'right\' border=0><tr><td bgcolor=\'yellow\'>
Denne tekst kommer til at stå i en kort kolonne med gul baggrund overe i højre side af skærmen. Det kan være en god måde at servere fodnoter eller fx links til uddybende sider for den tekst der er i denne side og som flyder udenom tabellen.
</td></tr></table>

timsens script er en nødløsning til specielle situationer hvor du fx ønsker at vise et billede der er næsten ligeså bredt som vinduet. En anden ting du kan gøre der er at lade et lille javascript vælge mellem flere fourudtegnede billeder

<p>Her er et billede af vores landbrug:<br>

<script language=\'javascript\'>
var gifURL;

      if (window.screen.width > 1024)  gifURL=\"vorgaard1000x600.jpg\"
else if (window.screen.width > 800)    gifURL=\"vorgaard800x480.jpg\"
else                                                gifURL=\"vorgaard600x360.jpg\";

document.write(\"Img src=\'\"+gifURL +\"\' alr=\'Norre Snede økologiske forsøgsfarm\'><br>\");

</script>

Sådan kan du løbende \"rette siden til\" så den passer til brugerens skærm.

PS: Nej jeg tror ikke du nødvendigvis er landmand. Det var bare det eneste emne jeg ku komme i tanke om hvor et så bredt billede er en virkelig god ting.

mvh JakobA

En anden ting er at det nok ikke så meget er brugerens SKÆRM du skal tage hensyn til; men snarere størrelsen af hans browservindue. med en skærm på 1024 eller derover vil de fleste kun lade browservinduet fylde en mindre del af skærmen. (så de kan have notepad og andre browservinduer og almulig andet åbent og hurtigt tilgængeligt samtidig).

i Netscape kan man aflæse vinduets bredde i:  window.innerWidth

og i Explorer aflæser man det i:    document.body.clientWidth

Det er klumret med en stor if hver gang så man gør det oftest med en mellemvariabel man stiller oppe foroven i siden:

var winWidth = 800;
if (navigator.appname==\"Netscape\") winWidth=window.innerWidth
else winWidth=document.body.clientWidth

Og så kan du rundtom i teksten teste imod din variabel winWidth:

      if (winWidth > 1024)  gifURL=\"vorgaard1000x600.jpg\"
else if (winWidth > 800)    gifURL=\"vorgaard800x480.jpg\"
else                                gifURL=\"vorgaard600x360.jpg\";

jeg har en side der er lavet i frames, og det er billedet i topFrame der er mest irriterende.....hvis jeg nu laver to sæt billeder, et til browservindue størrelse på 1024 og et til 800.....hvor skal jeg har scriptet. Imellem head tags eller?

at sætte et winWidth variablel er generelt for hele rammen, så det bør ske oppe i head.

at vælge mellem billed URL\'s er specifikt og bør ligge så tæt på der du bruger url\'en som du kan få det; altså nede i body tæt på din IMG kommando.