Pilleslife
Hallo,
kann mir jemand helfen, wie ich es schaffe die Fenstergröße (Breite und Höhe) an eine PHP-Datei per Get übergeben?
Ich möchte einen dynamischen Background erstellen. Dafür will die Fenstergröße an eine PHP-Datei übergeben, die dann das passende Bild liefert.
Gruß
Pilleslife
Pilleslife
Nein. Das hilft wir leider überhaupt nicht, da ich ein ganz anderes Problem habe.
1. soll es keinen Link geben, sondern das Ganze soll im CSS Bereich definiert werden
2. soll kein neues Fenster geöffnet werden, sondern nur der Hintergrund eingebunden werden.
Dizzy.w3
Hi,
kannst du bitte dein Problem etwas genauer schildern?
Chopsticks
Mit Javascript die Höhe und Breite des Fensters herausfinden. Dann ebenfalls mit Javascript im nachhinein <body> oder <html> einen background-Verweis übergeben, die auf eine .php-Seite zielt. Die URL sollte dann im Grunde so aussehen:
www.bla.de/dyn-bg.php?width= [BREITE] &height= [HÖHE]
Aus den Parametern die deine PHP-Datei erhält, gibst du ein Bild zurück mit der entsprechenden Breite und Höhe. Pass auf, dass dein Script nicht zuviel Last auf deinem Server verrichtet. Am besten Cache die am meist verwendeten Größen und/oder limitiere die möglichen Werte, die deine Parametern annehmen können.
Pilleslife
Genau Chopsticks so wie du geschrieben hast.
Ich habe eine PHP-Datei geschrieben, die den Hintergrund auf die passende Größe erzeugt und zurück gibt. Dieses Bild soll dann als Hintergrund im CSS-Bereich der Webseite eingebunden werden.
Ich hoffe du hast jetzt mein Problem verstanden.
Chopsticks
Wo hängst du denn grade? Am PHP oder Javscript-Schnipsel?
Pilleslife
Am JS-Teil. Die PHP-Datei funktioniert. Ich weiß nur nicht, wie ich es hinbekomme die Fenstergröße an das PHP-Script zu übergeben.
Chopsticks
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
<script type="text/javascript">
<!--
function setBackground() {
var width = screen.availWidth;
var height = screen.availHeight;
document.body.style.background = "url('http://DOMAIN.de/PHP-DATEI.php?width=" + width + "&height = " + height +"')";
}
//-->
</script> |
|
| code: |
1:
|
<body onload="setBackground()"> |
|
Pilleslife
Danke. Genau das habe ich gesucht. So funktioniert es jetzt.
Maniac_81
| code: |
1:
2:
3:
|
screen.availHeight
|
|
screen.availHheight
gibt dir aber die Bildschirmbreite aus.
| Zitat: |
Speichert die maximal verfügbare Bildschirmbreite in Pixeln, die eine Anwendung im Vollbildmodus einnehmen kann.
|
was du suchst is denk ich mal ist
"innerWidth" was aber nur im Firefox funktioniert.