jQuery Week Calendar
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anleitung
arbeit
beispiel
code
datei
dokumentation
ersten blick
helfen
http
installieren
kalender
kutscher
machen
problem
sache
sagen
suche
unwissenheit
url
verzeichnis
-
Hallo liebe Lima-Gemeinde,
ich habe nach langem suchen endlich einen Kalender gefunden welcher meinen Ansprüchen zu 100% entspricht.
Leider habe ich absolut keinen Plan wie ich diesen installieren.
Es handelt sich um folgenden Code:
http://code.google.com/p/jquery-week-calendar/downloads/list
Der Kalender ist an den Google Kalender angelehnt und sieht auch einfach klasse aus, nur bin ich wirklich total am Verzweifeln.
Hat schon jemand Erfahrungen mit ihm gemacht oder kann mir auch so helfen?
der Kutscher -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
werktags schrieb:
Scheint auf den ersten Blick etwas komplex zu sein - aber immerhin gibt es eine Anleitung! Also bevor jm. anderes hier deine Arbeit macht, kannst du ja sagen wo du hängst - lad am besten deine Sachen auch hier aufem Webspace, dass man dir bei Problemen besser helfen kann.
Hallo,
das Problem ist einfach, das ich es gar nicht verstehe was ich da wo machen muss.
Der Kalender ist einfach genau das was ich suche, abe rich kanns leider einfach nicht.
Er soll doch die eingetragenen Events einfach nur einspeichern.
Aber ich bin zu doof dafür.
MfG -
kutscher schrieb:
werktags schrieb:
Scheint auf den ersten Blick etwas komplex zu sein - aber immerhin gibt es eine Anleitung! Also bevor jm. anderes hier deine Arbeit macht, kannst du ja sagen wo du hängst - lad am besten deine Sachen auch hier aufem Webspace, dass man dir bei Problemen besser helfen kann.
Hallo,
das Problem ist einfach, das ich es gar nicht verstehe was ich da wo machen muss.
Der Kalender ist einfach genau das was ich suche, abe rich kanns leider einfach nicht.
Er soll doch die eingetragenen Events einfach nur einspeichern.
Aber ich bin zu doof dafür.
MfG
guten Tag,
also dein Kalender hat auch Interesse bei mir geweckt, nur bekomm ich es auch nicht hin.
Es scheint so, als ob man vorher noch irgendetwas installieren muss, da es sich ja nur um ein Plugin handelt.
Von daher sollte es wahrscheinlich bei Lima sowieso nicht laufen, jedoch trotzdem interessant.
Vllt bringt dich das weiter:
http://www.webappers.com/2009/08/04/jquery-weekly-calendar-plugin-inspired-by-google-calendar/
Lg ferana -
Als ich geschrieben habe, dass es etwas komplexer ist, hab ich damit implizieren wollen, dass man sich die Mühe machen muss und sich einlesen muss! Das hast du eindeutig nicht gemacht!
Anleitung:
1.) Die Datei herunterladen + entpacken
In der Datei liegt gleich ein Verzeichnis "full_demo", da sollte man sich mal die Datei "weekcalendar_full_demo.html" anschauen - das ist das Parade-Beispiel.
2.)Eine neue Datei anlegen im entpackten Verzeichnis.
Jetzt folgendes übernehmen:
Wie in der Dokumentation steht, wird jQuery und jQuery-ui benötitg - soweit hätte man kommen sollen. Diese können über Google selbst - wie hier in diesem Beispiel - eingebunden werden oder eben auf den Webspace geladen werden.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <link rel='stylesheet' type='text/css' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css' /> <link rel='stylesheet' type='text/css' href='jquery.weekcalendar.css' /> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js'></script> <script type='text/javascript' src='jquery.weekcalendar.js'></script> <script type='text/javascript'> $(document).ready(function() { $("#calendar").weekCalendar(); }); </script> </head> <body> <div id='calendar'></div> </body> </html>
Man legt einen Div-Container an und weißt ihm mit jQuery den "Kalendar" zu. Das ist die einfachste Form. Events sollten wie die Dokumentation zeigt, angelegt werden, wobei das bei mir nicht funktioniert hat. Daher bleibt nichts anderes übrig, wie sich durch die schöne Demo durchzuackern und entsprechend per Copy&Paste die Unwissenheit zu umgehen.
Neben dem jQuery-Code kann man das ganze auch noch mit CSS stylen - also insgesamt ein sehr gutes Plugin - aber wie gesagt auch sehr komplex! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
