Ik heb een agenda ontwikkeld (zie voorgaande vragen) die op dit moment op mijn Windows-laptop goed werkt. Ik kan scrollen tussen verschillende maanden en op de dagen dat er een item in de agenda is geboekt wordt de betreffende dag in een andere kleur weergegeven.
Als deze agenda op een Apple-machine wordt weergegeven loopt alles in het honderd. Jaaraanduiding verdwijnt en ook het scrollen door de maanden heen verloopt niet goed.
Mijn vraag is dan ook: Moet ik rekening houden met verschillende platformen danwel browsers?
De bewuste pagina is bereikbaar onder http://www.podiumspektakel.eu/es-agenda.php
<?php
/**
* @author George van Baasbank
* @package Podiumspektakel
* @subpackage ES-agenda
* @copyright Ermelo Software
* @since 28-01-2014
* bestandsnaam es-agenda.php
* beschrijving Agenda
* opmerking
* taalmodule
* e-mail [email protected]
* project Podiumspektakel
*
*/
/**
* Wijzigingslog
*
* Datum Developer Aanpassing
* 28-01-2014 George Ontwikkeling
*
*/
session_start();
error_reporting(0);
include "include/systeem.inc.php";
include "functies/functiebieb.inc.php";
// Geindexeerde array met dagen
$aDagen = array (
0 => 'zondag',
'maandag',
'dinsdag',
'woensdag',
'donderdag',
'vrijdag',
'zaterdag',
);
// Geïndexeerde array met maanden
$aMaanden = array (
1 => 'januari',
'februari',
'maart',
'april',
'mei',
'juni',
'juli',
'augustus',
'september',
'oktober',
'november',
'december'
);
include "include/connectie.inc.php";
$sql = "select
count(id) as aantal,
datum
from
sys__agenda
group by
day(datum)";
$cResultAgenda = mysqli_query($verbinding,$sql);
$aDatum = array();
$aAantal = array();
while($rowAgenda = mysqli_fetch_array($cResultAgenda)) {
$aDatum[] = $rowAgenda['datum'];
$aAantal[] = $rowAgenda['aantal'];
}
mysqli_close($verbinding);
$lStop = false;
$nJaar = date("Y"); // Jaartal
$nMaand_n = date("n"); // Maand
$nMaand = date("m");
$cMaandAanduiding = $aMaanden[$nMaand_n] . " " . $nJaar;
if($_SERVER['REQUEST_METHOD'] === 'POST') {
$cActie = $_POST['actie'];
$nMaand = $_SESSION['maand'];
$nMaand_n = $_SESSION['maand_n'];
$nJaar = $_SESSION['jaar'];
if($cActie == "vorige maand") {
$nMaand = $nMaand - 1;
$nMaand_n = $nMaand_n - 1;
if($nMaand == 0) {
$nMaand = 12;
$nMaand_n = 12;
$nJaar = $nJaar - 1;
}
} else {
$nMaand++;
$nMaand_n++;
if($nMaand === 13) {
$nMaand = 1;
$nMaand_n = 1;
$nJaar = $nJaar + 1;
}
}
$_SESSION['maand'] = $nMaand;
$_SESSION['maand_n'] = $nMaand_n;
$_SESSION['jaar'] = $nJaar;
$cMaandAanduiding = $aMaanden[$nMaand_n] . " " . $nJaar;
}
?>
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Podiumspektakel 2015</title>
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="robots" content="noindex,nofollow" />
<meta name="googlebot" content="noodp, noarchive, nosnippet, noindex, nofollow" />
<meta name="keywords" content="<?php echo $cMetaKeywords ; ?>" />
<meta name="author" content="<?php echo $cMetaAuteur ; ?>" />
<meta name="description" content="<?php echo $cMetaDescription ; ?>" />
<meta name="copyright" content="Ermelo Software 2014" />
<link rel="stylesheet" href="styles/elegant-press.css" type="text/css" />
<script src="scripts/elegant-press.js" type="text/javascript"></script>
<!--[if IE]><style>#header h1 a:hover{font-size:75px;}</style><![endif]-->
</head>
<body>
<div class="main-container">
<?php include "include/header.inc.php" ; ?>
</div>
<div class="main-container">
</div>
<div class="main-container">
<div class="container1">
<article class="box2" id="home_featured21">
<div class="regelhoogte25"></div>
<div class="box3">
<!-- Start agenda -->
<a id="bovenaan"></a>
<div class="regelhoogte25"></div>
<p class="headertekst">Agenda <?php echo $cMaandAanduiding ; ?></p>
<form action="es-agenda.php#bovenaan" method="POST">
<div><input type="submit" name="actie" value="vorige maand" /><input type="submit" name="actie" value="volgende maand" /></div>
</form>
<?php
$nHor = 1;
while($nHor < 8 ) {
?>
<div class="ag_dagen"><?php echo $aDagen[$nHor - 1] ; ?></div>
<?php
$nHor++;
}
?>
<?php
$nHor = 1;
$nVert = 1;
$nDatum = date("d"); // Datum
$nEerste = "01";
$nLaatste = date("t", strtotime($nJaar . "-" . $nMaand . "-01"));
$nDatumTeller = "";
$nDag = date("w"); // Dag van de week (maandag = 1, zondag = 7)
$cTest = date("w", strtotime($nJaar . "-" . $nMaand . "-" . $nEerste)); // Wanneer was de eerste van de maand
$lStart = FALSE;
$lStop = FALSE;
while($nVert < 7 ) {
$nHor = 1;
while($nHor < 8 ) {
if(($cTest+1) == $nHor AND $lStart == FALSE ) {
$lStart = TRUE;
}
if($lStart == TRUE ) {
if(($nDatumTeller < $nLaatste) AND $lStop == FALSE) {
$nDatumTeller++;
} else {
$nDatumTeller = "";
$nVert = 9;
$lStop = TRUE;
}
}
?>
<?php if ($nDatumTeller <= $nLaatste ) { ?>
<?php
if($nMaand == 1) {
$cMaand = "01";
}
if($nMaand == 2) {
$cMaand = "02";
}
if($nMaand == 3) {
$cMaand = "03";
}
if($nMaand == 4) {
$cMaand = "04";
}
if($nMaand == 5) {
$cMaand = "05";
}
if($nMaand == 6) {
$cMaand = "06";
}
if($nMaand == 7) {
$cMaand = "07";
}
if($nMaand == 8) {
$cMaand = "08";
}
if($nMaand == 9) {
$cMaand = "09";
}
$dAgendaDatum = $nJaar . "-" . $cMaand . "-" . "$nDatumTeller";
$key = array_search($dAgendaDatum,$aDatum);
$nToonAantal = $aAantal[$key];
if($key > 0 ) {
$cOpbouw = "ag_opbouw_agenda";
if($nToonAantal >= $cMaxAfspraken) {
$cOpbouw = "ag_opbouw_max";
}
} else {
$cOpbouw = "ag_opbouw";
}
?>
<?php
if($key > 0 ) {
?>
<a href="es-dag.php?datum=<?php echo $dAgendaDatum ; ?>" style="color: brown!important;"><div class="<?php echo $cOpbouw ; ?>">
<?php
echo $nDatumTeller ;
if($key > 0) {
?>
<br />Aantal:
<?php echo $nToonAantal ; } ?>
</div></a>
<?php } else { ?>
<div class="<?php echo $cOpbouw ; ?>">
<?php
echo $nDatumTeller ;
?>
</div>
<?php } } ?>
<?php
$nHor++;
if($nHor == 8 ) {
$nVert++;
}
}
}
?>
<!-- Einde agenda -->
</div>
<div class="clear"></div>
</article>
</div>
<br />
<br />
<div class="container2">
</div>
</div>
<div class="main-container">
</div>
<?php include "include/footer.inc.php" ; ?>
<br />
<br />
</body>
</html>
