Wie öffnet man mit PHP und Image Map einen Adventskalender ?

Jenny · 15. Januar 2016

Hi,

ich bin Neuling und wollte versuchen einen Adventskalender zu entwickeln.
Hier ist allerdings mein Problem.

Das Image Map habe ich schnell und leicht angefertigt, doch wie öffne ich mit php die Türchen, jene müssen ja Datums gesteuert sein.
Ich habe jetzt viele Tage herum probiert und das Internet durchgestöbert, doch habe ich nirgend wo etwas finden können.
Hier und da erwähnten manche einen Adventskalender, doch haben die ihre Erklärungen leider nicht bei mir funktioniert.
Ich wollte mit if und echo daran gehen, doch klappt es einfach nicht.
Deshalb bitte ich um Hilfe, kennt sich jemand damit aus ?

Vielen Dank im voraus.

Basi · 15. Januar 2016

Zitat von Jenny

Ich habe jetzt viele Tage herum probiert

Was genau hast du denn probiert? Zeig doch mal was du bisher hast

Jenny · 15. Januar 2016

Hier das Image Map:

HTML

<body>




<img src="kalender1.png" width="1150" height="300" border="0" usemap="#kalender" />




<map name="kalender">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Jenny -->




<area shape="poly" coords="42,248,44,246,14,244,13,271,68,293,83,242,55,228" href="tag5.html" alt="Tag5"/>
<area shape="poly" coords="112,116,126,131,94,115,83,135,46,116,36,157,89,213,105,229,135,182,141,153,129,129" href="tag8.html" alt="Tag8"/>
<area shape="poly" coords="198,157,242,175,261,110,235,87,220,95,218,114,185,107,182,135" href="tag3.html" alt="Tag3"/>
<area shape="poly" coords="204,195,188,174,155,186,145,211,159,254,177,288,241,241,246,205,227,184,202,200" href="tag12.html" alt="Tag 12"/>
<area shape="poly" coords="323,157,293,141,278,161,276,191,292,221,329,246,341,258,364,217,370,187,376,155,356,124,334,133,322,160,299,143" href="tag7.html" alt="Tag7"/>
<area shape="poly" coords="439,177,423,160,404,170,398,202,411,233,452,267,476,219,483,175,474,156,452,153" href="tag1.html" alt="Tag1"/>
<area shape="poly" coords="598,206,567,189,552,211,557,238,609,289,643,221,636,191,611,179,592,199" href="tag4.html" alt="Tag4"/>
<area shape="poly" coords="539,88,515,82,503,104,510,133,527,147,558,165,578,175,593,100,588,81,573,68,550,73,546,90,548,104,540,93" href="tag13.html" alt="Tag13"/>
<area shape="poly" coords="630,30,622,65,654,139,705,93,714,67,711,36,693,23,671,38,654,14" href="tag2.html" alt="Tag2"/>
<area shape="poly" coords="767,105,762,89,735,83,718,95,710,115,716,138,720,162,724,183,749,180,768,172,790,163,808,153,812,137,803,115,787,102,764,108" href="tag11.html" alt="Tag11"/>
<area shape="poly" coords="943,153,930,145,906,143,892,155,892,172,894,189,906,200,923,217,939,224,952,234,964,241,982,213,996,186,1003,165,998,143,987,129,965,126,948,137" href="tag9.html" alt="Tag9"/>
<area shape="poly" coords="404,86,397,73,374,72,365,89,375,109,385,136,429,119,434,101,421,86" href="tag10.html" alt="Tag10"/>
<area shape="poly" coords="856,36,832,22,816,39,815,69,839,99,881,128,903,97,913,69,917,43,906,22,885,11,868,23,860,39" href="tag6.html" alt="Tag6"/>
<area shape="poly" coords="1057,47,1037,30,1017,20,998,39,994,61,1002,84,1027,103,1051,128,1064,141,1083,119,1104,100,1117,73,1113,41,1091,25,1072,25" href="tag14.html" alt="Tag14"/>
</map>

Alles anzeigen

Danach sollte dann der PHP Teil folgen:

PHP

<?php
date_default_timezone_set ("Europe/Berlin");
$heute = date("Ymd");
mktime(0, 0, 0, 12, 1, 2016);
$Tag5=date("Ymd", mktime (0, 0, 0, 12, 01, 2016));




if ($Tag5 == $heute)




{
echo ($Tag5);
}
?>

Alles anzeigen

Danach probierte ich noch weitere Methoden aus, diese habe ich inzwischen jedoch wieder gelöscht.
Vorhin dachte ich einmal, ich hätte es, da ging ich es ganz anders an:

PHP

$datum1='15.01.2016';




$datum2='01.12.2016';




 function date2timestamp($datum) {




 list($tag, $monat, $jahr) = explode(".", $datum);




 $jahr = sprintf("%04d", $jahr);




 $monat = sprintf("%02d", $monat);




 $tag = sprintf("%02d", $tag);




 return(mktime(0, 0, 0, $monat, $tag, $jahr));




 }







if(date2timestamp($datum1) == date2timestamp($datum2)) {
 echo "$tag5";
}




else {
 echo "Du bist zu früh dran";
}

Alles anzeigen

Aber so ging es leider auch nicht.
Hi, ich habe heute weiter herum probiert und dabei ist folgendes heraus gekommen:

PHP

$heute=date("j");




$tag=16;
switch(true)
{
case($tag == $heute):
 echo "heute";
 break;
case($tag < $heute):
 echo "früher";
 break;
case($tag > $heute):
 echo "später";
 break;
}

Alles anzeigen

Dies klappt, allerdings wie verbinde ich das Image Map hiermit ?
Weiß vielleicht irgendwer einen Rat ?

Danke und einen schönen Abend

Sempervivum · 19. Januar 2016

Meistens wird so etwas mit Javascript gemacht, aber es geht genau so gut mit PHP. Ich würde folgende Vorgehensweise empfehlen:
Lege ein Array an mit den Parametern coords und Adresse der Seite:

PHP

$params = array(
	array("coords" => "42,248,44,246,14,244,13,271,68,293,83,242,55,228", "href" => "tag1.html"), // 1. Dezember, Index = 0
	array("coords" => "42,248,44,246,14,244,13,271,68,293,83,242,55,228", "href" => "tag2.html"), // 2. Dezember, Index = 1
	// usw. bis:
	array("coords" => "42,248,44,246,14,244,13,271,68,293,83,242,55,228", "href" => "tag24.html") // 1. Dezember, Index = 23
);

Dann legst Du die Imagemap mit PHP an und verwendest das richtige Linkziel für den betr. Tag:

PHP

for ($i = 0; $i < count($params); $i++) {
	$akttag = $i + 1;
	if ($akttag <= $heute) {
    	$href = $params[i]["href"];
	} else {
    	$href = "zufrueh.html";
	}
	echo '<area shape="poly" coords="' . $params[i]["coords"] . '" href="' . $href . '">' . "\n";
}

Wenn Du das "Zu früh!" lieber als Popup haben möchtest, müsste man dies mit etwas Javascript ergänzen.

Jenny · 19. Januar 2016

Super, es funktioniert, vielen Dank !

Wie öffnet man mit PHP und Image Map einen Adventskalender ?

Jetzt mitmachen!

Teilen