Agenda

////////// IMAGES /////////////  

De bijhorende plaatjes zijn te downloaden op:
http://www.ruudvandijk.eu/agenda_img_pfz.rar



////////// SQL STRUCTUUR /////////////  

CREATE TABLE IF NOT EXISTS `events` (
  `id` int(100) NOT NULL AUTO_INCREMENT,
  `event` varchar(255) NOT NULL,
  `omschrijving` longtext NOT NULL,
  `begin_datum` date NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;




////////// .HTACCESS /////////////

RewriteEngine on  
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
 
#pagina's
RewriteRule ^agenda/(10|11|12|1|2|3|4|5|6|7|8|9)/([1-3][0-9][0-9][0-9]) agenda.php?month=$1&year=$2
RewriteRule ^agenda/(10|11|12|1|2|3|4|5|6|7|8|9) agenda.php?month=$1
RewriteRule ^agendaitems agendabeheer.php
RewriteRule ^delagendaitem/(\d+) agendabeheer.php?del=$1
RewriteRule ^newagendaitem/addnow agendabeheer.php?add=new&save=now
RewriteRule ^newagendaitem agendabeheer.php?add=new




////////// AGENDA.JS /////////////   

function realyDelEvent(naam) {         // Vragen of ze het zeker weten dat ze de gekozen agenda item willen verwijderen   
    var answer = confirm  ("Weet je het zeker dat je agenda item '"+ naam + "' wilt verwijderen?")
    if (answer)
        return true
    else
        return false
}

function checkEventFields() {          // Controleren of alle velden ingevuld zijn van het formulier
    var txtDate = document.getElementById('txtDate').value;
    var txtTitel = document.getElementById('txtTitel').value;
    var txtOmschrijving = document.getElementById('txtOmschrijving').value;
        
    if (txtDate == "" || txtTitel == "" || txtOmschrijving == "") {
        alert('Niet alle velden zijn ingevuld');
        return false;
    } else {
        if (/^\d{4}-(?:(?:(?:0[13578]|10|12)-(?:0[1-9]|[12]\d|3[01]))|(?:02-(?:0[1-9]|[12]\d))|(?:(?:0[469]|11)-(?:0[1-9]|[12]\d|30)))+$/.test(txtDate)) {
            return true;
        } else {
            alert('De datum dient opgegeven worden als yyyy-mm-dd (2001-12-31)');
            return false;
        }
    }    
}



////////// AGENDA.CSS /////////////  

body {
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

input.admin {
    border: 1px solid red;
    width: 200px;
    margin-top: 5px;
    
}            

textarea.admin {
    border: 1px solid red;
    width: 200px;
    height: 100px;
    margin-top: 5px;
    
}

label.admin {
    width: 150px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}

input[type="submit"].admin {
    border: 1px solid black;
    width: 100px;
    margin-top: 20px;
    margin-left: 150px;
}

#admintable td, #admintable th {
    background: white;
    height: 100%;
    font-size: 14px;
    text-align: left;
}

#admintable th {
    border-bottom: 1px solid #000;
}

#admintable {
    border: 0;
    width: 95%;
    border-spacing: 0;
}

#frmAddEvent {
    width: 500px;
    margin: 50px auto;
}


.deleted {
    color: red;
    margin-left: 20px;
    text-decoration: blink;
}

td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

pre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}


* {
    /* old-style reset here :) */
    border: 0px;
    padding: 0px;
}

h1 {
    text-align: center;
    font-size: 26px;
    color: #335;
}

h2 {
    text-align: center;    
    color: #335
}

table {
    border-collapse: separate;
    border: 1px solid #9DABCE;
    border-width: 0px 0px 1px 1px;
    margin: 10px auto;
    font-size: 20px;
}

td, th {
    width: 81px;
    height: 81px;
    text-align: center;
    vertical-align: middle;
    background: url(cells.png);
    color: #444;
    position: relative;
}

th {
    height: 30px;
    font-weight: bold;
    font-size: 12px;
}

td:hover, th:hover {
    background-position: 0px -81px;
    color: #222;
}

td.date_has_event {
    background-position: 162px 0px;
    color: white;
}

td.date_has_event:hover {
    background-position: 162px -81px;
}

td.padding {
    background: url(calpad.jpg);
}

