Tweet
Hallo,
ich habe ein kleines Problem mit der ausgabe eine php variable in einen Javascript Array.
Ich benutze ein Script um einen Kalender mit Events darzustellen. Die events sind in einem Array gespeichert welcher in einer Datenbank liegt.
Nun habe ich schon einiges getestet, komme aber nicht wirklich weiter, hat jemand von euch eine idee wie ich das einfach und effizient lösen kann?
Zudem bekomme ich mit dem Untenstehenden Code folgende Fehlermeldung: [SyntaxError: unexpected token: numeric literal]
Die Tabelle mit dem Array wird dann per Php ausgelesen und sieht dann wie folgt aus:
Mein Aktueller Code:
ich habe ein kleines Problem mit der ausgabe eine php variable in einen Javascript Array.
Ich benutze ein Script um einen Kalender mit Events darzustellen. Die events sind in einem Array gespeichert welcher in einer Datenbank liegt.
Nun habe ich schon einiges getestet, komme aber nicht wirklich weiter, hat jemand von euch eine idee wie ich das einfach und effizient lösen kann?
Zudem bekomme ich mit dem Untenstehenden Code folgende Fehlermeldung: [SyntaxError: unexpected token: numeric literal]
Die Tabelle mit dem Array wird dann per Php ausgelesen und sieht dann wie folgt aus:
Code:
2020: {
11: {
4: [
{
startTime: "10:00",
endTime: "12:00",
text: "Hey"
}
]
},
12: {
25: [
{
startTime: "00:00",
endTime: "24:00",
text: "Christmas Day"
}
],
26: [
{
startTime: "00:00",
endTime: "21:00",
text: "Day 2"
}
]
}
}
PHP-Code:
<div id="calendarContainer"></div>
<div id="organizerContainer" style="margin-bottom: 5px;"></div>
<script src="js/calendar/calendarorganizer.min.js"></script>
<script>
"use strict";
<?php
$sql = "SELECT * FROM events";
if ($erg = $conn->query($sql)) {
while ($datastring = $erg->fetch_object()) {
$datas[] = $datastring;
}
}
?>
<?php
$data = 'var data = "';
foreach ($datas as $content){
$text_temp = strip_tags($content->text);
$text = str_replace(" ", '', $text_temp);
$data .= $text . ' ';
}
$data .= '";';
echo $data;
?>
// initializing a new calendar object, that will use an html container to create itself
var calendar = new Calendar("calendarContainer", // id of html container for calendar
"small", // size of calendar, can be small | medium | large
[
"Montag", // left most day of calendar labels
3 // maximum length of the calendar labels
], [
"#ffc107", // primary color
"#ffa000", // primary dark color
"#ffffff", // text color
"#ffecb3" // text dark color
],
{
days: [ "Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag" ],
months: [ "Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember" ],
indicator: true,
indicator_type: 1, // indicator type, can be 0 (not numeric) | 1 (numeric)
indicator_pos: "bottom" // indicator position, can be top | bottom
}
);
// initializing a new organizer object, that will use an html container to create itself
var organizer = new Organizer("organizerContainer", // id of html container for calendar
calendar, // defining the calendar that the organizer is related to
data // giving the organizer the static data that should be displayed
);
</script>
...
Kommentar