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 goede resolutie weergave.

smeenk
12 antwoorden
  • Hoi allemaal,

    Ik ben met een website in frames bezig.
    http://www.tuningstylingpoint.com
    En nu weet ik, dat bij een resolutie die anders is dan die van mijn computer moeilijk weergeeft.

    Daarom maak ik nu een intro in flash, en die wil ik dan plaatsen op de website. En daar moet ook een javascript in komen te staan die de bezoeker dan automatisch doorverwijst naar de juiste website, met de juiste resolutie.

    Dit is het scriptje die uitzoekt, welke resolutie de bezoeker heeft, maar hoe kan ik die zo aanpassen dat die automatisch wordt doorverwezen?

    [code:1:977c4055d9]<center>
    <script language="Javascript"><!–

    // for NN4/IE4
    if (self.screen) {
    width = screen.width
    height = screen.height
    }

    // for NN3 w/Java
    else if (self.java) {
    var javakit = java.awt.Toolkit.getDefaultToolkit();
    var scrsize = javakit.getScreenSize();
    width = scrsize.width;
    height = scrsize.height;
    }
    else {

    // N2, E3, N3 w/o Java (Opera and WebTV)
    width = height = '?'
    }

    document.write("Uw scherm resolutie staat op: "+ width +"×"+ height)

    //–>
    </script>
    [/code:1:977c4055d9]

    Hopelijk snappen jullie mijn bedoeling…

    Alvast bedankt.

    Groetjes, Mark
  • ipv die document.write:
    [code:1:a977a3ecac]
    if(width==1600) {
    location.replace('http://…');
    }
    else if(width==1280) {
    location.replace('http://…');
    }
    else if(width==1152) {
    location.replace('http://…');
    }
    else if(width==1024) {
    location.replace('http://…');
    }
    else if(width==800) {
    location.replace('http://…');
    }
    else if(width==720) {
    location.replace('http://…');
    }
    else if(width==640) {
    location.replace('http://…');
    }
    [/code:1:a977a3ecac]
    Of hak hem in 3en, want zoveel sites zul je niet maken:
    [code:1:a977a3ecac]
    if(width>1020) {
    location.replace('http://…');
    }
    else if(width>780) {
    location.replace('http://…');
    }
    else {
    location.replace('http://…');
    }
    [/code:1:a977a3ecac]
    Of, nog beter, maak een site die in alle resoluties past.
  • En waar moet ik die codes van jouw dan plaatsen in mijn script?

    Ik ben niet zo goed in php..
  • LOL :-) Het is javascript :P

    De laatste regel zegt: document.write('uw resolutie…'). Die kun je wissen en er de code voor in de plaats zetten. Dus in plaats van iets naar de pagina schrijven moet er geredirect worden (door middel van location.reload)
  • Meerdere "versies" maken van dezelfde site is een bitch om bij te houden.

    Ben je niet beter af met een simpel iframe (foei teacher!) in het midden van je pagina? Zodoende werk je altijd met een vast venster.

    t.
  • Ik heb zoiets al eens gedaan door verschillende css-bestanden aan te roepen bij verschillende resoluties[code:1:9d520b2ced]if (screen.height == 480 && screen.width == 640) {
    document.write("<link rel=\"stylesheet\" href=\"artikelen3.css\" type=\"text/css\">");
    }
    if (screen.height == 600 && screen.width == 800) {
    document.write("<link rel=\"stylesheet\" href=\"artikelen2.css\" type=\"text/css\">");
    }
    if (screen.height >= 864 && screen.width >= 1152) {
    document.write("<link rel=\"stylesheet\" href=\"artikelen4.css\" type=\"text/css\">");
    }[/code:1:9d520b2ced]Het bestand artikelen.css werd bij mij altijd aangeroepen vanaf de html-pagina, de extra css-bestanden bevatten codes die er dan ongeveer zo uit zagen[code:1:9d520b2ced]h1 {
    font-size: 14px! important;
    }[/code:1:9d520b2ced]Door te variëren met marges, borders, padding en fontgrootte kon ik een heel eind komen en in deze extra css-bestanden staan alleen de onderdelen die ik aan wilde passen bij een andere resolutie(deze bestanden kunnen dan ook relatief klein en simpel blijven) Alleen werkt het natuurlijk niet als javascript uit staat :cry:
  • Ik heb nu al 2 verschillende website's gemaakt in 2 andere resoluties.

    Te weten 1027 * 768
    800 * 600

    Nu heb ik deze opgeslagen in twee verschillende mappen om mijn compputer.

    Hoe moet ik die dan zo uploaden naar Lycos.. moet ik dara dan een aparte map voor aanmaken?

    Alvast bedankt,
  • Je hebt dus twee mappen met twee losse sites erin en in de map waarin die twee mappen zitten heb je een index.html waarin je je script hebt staan die je naar een van de wtee mappen laat redirecten. Op de webserver kan je als het goed is gewoon mappen aanmaken. Met een beetje normale ftp-client kan je zelfs gewoon de mappen van de lokale kant naar de serverkant slepen/kopieren en dan maakt ie vanzelf nieuwe mappen aan.
  • Zover ik weet ondersteunt Lycos ook FTP dit moet dus geen enkel probleem zijn :wink:

    OK even nagekeken, ik deed dat altijd met mijn browser.
    ftp://ftp.members.lycos.nl/ in de adresbalk typen, daarna gebruikersnaam en wachtwoord invullen en daarna de mappen naar de webspace kopiëren.

    vr.gr.smeenk :wink:
  • Ja dat klopt.
    Zo doe ik het ook.
    Maar dan maak ik dus een intro, met dat script.
    Naar welke urls meot ik die doorverwijzen, ik heb dus dan ook op de server een map staan met een andere resolutie. :oops:
  • Ik weet natuurlijk niet hoe die mappen bij jouw heten :wink:

    Ik neem voor het gemak maar aan dat je een map hebt die [b:6e6e3f8a61]800x600map[/b:6e6e3f8a61] heet en 1 die [b:6e6e3f8a61]1024x768map[/b:6e6e3f8a61] heet.
    Het script kan er dan zo uit zien:[code:1:6e6e3f8a61]<script type="text/javascript" language="javascript">
    if (screen.height <= 600 && screen.width <= 800){
    top.location.href="800x600map/index.html";
    }
    else{
    top.location.href="1024x768map/index.html";
    }
    </script>[/code:1:6e6e3f8a61]De namen van de mappen en van het bestand in die map dat je wilt aanroepen moet je zelf maar even aanpassen :wink:
  • Ja, ok….


    Bedankt ik denk dat ik het snap:)

Beantwoord deze vraag

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