Erweitert Wysiwyg-Text u. Bild (V1.2a)

Erweitert Wysiwyg-Text u. Bild (V1.2a)

Hinzugefügt:

Wysiwyg Text
Thumb mit LightBox
Link mit Thumb
TAG-Steuerung: für Vorschaubild beim Aufruf: z.B. WxHxCxQ=150x100x0x80 (WIDTHxHEIGHTxCROPxQUALITY)
TAG-Template: Ganztägig [ALLDAY]../..[ALLDAY_ELSE] (04.01.2011)

Geändert: (08.01.2011)

Name der php Klasse von "calender.class.php" nach "calender_v12(a).class.php" in "include/inc_module/mod_calendar/inc/"
Name der CSS-Datei von "calender.css" nach "calender_v12.css" in "template/inc_css/specific/"
Name der Template-Datei von "my_dates_list_de.html" nach "calender_v12(a).html" in "template/calendar/"
Aufruf der beiden o.g. Dateien in der Datei "init_calendar.php" in "template/inc_script/frontend_render/"

Docu: –
Forum: –

Autor: K.Heermann (flip-flop) http://planmatrix.de
CMS Version: >= V1.4.2 r348
Version: V1.2 (30.11.2010)
Update: V1.2a (04.01.2011)
Update: V1.2a Dateinamen geändert (08.01.2011)
Verzeichnis: include/inc_module/mod_calendar/inc/ *
Bedingung: –

Aufruf des Kalenders im Frontend

In einem CP HTML oder “Einfacher Text” wird folgendes TAG-Set: eingetragen:

{CALENDAR:
items=10
template=calendar_v12.html (calendar_v12a.html)
lang=de
tag=tag1, tag2
tagmode=OR
date_start=01.01.2010
date_end=31.12.2010
href=index.php?ebene06
WxHxCxQ=150x100x0x80
}

Template V1.2:

Z.B. in template/calendar/TemplateName.html

Hinzugefügt TEXTLONG für den Wysiwyg Text und IMAGE_CALENDAR für das kleine Vorschaubild und Originalbild (LightBox).

[TEXTLONG]{TEXTLONG}[/TEXTLONG]
[IMAGE_CALENDAR]{IMAGE_CALENDAR}[/IMAGE_CALENDAR]

Beispiel:

calendar_v12.html

<div class="calendar">
  <div class="left">
    <div class="date">
      <p><strong>Startdatum: {STARTDATE:d.m.}</strong><strong class="year">{STARTDATE:Y}</strong></p>
      <p><strong>Enddatum: {ENDDATE:d.m.}</strong><strong class="year">{ENDDATE:Y}</strong></p>
    </div>
  </div>
  <div class="detail">
    <div class="image">
      [IMAGE_CALENDAR]{IMAGE_CALENDAR}[/IMAGE_CALENDAR]
    </div>
    <div class="teaser">
      [TITLE]<h2>{TITLE}</h2>[/TITLE]
      [PLACE]<p class="place">Ort: {PLACE}</p>[/PLACE]
      [HREF]<div class="other">HREF: {HREF}</div>[/HREF]
      [URL]<div class="other">URL: {URL}[TARGET]{TARGET}[/TARGET]</div>[/URL]
 
      [TEXT]<div class="textlong">{TEXT}</div>[/TEXT]
      [TEXTLONG]<div class="textlong">{TEXTLONG}</div>[/TEXTLONG]
    </div>
  </div>
  <div style="clear:both;"><!--nop//--></div>
</div>

Die Ausführung der LightBox wird im Termin durch den Schalter [x] LightBox gesteuert.
[x] Klick vergrößern ist ohne Funktion.
~~Ist ein Link im Feld URL unterhalb des Bildes gesetzt, wird die LightBox Ausgabe übersteuert.~~
Ist ein Link im Feld URL unterhalb des Bildes gesetzt ist dieser nur aktiv wenn die LightBox nicht eingeschaltet ist.

Technik: Die Bilder werden über das Verfahren “cmsimage” geladen.

Template V1.2a:

