[JS] scherm grote check

[TwoR]

Hoi, ik heb een site die voor meerdere schermresoluties beschikbaar moet zij. Nu heb ik met Java script het op de volgende manier gedaan:

code:

<SCRIPT LANGUAGE="JavaScript">
    if (screen.width > 800 ) {
        location = "ck.php?hoogte=450";
    }
    else {
        location = "ck.php?hoogte=280";
    }
</SCRIPT>

Alleen nu wil ik eigenlijk ook nog andere (grotere) resoluties kunnen ckecken namelijk 1280*1024 en 1152*864 dit krijg ik alleen niet voor elkaar. Hoe kan ik dit doen ik heb het geprobeerd met

code:

if (screen.width > *resolutie* ) {
        location = "ck.php?hoogte=*waarde*";
    }

Alleen dat pakt ie niet. Kan iemand me een stapje verder helpen?

[ Voor 7% gewijzigd door TwoR op 05-04-2004 12:30 ]

[coubertin119]

Wat werkt er dan niet mee? Of laat je *resolute* (wat het ook moge betekenen) gewoon daar staan zoals het staat?

[TwoR]

Nou als ik andere dan de resoluties er bij zet zoals in het tweede code voorbeeld waar ik op de plek *resolutie* een gewenste resolutie invul dan zal die de pagina nier herladen. Op de een of andere manier pakt js dan de scherm resolutie ofzo niet goed.

[André]

JavaScript:

if (screen.width == 800) { location = "ck.php?hoogte=450"; }
if (screen.width == 1024) { location = "ck.php?hoogte=500"; }
if (screen.width >= 1280) { location = "ck.php?hoogte=550"; }

location = "ck.php?hoogte=280";

[ Voor 37% gewijzigd door André op 05-04-2004 12:40 ]

[Gomez12]

TwoR schreef op 05 april 2004 @ 12:30:
Hoi, ik heb een site die voor meerdere schermresoluties beschikbaar moet zij. Nu heb ik met Java script het op de volgende manier gedaan:

code:

<SCRIPT LANGUAGE="JavaScript">
    if (screen.width > 800 ) {
        location = "ck.php?hoogte=450";
    }
    else {
        location = "ck.php?hoogte=280";
    }
</SCRIPT>

Alleen nu wil ik eigenlijk ook nog andere (grotere) resoluties kunnen ckecken namelijk 1280*1024 en 1152*864 dit krijg ik alleen niet voor elkaar. Hoe kan ik dit doen ik heb het geprobeerd met
...

Alleen dat pakt ie niet. Kan iemand me een stapje verder helpen?

Hij pakt hem niet omdat 1280 al groter is dan 800 dus oftewel je browser gaat naar ck.php?hoogte=450.

Je moet even kijken naar een switch/select statement of je if statement veranderen naar : >800 && <1024

[RM-rf]

A) is het niet beter om de screen.width niet gewoon standaard mee te geven uds:

code:

location = "ck.php?breedte="+screen.width+"&hoogte="+screen.height;

Een belangrijk nadeel is echter ook dat het doorgeven van je scherm-breedte feitelijk niks zegt over de grootte van het venster waarin de website wordt weergegeven,
ik heb zelf 1600x1200, maar browse nooit fullscreen, meestal staat mijn browse-venster ergens tussen de 800 en 1000 pixels breed.

[TwoR]

RM-rf schreef op 05 april 2004 @ 12:48:
A) is het niet beter om de screen.width niet gewoon standaard mee te geven uds:

code:

location = "ck.php?breedte="+screen.width+"&hoogte="+screen.height;

Een belangrijk nadeel is echter ook dat het doorgeven van je scherm-breedte feitelijk niks zegt over de grootte van het venster waarin de website wordt weergegeven,
ik heb zelf 1600x1200, maar browse nooit fullscreen, meestal staat mijn browse-venster ergens tussen de 800 en 1000 pixels breed.

Nee dat is dan inderdaad ook wel weer zo. Eens kijken of ik daar dan een oplossing voor kan vinden want om het venster automatisch full screen te maken is best een ranzige oplossing al zeg ik het zelf.

[Spider.007]

TwoR schreef op 05 april 2004 @ 13:13:
[...]

Nee dat is dan inderdaad ook wel weer zo. Eens kijken of ik daar dan een oplossing voor kan vinden want om het venster automatisch full screen te maken is best een ranzige oplossing al zeg ik het zelf.

Daarom is het ook netter gebruik te maken van

JavaScript:

screen.availWidth

en

JavaScript:

screen.availHeight

[TwoR]

Nou ik heb het opgelost ik denk ik post mijn oplossing hier nog even:

code:

<SCRIPT LANGUAGE=\"JavaScript\">
     location = \"ck.php?hoogte=\"+screen.height;
</SCRIPT>

PHP:

if($_GET['hoogte'] == "600"){
    $hoogte = "280";
    }elseif($_GET['hoogte'] == "768"){
        $hoogte = "445";
        }elseif($_GET['hoogte'] == "864"){
            $hoogte = "550";
            }elseif($_GET['hoogte'] >= "1024"){
            $hoogte = "700";
}

Het is wel gebasseerd op fullscreen surfen maar dit wordt ook niet voor een gewone website maar een online "applicatie" dus dan is het minder erg dat het op fullscreeen is gebasseerd.

