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

Hinzugefügt:

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

Geändert: (08.01.2011)

• Name der php Klasse von "calender.class.php" nach "calender_v12a.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/"
• 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: –

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

{CALENDAR:
items=10
template=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
}

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:

<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.

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:

<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>

• 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.html
• template/inc_css/specific/calendar_v12.css (Update 08.01.2011 Dateinamen geändert)

calendar_v12.zip (7.67 KiB, 127 downloads)

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.html
• template/inc_css/specific/calendar_v12.css (Update 04.01.2011) (Update 08.01.2011 Dateinamen geändert)

calendar_v12a.zip (7.77 KiB, 116 downloads)

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