In template/calendar/TemplateName.html

Ergänzt zu Template V1.2: [ALLDAY] . . . [/ALLDAY] - [ALLDAY_ELSE] . . . [/ALLDAY_ELSE] um bestimmte Einträge für den Schalter “Ganztägig” ein/auszublenden.

[ALLDAY] . . . [/ALLDAY]
[ALLDAY_ELSE] . . . [/ALLDAY_ELSE]

Beispiel:

calendar_v12a.html

<div class="calendar">
  <div class="left">
    <div class="date">
      <p><strong>[ALLDAY]Datum: [/ALLDAY][ALLDAY_ELSE]Startdatum: [/ALLDAY_ELSE] {STARTDATE:d.m.}</strong><strong class="year">{STARTDATE:Y}</strong></p>
      [ALLDAY_ELSE]<p><strong>Enddatum: {ENDDATE:d.m.}</strong><strong class="year">{ENDDATE:Y}</strong></p>[/ALLDAY_ELSE]
    </div>
  </div>
  <div class="detail">
    <div class="image">
      [IMAGE_CALENDAR]{IMAGE_CALENDAR}[/IMAGE_CALENDAR]
    </div>
    <div class="teaser">
      [TITLE]<h2>{TITLE}</h2>[/TITLE]
      [PLACE]<p class="place">Ort: {PLACE}</p>[/PLACE]
      [HREF]<div class="other">HREF: {HREF}</div>[/HREF]
      [URL]<div class="other">URL: {URL}[TARGET]{TARGET}[/TARGET]</div>[/URL]
 
      [TEXT]<div class="textlong">{TEXT}</div>[/TEXT]
      [TEXTLONG]<div class="textlong">{TEXTLONG}</div>[/TEXTLONG]
    </div>
  </div>
  <div style="clear:both;"><!--nop//--></div>
</div>

Download V1.2:

include/inc_module/mod_calendar/inc/calendar_v12.class.php (Update 08.01.2011 Dateinamen geändert)
template/inc_script/frontend_render/init_calendar.php (Update 08.01.2011)
template/calendar/calendar_v12.html (Update 08.01.2011 Dateinamen geändert)
template/inc_css/specific/calendar_v12.css (Update 08.01.2011 Dateinamen geändert)

calendar_v12.zip

Download V1.2a:

Update 04.01.2011: Mit dem den TAG Ganztägig [ALLDAY]…[/ALLDAY] :

include/inc_module/mod_calendar/inc/calendar_v12a.class.php (Update 04.01.2011) (Update 08.01.2011 Dateinamen geändert)
template/inc_script/frontend_render/init_calendar.php (Update 08.01.2011)
template/calendar/calendar_v12a.html (Update 08.01.2011 Dateinamen geändert)
template/inc_css/specific/calendar_v12.css (Update 04.01.2011) (Update 08.01.2011 Dateinamen geändert)

calendar_v12a.zip

Download V1.2a komplett:

Das komplette Modul mit allen Dateien.

<note important> Installation: Das alte Modul in include/inc_module/mod_calendar muss komplett gelöscht werden, bzw. mit dieser Version überschrieben werden.
Bitte nicht den Pfad umbenennen und die alte Version parken, das funktioniert nicht.

Die bisherige Datei "template/inc_script/frontend_render/init-calendar.php" löschen oder umbenennen nach "init-calendar.php_" !! </note>

Update 04.01.2011: Mit dem den TAG Ganztägig [ALLDAY]…[/ALLDAY] :

include/inc_module/mod_calendar/inc/calendar_v12a.class.php (Update 04.01.2011) (Update 08.01.2011 Dateinamen geändert)
template/inc_script/frontend_render/init_calendar.php (Update 08.01.2011)
template/calendar/calendar_v12a.html (Update 08.01.2011 Dateinamen geändert)
template/inc_css/specific/calendar_v12.css (Update 04.01.2011) (Update 08.01.2011 Dateinamen geändert)

mod_calendar_v12a_all.zip

— Knut Heermann (flip-flop) 2010/11/30 01:37