[ Voor 71% gewijzigd door TwoR op 05-04-2004 15:02 ]

[Bosmonster]

Vergeet niet een default te declareren.. want je noemt maar 4 van de miljoenen mogelijke resoluties

(dus ook voor < 1024)

Verder is het handiger om met integers te werken dan met strings, zeker als je gaat vergeljiken (>=). Gewoon al die quotes wegflikkeren.

[ Voor 47% gewijzigd door Bosmonster op 05-04-2004 15:16 ]

[Verwijderd]

Ik zou er ook een switch van maken...

PHP:

<?

switch ((int)$_GET["hoogte"]) {
  case 768:
    $hoogte = "445";
    break;
  case 864:
    $hoogte = "550";
    break;
  case 1024:
    $hoogte = "700";
    break;
  case 600:
  default:
    $hoogte = "280";
    break;
}

?> 

[ Voor 15% gewijzigd door Verwijderd op 05-04-2004 15:20 ]

[RM-rf]

volgens mij is een switch statement ook het optimaalste

code:

switch ( $_GET['hoogte'] ) {
   case 600 :
      $hoogte = 280
   break;
   case 768 :
      $hoogte = 445
   break;
   case 864 :
      $hoogte = 550
   break;
   case 1024 :
      $hoogte = 700
   break;
   default:
      $hoogte = 280;
}

[Verwijderd]

Niet optimaal, overzichtelijk

Ik zou trouwens de GET variabele casten naar een integer... (ben van de sterk-getypeerde talen )

[ Voor 66% gewijzigd door Verwijderd op 05-04-2004 15:22 ]

[Bosmonster]

PHP:

$gethoogte = isset ($_GET['hoogte']) ? (int) $_GET['hoogte'] : 0;

switch ( $gethoogte ) {
   case 600 :
      $hoogte = 280
   break;
   case 768 :
      $hoogte = 445
   break;
   case 864 :
      $hoogte = 550
   break;
   case 1024 :
      $hoogte = 700
   break;
   default:
      $hoogte = 280;
}

als we dan toch mierenneuken..

[Verwijderd]

[Miereneuk mode=on]
Gebruik dan ook Hongaarse notatie; iHoogte

punt-komma's aan het eind van statements doen trouwens ook wonderen

en als we ook nog byte-saving gaan mieren**ken, dan kan die eerste case boven default staan, scheelt weer een variabel toewijzing...
[/Miereneuk]

[ Voor 80% gewijzigd door Bosmonster op 05-04-2004 15:45 . Reden: oops.. verkeerde knopje.. ]

[TwoR]

tja en als het groter is als 1024 naar mijn beste weten gaat dat niet in een switch statement.

[Verwijderd]

daar heb je de default voor

[Bosmonster]

Verwijderd schreef op 05 april 2004 @ 15:39:
[Miereneuk mode=on]
Gebruik dan ook Hongaarse notatie; iHoogte

punt-komma's aan het eind van statements doen trouwens ook wonderen

en als we ook nog byte-saving gaan mieren**ken, dan kan die eerste case boven default staan, scheelt weer een variabel toewijzing...
[/Miereneuk]

Had de switch gewoon van RM-rf gekopieerd

[TwoR]

ja oke maar ik wil dan zeg maar 2 soorten default hebben als het groter is dan 1024 moet de hoogte worden van 1024 is het formaat niet bekend maar niet groter dan 1024 moet het 280 worden.

[Verwijderd]

if statement in de default... is altijd nog netter dan 10x if onder elkaar (persoonlijk)

[Verwijderd]

Waren resolutie check scripts niet een beetje oud en overbodig tegenwoordig?

(Wat doe je eigelnijk met mensen die JS uit hebben staan?)

[Verwijderd]

De CSS Dominee heeft gesproken

Anne soms moet je basis eisen stellen aan de software die bezoekers van je site gebruiken... JavaScript is tegenwoordig geen belachelijke eis.

[Bosmonster]

Wil niet zeggen dat ik het daar mee eens ben.. maar we hoeven ook niet van ieder topic een heilig topic te maken die meestal neerkomt op 'bouw je site even opnieuw'.

Gewoon antwoord geven op vragen kan ook wel eens.

[klokop]

_{[behulpzaam met spelling]
het is 'scherm grootte' (dit is een tip, niet geen flame, troll, of anderszins lullig bedoelde opmerking)}

[TwoR]

damn toch wel ik heb zeker een paar minuten zitten twijfelen tusesn grote en grootte. Bedankt voor de tip.

[Verwijderd]

Bosmonster schreef op 05 april 2004 @ 16:15:
Gewoon antwoord geven op vragen kan ook wel eens.

Eens, maar aangezien die al gegeven was...

[Wolfboy]

is het misschien makkelijk om iets te doen met < en >
je kan wel naar exacte resoluties kijken maar het lijkt me beter om te kijken, als het groter is dan .... dan deze setting

want als ik die switch zo zie dan zou ik met 1600x1200 dus op een 640x480 pagina uitkomen ofzo?
lijkt me niet echt optimaal

edit:
javascriptje niet goed bekeken

[ Voor 9% gewijzigd door Wolfboy op 05-04-2004 19:58 ]