td.today {
    background-position: 81px 0px;
    color: white;
}

td.today:hover {
    background-position: 81px -81px;
}

.events {
    position: relative;
}

.events ul {
    text-align: left;
    position: absolute;
    display: none;
    z-index: 1000;
    padding: 15px;
    background: #E7ECF2 url(popup.png) no-repeat;
    color: white;
    border: 1px solid white;
    font-size: 15px;
    width: 200px;
    -moz-border-radius: 3px;    
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -border-radius: 3px;
    list-style: none;
    color: #444444;
    -webkit-box-shadow: 0px 8px 8px #333;
}

.events li {
    padding-bottom: 5px;
}

.events li span {
    display: block;
    font-size: 12px;
    text-align: justify;
    color: #555;
}

.events li span.title {
    font-weight: bold;
    color: #222;
}




////////// AGENDA_CLASS.PHP /////////////  

<?php 
############################################################
#                                                          #
#        Please don't remove this copyright part           #
#        Created en Copyright by Ruud van Dijk             #
#        http://www.ruudvandijk.eu                         #
#                                                          #
############################################################
?>
<?php
class agenda_class {
    
    public $prefix = "/EIGEN SCRIPTS/Agenda";      // prefix voor de url indien agenda in submap staat   
    
    function __construct() {
        $dbhost = 'localhost';          // Locatie database
        $dbuser = 'root';               // Gebruikersnaam
        $dbpass = '';                   // Wachtwoord
        $dbname = 'agenda';             // Databasenaam

        $conn = mysql_connect($dbhost,$dbuser,$dbpass) or die ("Er is iets mis met de config file");       // Verbinding maken met de server
        mysql_select_db ($dbname);                                                                         // Database selecteren
    }
    
    public function getMonth($month) {             // Functie om de maand naam op te halen
        $maand = array(1 => "Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December");
        return $maand[$month];        
    }
    
    public function getAgendaItems() {             // Alle agenda items uit de database halen
        $query = mysql_query("select * from events order by begin_datum desc") or die (mysql_error());
        if (mysql_num_rows($query) > 0) {
            echo '<table id="admintable">
                    <tr>
                        <th class="td1"></th>
                        <th>Titel</th>
                        <th class="td2">Omschrijving</th>
                        <th class="td2">Datum</th>
                        <th></th>
                    </tr>';
            while($row = mysql_fetch_array($query)) {
                echo '<tr>
                        <td class="td1"><img src="/img/wekker.png"></td>
                        <td>'.$row['event'].'</td>
                        <td class="td2">'.$row['omschrijving'].'</td>
                        <td class="td2">'.$row['begin_datum'].'</td>
                        <td><a href="'.$this->prefix.'/delagendaitem/'.$row['id'].'"><img src="/img/delete.gif" alt="Verwijder agenda item" title="Verwijder agenda item" onclick="return realyDelEvent(\''.$row['event'].'\');" /></a></td>
                      </tr>';
            }
            echo '</table>';
        }    
            
    } 
    
    public function delAgendaItem($id) {           // De gekozen agenda item verwijderen uit de database
        $mysql = mysql_query("select event from events where id = '".mysql_real_escape_string($id)."'") or die (mysql_error());
        $row = mysql_fetch_array($mysql);
        $naam = $row['event'];
        $mysql = mysql_query("delete from events where id = '".mysql_real_escape_string($id)."'") or die (mysql_error());
        return $naam;
    }
    
    public function addAgendaItem($txtDate, $txtTitel, $txtOmschrijving) {                       // Een nieuwe agenda item opslaan in de datbase
        $mysql = mysql_query("insert into events (event, omschrijving, begin_datum) values ('".mysql_real_escape_string($txtTitel)."','".mysql_real_escape_string($txtOmschrijving)."','".mysql_real_escape_string($txtDate)."')") or die (mysql_error());  
        echo '<span class="deleted">Agenda item \''.$txtTitel.'\' succesvol opgeslagen in het systeem</span>';
    }   
    
    
        
    function firstDayOfMonth($month = 0,$year = 0,$uts=null) {         // De eerste dag van de maand ontdekken dus bijvoorbeeld woensdag 1 september 2010 => OUTPUT: 3 (voor woensdag)
        $today = is_null($uts) ? getDate() : getDate($uts);
        $first_day = getdate(mktime(0,0,0,$today['mon'] + $month,1,$today['year'] + $year));
        return $first_day[0];
    } 
    
