Abfrage der Bildschirmgröße ... dann laden der passenden CSS-Datei

Language: Deutsch
Programming Language: PHP
Published by: seth
Last Update: 6/15/2006
Views: 2312

Description

Dieses Script fragt über Javascript die Bildschirmgröße ab, vergleicht dann die Variablen mit der Vorgabe, weist den Variablen $width und $height dann die gewünschten Werte zu und lädt dann dementsprechend die passende Styledatei, die natürlich den passenden Namen tragen muss (zum Beispiel: ist $width=1024 wird die 1024.css geladen).
Man kann den If-Teil problemlos erweitern und somit alle möglichen Bildschirm-Auflösungen abfragen und festlegen welche Werte $width und $height dann haben sollen, damit die passende Style-Datei geladen wird.
Das Script sollte im HTML-Head stehen.

Code

Display line numbers

1 <?php 2 $width = $_REQUEST['width']; $height = $_REQUEST['height']; 3 if(empty($width)) 4 { 5 echo "<script language=\"JavaScript\">var screen_w = screen.width; var screen_h = screen.height;location.replace(\"anmeldung1.php?width=\"+screen_w+\"&height=\"+screen_h);</script>"; 6 } 7 else 8 { 9 if ($width > 1024) 10 { 11 if (($width == 1280) && ($height == 1024)) { $width = 1280; $height = 1024; } 12 } 13 else 14 { 15 $width = 1024; $height = 768; 16 } 17 echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"Pfad zur Style-Datei".$width.".css\">"; 18 } 19 ?>

4 comments

klar und nachvollziebar - hab ich schon lange gesucht. Danke :-)

Tuesday, August 22, 2006 6:33:11 AM from Ledzep

So schön dieses Script auch ist, möchte ich anmerken, dass nicht die Fenstergröße, sondern der Viewport eines Benutzers entscheidend ist - das habe ich auch herausfinden müssen.

Ich will dieses Script nicht kritisieren, aber eine - meiner Meinung nach - bessere Lösung findet sich bei themaninblue:
http://themaninblue.com/experiment/ResolutionLayout/

Gruß

Tuesday, August 22, 2006 11:46:12 AM from Marco Philipeit

Wozu soll das den überhaupt gut sein?

Die Auflösung des Clients sollte bei einer Webseite niemals eine Rolle im Bezug auf die Darstellung haben! (Grundlagen der Webprogrammierung)

Es gibt leute, die entgegen Deinen Annahmen auch mal eben 2 oder mehr Browserfenster nebeneinander geöffnet haben.

Was ist mit all denen die mehrere Monitore zur Darstellung eines Fensters nutzen?

Automatisch skalierende Layouts ohne JS sind keine Hexerei! Allen dies besser machen wollen sei yaml.de ans Herz gelegt.

Sunday, September 17, 2006 11:34:24 AM from Ulf Kadner

Automatisch skalierende _Layouts_ sicherlich - aber was, wenn sich ein horizontales Menü zu breit für 640*480 erweißt? Wenn die Grafik für 800*600 einfach zu groß ist und eine andere besser wäre? Wenn der Padding zu groß ist und sich die Zeile daher ab ner bestimmten Größe umbricht?

Yaml ist an sich eine tolle Sache, aber in der Praxis sieht das nochmal ganz anders aus. Hierfür kann man das Script von themaninblue gut verwenden. Wir wollen doch schließlich auch ein bisschen Farbe und Spielereien im Netz, oder verwenden Sie einen reinen Textbrowser, Herr Kadner?

Tuesday, September 26, 2006 6:02:53 PM from Marco Philipeit

Add a comment

Name *

Email (won't be displayed) *

Website

Comment *

Sicherheitscode Security Code *