<!doctype html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ostereier verstecken mit PHP - Mal sieht man mich, mal nicht</title>
<meta name="author" content="Markus Wirtz">
</head>
<?php
/*
Das folgende Srkipt ermöglicht, ein Foto auf einer Webseite erscheinen und wieder verschwinden zu lassen.
Viele steuern so etwas mit JavaScript, es geht aber genauso mit PHP!
Verändert wird die visibility im stylesheet des jeweiligen Elements.
Wer zu Ostern eine Überraschung plant, versteckt in der Variablen $foto ein Osterei :-)
*/
$foto="foto.jpg"; //Das Foto kann durch Angabe eines anderen Pfads oder Dateinamen ausgetauscht werden
if ($counter=="1") // Hier wird die Sichtbarkeit oder Unsichtbarkeit der Seitenelemente festgelegt
{
$visibility_foto="visible";
$visibility_text="visible";
$visibility_fotolink="hidden";
}
else
{
$visibility_foto="hidden"; //das Foto sieht man zunächst nicht
$visibility_text="hidden";
$visibility_fotolink="visible"; // allein der Link zum Foto ist sichtbar
}
?>
<body text="#000000" bgcolor="#FFFFFF" link="#0000FF" alink="#FF0000" vlink="#9900FF">
<!-- Erster Bereich -->
<div id="foto" style="visibility:
<?php
echo $visibility_foto; // Sichtbarkeit wird im Skript Zeile 16 ff festgelegt
?>
; float:left; margin:10px; width:400px; margin-left:75px; padding:16px;background-color:#EFEFEF;">
<!-- Wem Größe des Bild oder Text-bereiches nicht passt, der ändert die Werte hier -->
<img src="
<?
php echo $foto;
?>
"
border="0" alt="Schönes Foto!"
style="visibility:
<?php
echo $visibility_foto;
?>
;"
>
</div>
<!-- Zweiter Bereich : alle Bereiche können durch Änderung der style - Anaben auf dem Bildschirm verschoben werden -->
<div id="fotolink" style="position:absolute;top:210px;left:450px; margin:10px; padding:16px;background-color:#EFEFEF;visibility:
<?php
echo $visibility_fotolink; // Sichtbarkeit wird im Skript Zeile 16 ff festgelegt
?>
;">
<h2>Mal sichtbar und mal unsichtbar</h2>
<p class="lit" style="color:#D05056;">
Wer sagt, dass man nichts sehen kann?<br>
<?php
echo "<a href=\"$PHP_SELF?counter=1\">Klick hier drauf,</a>\n"; // Beim Neuladen wird der counter geändert, damit die Sichtbarkeit der Elemente
?>
<br>
dann siehst Du's Mann!
</p>
</div>
<!-- Dritter Bereich - -->
<div id="text"
style="position:absolute;top:210px;left:690px; width:250px; margin:10px; padding:16px;background-color:#EFEFEF;visibility:
<?php
echo $visibility_text;
?>
;">
<p>
<b>Da ist es ja!</b><br>
Und mit
<?php
echo "<a href=\"$PHP_SELF?counter=0\">diesem Klick <b>verschwindest</b></a>\n";
?>
du wieder!
</p>
</div>
</body>
</html>