Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Automatisch resolutie aanpassen

Andre.R
5 antwoorden
  • Ik wil een site maken in de resolutie 1152*864, maar voor mensen met een resolutie van 1024*768 verspringt dan het een en ander. Nu heb ik een script gevonden waarbij bezoekers automatisch worden doorgewezen naar de juiste URL afhankelijk van hun schermresolutie. Je moet dan wel twee sites maken maar dat maakt niet uit. Alleen snap ik er helemaal niks van. Dit is het script:

    Plak dit tussen de <heads> tags

    <SCRIPT LANGUAGE="JavaScript">
    function redirectPage() {
    var url640x480 = "URL"; //plaats URL hier
    var url800x600 = "URL"; //plaats URL hier
    var url1024x768 = "URL"; //plaats URL hier
    if ((screen.width == 640) && (screen.height == 480))
    window.location.href= url640x480;
    else if ((screen.width == 800) && (screen.height == 600))
    window.location.href= url800x600;
    else if ((screen.width == 1024) && (screen.height == 768))
    window.location.href= url1024x768;
    else window.location.href= url800x600;
    }
    // –>
    </SCRIPT>

    En dan staat er nog bij: Plak dit ipv de 1e <body> tag als onloader: <BODY onload="redirectPage();">

    Ik heb dus een paar vraagjes: Is dit de makkelijkste manier die er is? Dit script hoeft alleen maar te werken voor de resoluties 1024*768 en 1152*864, kan ik de andere regels gewoon weghalen? Hoe moet ik dit precies doen? Moet ik 1 index maken en dan nog 2 andere indexen voor de verschillende resoluties? Waar moet ik die onloader neerzetten? enz. bvd
  • Ik ken geen andere manier.
    Maar wat je moet doen is:
    1 index.htm maken waar alleen de standaard HTML tag instaan en de BODY tag op de manier zoals door hen beschreven. En natuurlijk de sluitings tags.

    Dan:

    [code:1:d2a3508953]<SCRIPT LANGUAGE="JavaScript">
    function redirectPage() {
    var url640x480 = "URL"; //plaats URL hier
    var url800x600 = "URL"; //plaats URL hier
    var url1024x768 = "URL"; //plaats URL hier
    if ((screen.width == 640) && (screen.height == 480))
    window.location.href= url640x480;
    else if ((screen.width == 800) && (screen.height == 600))
    window.location.href= url800x600;
    else if ((screen.width == 1024) && (screen.height == 768))
    window.location.href= url1024x768;
    else window.location.href= url800x600;
    }
    // –>
    </SCRIPT> [/code:1:d2a3508953]
    Waar URL staat moet jij iets in gaan vullen. Dus bijvoorbeeld:
    [code:1:d2a3508953]var url640x480 = "index_1.htm"; //plaats URL hier
    var url800x600 = "index_2.htm"; //plaats URL hier
    var url1024x768 = "index_3.htm"; //plaats URL hier [/code:1:d2a3508953]

    Als de persoon dus een resolutie heeft van 640x480 word hij doorgestuurd naar index_1.htm.


    Wel zou ik dit script wat aanpassen, want:
    [code:1:d2a3508953]else window.location.href= url800x600;
    } [/code:1:d2a3508953]

    Zorgt ervoor dat als het niet een van die 3 resolties is dat hij automatisch naar de 800x600 versie gaat, dat wil je natuurlijk niet…


    TIP:
    Je kunt dit script heeeeeeel makkelijk aanpassen:
    Wil je bijvoorbeeld een 1600x1200 versie erbij dan doe je dit: (VOORBEELD)
    [quote:d2a3508953]<SCRIPT LANGUAGE="JavaScript">
    function redirectPage() {
    var url640x480 = "index_1.htm"; //plaats URL hier
    var url800x600 = "index_2.htm"; //plaats URL hier
    var url1024x768 = "index_3.htm"; //plaats URL hier
    [b:d2a3508953]var url1600x1200 = "index_4.htm"; //plaats URL hier [/b:d2a3508953]
    if ((screen.width == 640) && (screen.height == 480))
    window.location.href= url640x480;
    else if ((screen.width == 800) && (screen.height == 600))
    window.location.href= url800x600;
    else if ((screen.width == 1024) && (screen.height == 768))
    window.location.href= url1024x768;
    [b:d2a3508953]else if ((screen.width == 1600) && (screen.height == 1200))
    window.location.href= url1600x1200; [/b:d2a3508953]
    else window.location.href= url800x600;
    }
    // –>
    </SCRIPT>[/quote:d2a3508953]
    Je snapt nu een beetje wat het script doet? :wink:
  • Je maakt gewoon een pagina voor 1152*864, en in de <body> tag van die pagina zet je een functie die doorstuurt naar de 1024*768 site (indien nodig):
    [code:1:1ce3c37a44]<body onload="redirectPage();">[/code:1:1ce3c37a44]
    In de <head> sectie van je 1152*864 pagina zet je dan:
    [code:1:1ce3c37a44]<script type="text/javascript">
    <!–
    function redirectPage() {
    var site2 = "1024/index.html";
    if ((screen.width <= 1024) && (screen.height <= 768))
    window.location.href = site2;
    //–>
    </script>[/code:1:1ce3c37a44]
    Indien de site voor 1152*864 gewoon je index.html is en je hebt een map "1024" met index.html voor 1024*768 bezoekers, en een bezoeker met te lage resolutie bezoekt de site voor hoge resolutie wordt deze automatisch doorgestuurd naar 1024/index.html

    Je zou dan ook nog kunnen overwegen om op elke aparte pagina index.html te vervangen door de naam van de pagina waar het script in komt zodat als direct een andere pagina dan index.html opgevraagd wordt bezoekers toch op de goede pagina voor hun resolutie uitkomen…
  • Ik begin het wat meer door te krijgen, ik heb nu dit, wat is hier fout aan:

    <html>

    <head>
    <SCRIPT LANGUAGE="JavaScript">
    function redirectPage() {
    var url1024x768 = "URL"; "Index1.html";
    var url1152x864 = "URL"; "Index2.html";
    var ur800x600 = "URL"; "Index3.html";
    if ((screen.width == 1024) && (screen.height == 768))
    window.location.href= url11024x768;
    else if ((screen.width == 1152) && (screen.height == 864))
    window.location.href= url1152x864;
    else window.location.href= url800x600;
    }
    // –>
    </SCRIPT>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Nieuwe pagina 1</title>
    </head>

    <BODY onload="redirectPage();">

    </body>

    </html>
  • [quote:1252927669="Andre.R"]Ik begin het wat meer door te krijgen, ik heb nu dit, wat is hier fout aan:

    <html>

    <head>
    <SCRIPT LANGUAGE="JavaScript">
    function redirectPage() {
    var url1024x768 = "URL"; "Index1.html";
    var url1152x864 = "URL"; "Index2.html";
    var ur800x600 = "URL"; "Index3.html";
    if ((screen.width == 1024) && (screen.height == 768))
    window.location.href= url11024x768;
    else if ((screen.width == 1152) && (screen.height == 864))
    window.location.href= url1152x864;
    else window.location.href= url800x600;
    }
    // –>
    </SCRIPT>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Nieuwe pagina 1</title>
    </head>

    <BODY onload="redirectPage();">

    </body>

    </html>[/quote:1252927669]LOLLL :lol:

    var url1024x768 = "URL"; "Index1.html";
    var url1152x864 = "URL"; "Index2.html";
    var ur800x600 = "URL"; "Index3.html";

    URL moest je VERVANGEN door het bestand waarnaar hij moet redirecten niet erachter zetten :D :D

    Zie mijn voorbeeld in mijn eerste post :wink:

    EDIT:
    En:
    if ((screen.width == 1024) && (screen.height == 768))
    window.location.href= [b:1252927669]url11024[/b:1252927669]x768;

    Waar haal je die extra 1 ineens vandaan? :wink:

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.