    function getAllAgendaItems($maand, $jaar) {    // Alle agenda items uit de database halen bij de gekozen maand en jaar
        $sql = mysql_query("select * 
                              from events 
                              where MONTH(begin_datum) = '".mysql_real_escape_string($maand)."' 
                              and YEAR(begin_datum) = '".mysql_real_escape_string($jaar)."'")or die(mysql_error());
        if (mysql_num_rows($sql) > 0) {
            $days_arr = array();
            
            while($row = mysql_fetch_array($sql)) {
                
                $agenda_split = preg_split("/-/",$row['begin_datum']);    // 0 -> jaar   1 -> maand   2 -> dag          
                array_push($days_arr, array($agenda_split[2],$row['event'],nl2br($row['omschrijving'])));      
                  
            }
        return $days_arr;    
        }
    }
}
?>



////////// AGENDA.PHP /////////////  

<?php 
############################################################
#                                                          #
#        Please don't remove this copyright part           #
#        Created en Copyright by Ruud van Dijk             #
#        http://www.ruudvandijk.eu                         #
#                                                          #
############################################################
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<?php
$prefix = "/EIGEN SCRIPTS/Agenda";      // prefix voor de url indien agenda in submap staat
?>
<head>
    <meta name="description" content="Voorbeeld agenda" />
    <meta name="robots" content="noarchive" />
    <meta name="robots" content="noodp" />
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <title>Voorbeeld agenda</title>
    <script type="text/javascript" src="<?php echo $prefix; ?>/jquery.js"></script>                  <!-- JQUERY importeren -->
    <script type="text/javascript" src="<?php echo $prefix; ?>/coda.js"></script>                    <!-- JQUERY plugin Coda importeren -->  
    <link href="<?php echo $prefix; ?>/agenda.css" rel="stylesheet" type="text/css" />

</head> 
                                                                                        
<body>
<?php

require_once("agenda_class.php");   // class inladen
$class = new agenda_class();        // declareren van de class

$days = date("t");                  // aantal dagen in deze maand
$month = date("n");                 // huidige maand
$year = date("o");                  // huidige jaar
$thisday = date("j");               // huidige dag

$firstday = date("N",$class->firstDayOfMonth());       // Het selecteren van de 1ste dag van de maand: 1 (for Monday) through 7 (for Sunday)  
 
if (isset($_GET['month'])) {
    $difference = $_GET['month'] - $month;
    $month = $_GET['month'];        
    $days = cal_days_in_month (CAL_GREGORIAN, $_GET['month'], $year);  
    $firstday = date("N",$class->firstDayOfMonth($difference));              // Het selecteren van de 1ste dag van de gekozen maand
}

$prev_month = $month - 1;             // vorige maand
$next_month = $month + 1;             // volgende maand

if (isset($_GET['year'])) { 
    $difference_year = $_GET['year'] - $year;
    $year = $_GET['year']; 
    $firstday = date("N",$class->firstDayOfMonth($difference,$difference_year));      // Het selecteren van de 1ste dag van de gekozen jaar
    $prev_month .= '/'.$year;
    $next_month .= '/'.$year;  
} 

# Arrays aanmaken om straks te gebruiken                  
$complete_agenda = array();
$agenda_dagen = array();
$agenda_events = array();
$agenda_omschrijving = array();

$complete_agenda = $class->getAllAgendaItems($month,$year);         // Alle agenda items ophalen van de gekozen maand en jaar

if (!empty($complete_agenda)){
    foreach ($complete_agenda as $item){
        array_push($agenda_dagen,$item[0]);                     // De dagen ophalen wanneer er een event is
        array_push($agenda_events,$item[1]);                    // De bijhorende Eventnaam selecteren bij die dagen
        array_push($agenda_omschrijving,$item[2]);              // En de bijhorende Eventomschrijving selecteren bij die dagen
    }
}

$count = $days + $firstday;
$y = 0;                      // Teller
$hasevent = false;           // Var om straks te checken of een dag een event heeft



$prev_year = $year - 1;
$next_year = $year + 1;

echo '<h1>';
if ($month <> 1) {                    // Controleren of de maand niet Januari is
    echo '<a href="'.$prefix.'/agenda/'.$prev_month.'"> <img src="'.$prefix.'/vorige.gif" /></a>';
}
echo $class->getMonth($month);        // Maand naam op het scherm weergeven
if ($month <> 12) {                   // Controleren of de maand niet December is
    echo '<a href="'.$prefix.'/agenda/'.$next_month.'"><img src="'.$prefix.'/volgende.gif" /></a>';
}
echo '</h1>';                         // En de gekozen jaar met navigatie knoppen weergeven
echo '<h2><a href="'.$prefix.'/agenda/'.$month.'/'.$prev_year.'"> <img src="'.$prefix.'/vorige.gif" /></a>'.$year.' <a href="'.$prefix.'/agenda/'.$month.'/'.$next_year.'"><img src="'.$prefix.'/volgende.gif" /></a></h2>'; 
?> 
        
<table cellspacing="0">
        <thead>
            <tr>
                <th>Maandag</th><th>Dinsdag</th><th>Woensdag</th>
                <th>Donderdag</th><th>Vrijdag</th><th>Zaterdag</th>
                <th>Zondag</th>
            </tr>
        </thead>
        <tbody>   
        
