Anzeige: Goneo - Du machst das Web!
Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
Re: JS-Switch für eine Eigenschaft
Autor: Netinja [Beiträge: 622]
Datum: 30.08.2010 21:23:40
Guten Abend,
Ich hoffe, dass es erlaubt sich, sich hier in den Thread hineinzuhängen, denn ich habe eine ähnliche Frage ans Forum.
Ich habe mir gedacht, dass es vorteilhaft wäre, wenn bei kleiner Auflösung auch die Bilder einer Webseite kleiner würden. Deshalb habe ich 2 Ordner erstellt, in denen jeweils grosse und kleinere Bilder drin sind.
Bei einer kleinen Auflösung des Besuchers wechsele ich nun einfach im Pfad zum Bild diese Ordner aus.
Aber so einfach ist es leider doch nicht.
Das ist mein Ansatz:
<?php $verzeichnis = mittel ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.header {
width: 450px;
text-align: justify;
border: 2px solid green;
}
.header img { float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.content {
clear: both;
height: 70px;
padding-left: 70px;
background-image: <?php echo "url($verzeichnis/stern.png)" ?>;
background-repeat: no-repeat;
border: 2px solid silver;
margin-top: 10px;
margin-bottom: 10px;
}
.footer {
width: 450px;
text-align: justify;
border: 2px solid green;
}
.footer img { float: right;
margin-left: 10px;
margin-bottom: 10px;
}
-->
</style>
</head>
<body>
<div class="header">
<img src="<?php echo "$verzeichnis/tel-green.png" ?>">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis </div>
<div class="content"> <strong>nur Blindtext</strong> </div>
<div class="footer">
<img src="<?php echo "$verzeichnis/tel-red.png" ?>">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis </div>
<div style="clear: both"></div>
</div>
</body>
</html>
Hier kann man es live sehen: ;-)
http://netinja.ne.funpic.de/ask/javascript-to-php/Untitled-3b-mittel.php
Jetzt müsste "nur noch" die Variable $verzeichnis von Javascript gefüllt werden, abhängig von der Auflösung des Besuchers. aber ich scheitere an dem "nur noch". :-((
Ich nehme ersatzweise mal deine Abfrage nach der Fensterhöhe anstatt nach der Auflösung, das ist leichter zum Testen.
Ich habe also in die oben gepostete Datei
<body onload="Bildgroesse()">
und das Script eingesetzt:
<script type="text/javascript">
var verzeichnis = "mittel";
function Bildgroesse()
{
if (window.innerHeight < 400 ||
document.documentElement.clientHeight < 400)
{
verzeichnis = "klein";
else verzeichnis = "gross";
alert("das Verzeichnis ist " + verzeichnis)
}
}
</script>
hier live:
http://netinja.ne.funpic.de/ask/javascript-to-php/Untitled-4.php
Das Bilderverzeichnis ist durch PHP mit "mittel" vorbelegt, soll aber nun durch Javascript in "klein" oder "gross" geändert werden. Ich weiss, dass sich die Javascript-Variable "verzeichnis" nicht einfach für PHP weiterverwenden lässt, habe jedoch leider keine Idee, wie ich das hinbekomme, und hoffe auf Hilfe.
LG
Netinja
Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal
einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag
auch mehrmals im Forum.
Bewerten Sie Ihren Webhosting-Provider
Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?
Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!
Weitere Informationen und Teilnahme...
