PopCalendar v1.6

• Mehrsprachigkeit: englisch (en), spanisch (es), deutsch (de), norwegisch (no), holländisch (nl), polnisch (pl), italienisch (it), dänisch (da), portugiesisch (pt) (mehr Sprachen gerne gesehen... would like to see more languages...) multi-language: supports english (en), spanish (es), german (de), norwegian (no), dutch (nl), polish (pl), italian (it), danish (da), portuguese (pt)
• Flexibilität flexibility
• Bedienfreundlichkeit usability

Download

Installation

1. In der Seite irgendwo das JavaScript einbinden: Put this in your Page:

   <script src="popcalendar.js" type="text/javascript"><!--mce:1--></script>

2. dann zum Beispiel einen Button hinzufügen: Insert a button:

   <input onclick="popCalendar.show(this)" type="button" value="12/23/2009" />

3. Ergebnis result:

Varianten Variants

• Kalender in englisch, Wochenbeginn ist Sonntag, keine Datumswerte in der Vergangenheit erlaubt: English calendar, begin of week is Sunday, no datevalues in past allowed

  <input onclick="popCalendar.show(this,this,'dd/mm/yyyy','en',false,null,null,0)" type="button" value="30/10/2009" />

  Ergebnis:
• in holländisch, mit Textbox als Ziel: The dutch version with textbox:

  <form>
  <input id="thedate" maxlength="10" size="10" type="text" value="21.12.2009" />
  <input onclick="popCalendar.show(this,'thedate','dd.mm.yyyy','nl')" type="button" value=" ... " />
  </form>

  Ergebnis:
• InternetExplorer < 7 overlaps selectboxes and applets in front of the popCalendar. To hide these temporarily just edit popcalendar.js:

    hideElements   : false,

• You are able to enable one-letter-Weekdays in popCalendar. To show those, edit popcalendar.js:

    showDayLetter  : false,

Syntax

popCalendar.show(btn, ctl, format, lang, past, x, y, start)

btn

der zugehörige Button the button Accepts objects and strings. If you hand over a string, PopCalendar looks for that ID in document.

ctl

optional das Zielobjekt, in welchem das Datum landet (button, textbox, etc.) the target-field for the date-value Accepts also objects and strings. If you hand over a string, PopCalendar looks for that ID in document.

format

optional ein Datumsformat, welches der Kalender interpretiert. als Trenner sind folgende Zeichen erlaubt: '-', ' ', '.', '/'. Erkannt werden folgende Datums-token: accepted date-tokens:

• d - 1…31
• dd - 01…31
• m - 1…12
• mm - 01…12
• mmm - JAN…DEZ
• mmmm - Januar…Dezember
• yyyy - z.B. 2009

als Rückgabewerte können noch deutlich mehr Formate definiert werden - dazu einfach in die popcalendar.js reinschauen (Funktion »constructDate()«) just look for constructDate() in popcalendar.js for more formats

lang

optional Sprache des Kalenders:

• 'da' - dänisch danish
• 'de' - deutsch german
• 'en' - englisch english
• 'es' - spanisch spanish
• 'fr' - französisch french
• 'it' - italienisch italian
• 'nl' - holländisch dutch
• 'no' - norwegisch norwegian
• 'pl' - polnisch polish
• 'pt' - portugiesisch portuguese

the language of your calendar

past

optional true/false - gibt an, ob das Datum in der Vergangenheit liegen darf (false - kein Datum in der Vergangenheit) allows date in the past (=false)

x

optional absolute x-position des PopCalendars absolute x-position of PopCalendar

y

optional absolute y-position des PopCalendars absolute y-position of PopCalendar

start

optional Wochenstart, 1 = Montag, 0 = Sonntag, etc. start of week (1=Monday, 0=Sunday, etc.)

Mitarbeit! Help appreciated!

License

History

• released v1.6
• readded time-boxes for editing datetime values. Just use a format like "dd.mm.yyyy hh:ii:ss" for this.

• released v1.5
• fixed some bugs, added lazy param-feature, added default-formats, removed silly year-calculation

• bug: calendar didn't work in Opera. Uses now getFullYear() instead of getYear()

• new language: portuguese

• bug: monthName not defined... fixed.

• small typo in french "august" (no utf8-encoding)

• bug: divs in caption not floating left. fixed.
• add: function show now interpretes strings as control-params as document-ids

• bug: calendar-table wasn't closed correctly, sometimes missing </tr>

• bug: year was falsely calculated in IE6

• new language: danish
• versioning changed: now it goes with a comma: new version reads 1.1!

• new behaviour: don't hide selectboxes and applets in IE7
• new feature: show only one-letter-daynames with "showDayLetter = true"

• fixed bug with Holiday-Records

• fixed bug in enablePast-param

• fixed positioning glitches with IE7

• Some Languagestrings fixed to work with UTF8

• new Language (italian, it)

• update: most of the calendar are made of DIVs, all styles are now in stylesheet
• var "imgDir" renamed to "theme", because now you are able to have different themes for the calendar
• 'gfx/popcalendar.css' renamed to 'default/style.css'

• update: new language: french

• release...
• update: reimplementation of OO-calendar
• update: shorter function-names
• update: some global vars are not necessary anymore
• update: now you have to call the calendar via popCalendar.show()
• update: only one array is necessary for daynames. --> modified Array-Handling

• popCalendar becomes a selfcontaining Object
• bugfix: fixed positioning to work with strict modes in IE/Moz (+'px')
• init() has a new parameter to optionally install event handlers to hide the calendar

• release... some fixes, etc.

• new Language (polish, pl)

• all IDs in html are now prefixed with "pc"
• most CSS now is in external stylesheet
• optimized CSS
• no close-button
• new design: very small design
• optimized function: constructCalendar()

• all IDs in HTML are now prefixed with "pc"
• simplier CSS, no Font-Tags anymore
• no support for NS4 anymore (what the hell is that? )

• new Language (no)
• new feature: added time-boxes (just add "hh:xx:ss" to your dateformat in Showcalendar)

• german language included
• modified languageLogic with the ISO-2letter-strings
• changes in in showCalendar: defaultLanguage is already set...
• js and html corrected... more xhtml-compliant... simplier css

• new logic for multiple languages (English, Spanish and ready for more)
• changes in popUpMonth & popDownMonth methods for hiding popup
• changes in popDownYear & popDownYear methods for hidding popup
• new logic for disabling dates in the past
• new method showCalendar, dynamic configuration of language, enabling past & position
• changes in the styles

• initial version