Fetching queries from MySQL and printing it in a javascript calendar - php

Question

I have a hardcoded javascript calendar and I need to print the events from my database which is a PHP MySQL server side database. But I'm not sure how to fetch the queries from mysql and print it into the javascript calendar :/ I found something that makes use of VBSCRIPT but its very confusing :/

Answer 1

The general outline:
Use PHP to access the database and fetch rows of calendar data (using a query). Then, print it out to a Javascript data structure like JSON or native Javascript that is loaded into the browser. Then, work with the Javascript calendar code to load the data into the view the browser presents to the user on the webpage.
There's a lot of variation that can occur here, but roughly (in semi-psuedo code):
Within page contains the calendar (outputs in JSON notation)
<script type="text/javascript">
<?php
$link = mysql_connect('localhost', 'mysql_user', 'mysql_password');
$result = mysql_query('SELECT * FROM Events', $link);
$count = 0;
echo "var events = {";
while ($row = mysql_fetch_assoc($result)) {
if ($count !== 0) echo ",";
echo "{";
echo "'eventid':'" . add_slashes($row['eventid']) . "',";
echo "'title':'" . add_slashes($row['title']) . "',";
echo "'description':'" . add_slashes($row['description']) . "',";
echo "'date':'" . add_slashes($row['date']) . "',";
echo "'time':'" . add_slashes($row['time']) . "'";
echo "}";
count++;
}
echo "};";
?>
$calendar = new Calendar(events);
</script>
Of course, there are a number of ways that this could be done, but this is one way it could flow. This is only an example; dropping this code into a PHP page on a server will not work, it's only meant to demonstrate how in general it could flow.