Avatar billede www.ndc.dk Nybegynder
29. juni 2003 - 23:00 Der er 3 kommentarer og
2 løsninger

Hvordan får man browseren til at lede efter skærmstørelse?

hvordan får man browseren til at lede efter den skærmstørrelse som den pågældende bruger har, og derefter danner en side
Avatar billede Slettet bruger
29. juni 2003 - 23:17 #1
Følgende er en HTML-side som ændrer størrelsen på et billede ud fra skærmens opløsning..... håber at du kan bruge det til noget, og at jeg har forstået spørgsmålet :-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
        function changeImgSize()
        {        if ((screen.width == 640) && (screen.height == 480)) {
                    width = 400;
                    height = 300;
                }
                else if ((screen.width == 800) && (screen.height == 600)) {
                    width = 600;
                    height = 480;
                }
              else if ((screen.width == 1024) && (screen.height == 768)) {
                    width = 800;
                    height = 600;
                }
                else {
                    width = 1024;
                    height = 768;
                }
                    img.width = width;
                    img.height = height;

        }
//-->
</script>

</head>
<body onLoad="changeImgSize()">
        <img src="7d.gif" id="img">
</body>
</html>
Avatar billede Kengun Praktikant
29. juni 2003 - 23:44 #2
Du legger følgende javascript i ditt index.html dokument.

<script type="text/javascript">
if (parseInt(navigator.appVersion) >= 3){
    if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)<5){
        var tools = new Packages.java.awt.Toolkit.getDefaultToolkit();
        screen=tools.getScreenSize();
    }
    if(screen.width <= 800){
        location.href="small.html";
    } else {
        location.href="large.html";
    }
}
</script>

og så lager du et small.html for 800x600
og et bigg.html for større enn 800x600 (1024x768) skjermoppløsning.

Når du så kjører index.html så vil den gå videre til small.html eller big.html alt etter hvilken skjermoppløsning brukeren har.
Avatar billede Kengun Praktikant
29. juni 2003 - 23:45 #3
obs! bytt ut big.html med large.html :-)
Avatar billede Kengun Praktikant
29. juni 2003 - 23:47 #4
Skriver alt på nytt da det ble for mange skrivefeil :-)

Du legger følgende javascript i ditt index.html dokument.

<script type="text/javascript">
if (parseInt(navigator.appVersion) >= 3){
    if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)<5){
        var tools = new Packages.java.awt.Toolkit.getDefaultToolkit();
        screen=tools.getScreenSize();
    }
    if(screen.width <= 800){
        location.href="small.html";
    } else {
        location.href="large.html";
    }
}
</script>

og så lager du et small.html for 800x600
og et large.html for større enn 800x600 (1024x768) skjermoppløsning.

Når du så kjører index.html så vil den gå automatisk videre til small.html eller large.html alt etter hvilken skjermoppløsning brukeren har.
Avatar billede Kengun Praktikant
29. juni 2003 - 23:49 #5
hmmm, kanskje jeg missforstod ditt spørgsmål? vel, vel, kanskje du kan bruke det til noe en annen gang :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester