jscalendar

[blubbbla]

Kennt jemand diesen Kalender jscalendar: http://www.dynarch.com/projects/calendar/ ?

ich möchte so eine Funktion, wie auf http://blubbbla.bl.funpic.de/kalender.jpg dargestellt, realisieren.
Also d.h. ich kann verschiedene Termine hinzufügen. Hinter jedem Termin gibt es dann ein Icon, was den Kalender öffnet und diesen Termin bearbeiten lässt.

Ich habe alles hinbekommen, bis auf, dass der Kalender bei allen Icons aufgeht. Ich habe es so versucht:

<a href="#" id="trigger_img1" name="1" onclick="Calendar.setup({displayArea:'f_date_c',ifFormat : '%m.%d.%Y',button : 'trigger_img'+this.name,addNewSate: false, editDate_name:this.name });">
															<img src="ressources/images/icons/calendar.gif" />
</a>

(Wenn es Termin hinzugefügt wird, heißt die id zum Beispiel "trigger_img2" und der name="2" )


Das funktioniert aber nur im Firefox. Das Problem des Ganzen ist einfach, dass man an die Setup Funktion die ID des Triggers (des Buttons oder Link, wo der Kalender aufgeht) übergibt. Wenn ich aber Termine hinzufüge, erzeugt die Id sich ja dynamisch (sie erhöht sich). Ich kann die ID also nie wirklich wissen. Deswegen habe ich den Aufruf so wie oben probiert. Aber geht wie gesagt nur im Firefox

Hat das schon mal jemand gemacht oder eine Idee?

 

[Quaese]

Hi,

mal sehen, ob ich das Problem richtig verstanden habe.

Es ist möglich, anhand des rel-Attributs des Links (Trigger) festzustellen, ob die Setup-Methode bereits aufgerufen wurde (false=nein, true=ja). Wurde sie noch nicht aufgerufen, so wird das Kalenderelement initialisiert und über onclick() des Elements die Funktion gestartet. Ausserdem wird der Wert des rel-Attributs auf true gesetzt.

<input type="text" id="f_date_1" value=""><a href="#" id="trigger_img1" name="1" rel="false" onclick="if(this.rel=='false'){Calendar.setup({inputField:'f_date_'+this.name, ifFormat : '%d.%m.%Y', button : 'trigger_img'+this.name, addNewSate: false, editDate_name: this.name}); this.rel='true'; this.onclick();}"><img src="ressources/images/icons/calendar.gif" /></a>
<input type="text" id="f_date_2" value=""><a href="#" id="trigger_img2" name="2" rel="false" onclick="if(this.rel=='false'){Calendar.setup({inputField:'f_date_'+this.name, ifFormat : '%d.%m.%Y', button : 'trigger_img'+this.name, addNewSate: false, editDate_name: this.name}); this.rel='true'; this.onclick();}"><img src="ressources/images/icons/calendar.gif" /></a>

Wichtig ist, dass die Endung der ID des zugehörigen Inputfeldes sowie des Links dem Wert des name-Attributs entsprechen.

Vielleicht kannst du damit etwas anfangen.


Ciao
Quaese