Earl3000

Hallo alle miteinander,

ich hätte da mal ein Anliegen...

ich möchte mir einen Web-Kalender bauen und diesen bis hin zu einem kleinen Terminmanagement erweitern, jedoch könnte ich einen gedanklichen Richtungs-Anschub gebrauchen.

Der Kalender soll aus folgendem bestehen:

1. einem Eingabefeld mit einem kleinen komfortablen Javascript-Mini-Kalender,der mir das ausgewählte Datum ohne Reload der Seite einträgt.
   Hier möchte ich aber nicht Tag-Monat-Jahr in seperaten Feldern eingeben.
   
2. einer größeren Kalender-Übersicht (ähnlich wie in diversen Foren zu sehen ist - bsp. Phpbb) bei dem ich wenn ich über ein Datum gehe (Mouseover) die Daten/Events des jeweiligen Tages in einen Container neben dem Kalender anzeigt. Diese soll auch ohne einen Reload geschehen.
   Nun weiß ich hier nicht so recht wie ich rangehen soll, da dies sicher über javascript realisieren muss und da aber keine Daten aus einer DB, wo die Events/Daten gespeichert werden sollen, ziehen kann.

Nun ist meine Frage, was brauche ich dafür oder wie realisere ich das am besten?
Ich weiß auch, dass es von Kalender-skripts genügend im www gibt, jedoch hat mir noch keiner für meine Bedürfnisse gefallen.Darum will ich mir ja selbst eine solche Applikation schreiben.
Das ganze Ding könnte ich auch in PHP allein und mit Reloads der Seite realisieren, denn das wäre einfach und ich könnte es mit meiner bisherigen PHP-Erfahrung auch, aber das will ich grade deswegen nicht.

Nun also, wie realisere ich es ,dass ich Dinge aus einer DB abfrage und gleich anzeige,wenn noch niemand eine Eingabe gemacht hat und wie mache ich es, dass neben dem Tag (Datum im Kalender) ein Bereich erscheint mit den Events und dieser bei wechseln des Tages (Mausbewegung zum nächsten Tag) die Daten/Events aktualisiert?
geht das in Richtung Ajax? Dann habe ich davon noch gar keine Ahnung.


Nun hoffe ich, dass ich mir den richtigen Bereich des Forums ausgesucht habe und Euch diese Problematik nicht zu doof erscheint.

Grüße und Danke für jede Hilfe
Earl3000

Mister Ad

PTC

Stichwort: AJAX

Da gibt es aber viele verschiedene Bibliotheken, wie MooTools.

agrajag

Zu 1.:
Es gibt hunderte fertige "Kalener-Widgets". Du musst dir nur noch einen passenden raussuchen und an deine Bedürfnisse anpassen. Zum Beispiel:
calendardateselect - Google Code

Zu 2.:
Du möchtest bei Mouseover einen Div-Container einblenden - schau mal in unser php.de-Wiki, dort gibt es dazu ein kleines Tutorial.
Die Daten die du einblenden möchtest, kannst du entweder per AJAX nachladen oder schon beim Aufbau der Seite für alle Daten ("Datums") die benötigten Informationen versteckt einbetten - um sie dann bei mouseover anzuzeigen.

Ich würde dir empfehlen dir erstmal ein Grundverständnis von JavaScript und evtl. AJAX anzueigenen - sonst wird das sehr mühselig für uns dir irgendwelche Tipps zu geben


MOD:
Da der Großteil deiner Vorhaben wohl vor allem mit JS zu tun hat, verschiebe ich das auch mal dorthin.

Earl3000

Alles klar...da habe ich erstmal Brot

dann muss ich wohl doch erstmal bisschen büffeln, aber ich lag ja doch schon richtig mit dem Ajax-Gedanken.

Danke erstmal , aber ich denke ich komme wieder, wenn das Brot alle ist und ich wieder über den Tellerrand schauen kann...

nikosch

Exkurs: Sprache anwenden

für alle Datumeinträge
für alle Datumfelder
für alle Datumzuordnungen

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

agrajag

Nicht jeder ist so kreativ wie du Nikosch Aber ich finde die klingen alle drei scheußlich, mit Binde-S klängen sie besser.

@Earl:
Du brauchst dazu nicht zwingend AJAX.

Earl3000

@agrajag:
die erste Problematik mit dem Anzeigen der versteckten Daten (Events und nix Datums...) lässt sich ja über CSS und über Javascript lösen,
aber wie das ohne Ajax machen wenn ich Daten (DB-EInträge) aus DB ziehe ohne PHP-Skript aufzurufen,denn sonst ist ja ein Reload erforderlich.
Erklär mal näher deinen Gedanken

@nikosch:
mit Verlaub, aber da ist aber einer pingelig.
Mir würde es sicher mehr helfen wenn du mir bei meinem Sprachproblem (Exkurs Programmiersprachen anwenden) helfen könntest...

agrajag

Statt die Daten erst dann aus der DB zu laden, wenn du sie "wirklich" brauchst, holst du sie einfach schon beim ersten laden der Seite komplett aus der Datenbank.

Wenn du beispielsweise den Monat Dezember anzeigst, lädst du alle Events/Termine aus dem Dezember. Entweder gibst du sie dann in eine JSON-Struktur aus, die du dann von JavaScript aus aufrufen kannst oder du gibst die beispielsweise als Liste (<ul><li>Termin 1</li><li>...</ul>) aus, versteckst alle und zeigst dann bei Mouseover über dem Datum die gewünschten Termine an.

Sinnvoll ist das natürlich nur, wenn die Anzahl der Termine nicht sehr groß ist - sonst hast du eine riesen Datenmenge die du unnötig laden musst...

Earl3000

Jaja ist richtig, das ginge natürlich auch, aber das habe ich gar nicht weiter verfolgt, da ich schon jetzt ganz sicher sagen kann, dass (m)ein Kalender mit reichlich Daten gespeist werden wird und ich so nicht die Kalender ohne Neuladen der Seite PHP, Javascript, Ajax muss, aber dafür beim ersten Seitenaufruf eine Ewigkeit warten muss...

Darum war ja mein Gedankengang, dass ich per Ajax nur genau die Daten ziehe,die der aktuelle Tag beinhaltet, wenn ich beispielsweise mit der Maus drüber gehe.

So bin ich gerade dabei per Ajax ein Request auf ein php-Skript auszuführen.
Nur die Rückgabe gefällt mir noch nicht wirklich,da ich nur einen String zurückbekomme und den dann wieder auf versch. Felder aufteilen muss...

agrajag

Dann verwende doch einfach XML oder JSON statt einen irgendwie formatierten String.