            <?php    
            $totalsquares = $days + $firstday - 1;   // we moeten het aantal vakken berekenen die we straks moeten weergeven
            
            for ($z = $totalsquares; $z <= 42; $z++){
                if($z == 28 || $z == 35 || $z == 42) {          // Zodra het getal voorbij komt in de loop die het dichtse bij de $totalsquares ligt
                    $totalsquares = $z;                         // word die opgeslagen als nieuwe totalsquares
                    break;
                }
            }

            for ($x = 1; $x <= $totalsquares; $x++){    // Een loop starten om alle dagen 1 voor 1 door te lopen
                
                
                
                foreach ($agenda_dagen as $key => $theseday){         
                    if ($theseday == $y + 1) {                        // Controleren of de dag waar de loop is een event heeft.
                        $hasevent = true;
                        $id = $key;
                        break 1;
                    } else {
                        $hasevent = false;
                    }
                }
                                
                if ($x == 1 || $x == 8 || $x == 15 || $x == 22 || $x == 29 || $x == 36) { echo '<tr>'; }       // Afbreken van de regel omdat je max 7 dagen wil weergeven bij een agenda
                                
                if ($x == $firstday){                     // Indien eerste dag teller y op 1 zetten
                    $y = 1;  
                } elseif ($x > $firstday and $x < $days + $firstday){          // Indien dag 2 of hoger teller y 1 ophogen
                    $y++;
                }
                if ($x == $firstday || $x > $firstday and $x < $days + $firstday){    // Indien de vak die aangemaakt word een dag is dan volgende handelingen uitvoeren
                    echo '<td';   
                                     
                    if ($y == date('j') && $hasevent && $year == date("Y") && $month == date("n")) {      // Controleren of het deze dag is en een event heeft
                        echo ' class="today date_has_event">
                            <div class="events">
                                <ul>
                                    <li>
                                        <span class="title">'.$agenda_events[$id].'</span>                
                                        <span class="desc">'.$agenda_omschrijving[$id].'</span>
                                    </li>
                                </ul>
                            </div>';
                    } elseif($y == date('j') && $year == date("Y") && $month == date("n")) {               // Controleren of het alleen vandaag is zonder een event
                        echo ' class="today">';
                    } elseif ($hasevent){                                                                  // Controleren of het niet vandaag is maar wel een event heeft
                        echo ' class="date_has_event">                                                     
                            <div class="events">
                                <ul>
                                    <li>
                                        <span class="title">'.$agenda_events[$id].'</span>
                                        <span class="desc">'.$agenda_omschrijving[$id].'</span>
                                    </li>
                                </ul>
                            </div>';
                    }else {
                        echo '>';
                    }
                    echo $y.'</td>';
                }
                elseif ($count <= 35 and $y >= 1) {                    // Indien de vak die gemaakt word geen dag is
                    if ($x > $days and $x <= 35){
                        echo '<td class="padding"></td>';
                    }    
                } 
                else {    
                    echo '<td class="padding"></td>';  
                }
                if ($x == 7 || $x == 14 || $x == 21 || $x == 28 || $x == 35) { echo '</tr>'; }               // Afbreken van de regel omdat je max 7 dagen wil weergeven bij een agenda
            }
                   
            ?>
        
        
        </tbody>
            <tfoot>
                <th>Maandag</th><th>Dinsdag</th><th>Woensdag</th>
                <th>Donderdag</th><th>Vrijdag</th><th>Zaterdag</th>
                <th>Zondag</th>
            </tfoot>
        </table>
        <a href="http://www.ruudvandijk.eu">&copy; Copyright by RvdSolutions</a>
</body>
</html>





////////// AGENDABEHEER.PHP /////////////  

<?php 
############################################################
#                                                          #
#        Please don't remove this copyright part           #
#        Created en Copyright by Ruud van Dijk             #
#        http://www.ruudvandijk.eu                         #
#                                                          #
############################################################
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<?php
$prefix = "/EIGEN SCRIPTS/Agenda";      // prefix voor de url indien agenda in submap staat
?>
<head>
    <meta name="description" content="Voorbeeld agenda" />
    <meta name="robots" content="noarchive" />
    <meta name="robots" content="noodp" />
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <title>Voorbeeld agenda</title>
    <script type="text/javascript" src="<?php echo $prefix; ?>/jquery.js"></script>                  <!-- JQUERY importeren -->
    <script type="text/javascript" src="<?php echo $prefix; ?>/coda.js"></script>                    <!-- JQUERY plugin Coda importeren -->  
    <script type="text/javascript" src="<?php echo $prefix; ?>/agenda.js"></script>                   
    <link href="<?php echo $prefix; ?>/agenda.css" rel="stylesheet" type="text/css" />

</head> 
                                                                                        
<body>
<?php

require_once("agenda_class.php");   // class inladen
$class = new agenda_class();        // declareren van de class

//if (isset($_SESSION['')) {                 Eventueel zou je hier bevoegdheid kunnen controleren
    
    if (isset($_GET['add']) && $_GET['add'] == "new") {      // Nieuwe agenda item aanmaken
        
        if (isset($_GET['save']) && $_GET['save'] == 'now' && isset ($_POST['txtDate']) && isset ($_POST['txtTitel']) && isset ($_POST['txtOmschrijving'])) {        // Controleren of het formulier verstuurd is
            $class->addAgendaItem($_POST['txtDate'] , $_POST['txtTitel'] , $_POST['txtOmschrijving']);        // Nieuwe agenda item toevoegen aan de database
            $class->getAgendaItems();                                                                         // Alle agenda items uitlezen
        } else {
        ?>                                                                                                    
        <form method="post" action="<?php echo $prefix; ?>/newagendaitem/addnow" name="frmAddEvent" id="frmAddEvent">               <!-- Formulier voor het aanmaken van een nieuwe agenda item -->
            <h1>Nieuwe agenda item aanmaken</h1>  
            <label for="txtDate" class="admin">Datum:</label><input type="text" id="txtDate" name="txtDate" class="admin" /> YY-MM-DD<br />
            <label for="txtTitel" class="admin">Titel:</label><input type="text" id="txtTitel" name="txtTitel" class="admin" /><br />
            <label for="txtOmschrijving" class="admin">Omschrijving:</label><textarea id="txtOmschrijving" name="txtOmschrijving" class="admin"></textarea>
            <input type="submit" value="Toevoegen" class="admin" onclick="return checkEventFields();" />
        </form
        <?php   
        }
    } else {
    
        if (isset($_GET['del']) && $_GET['del'] <> 0){
            $naam = $class->delAgendaItem($_GET['del']);
            if ($naam == ""){}
            else {
            echo '<span class="deleted">Agenda item \''.$naam.'\' verwijdert!</span>';    
            }   
        } 

        echo '<a href="'.$prefix.'/newagendaitem"><img src="/img/addagenda.png" class="right" alt="Maak nieuwe agenda item aan" title="Maak nieuwe agenda item aan" /></a><br class="clear" />';
        echo $class->getAgendaItems();
    }
 
//} else{
//    echo "U bent niet bevoegd om deze pagina te bekijken.";
//}
?>
<a href="http://www.ruudvandijk.eu">&copy; Copyright by RvdSolutions</a>
</body>
</html>