Advanced Wysiwyg-Text & image (V1.2)

Added:

  • Wysiwyg Text
  • Thumb with LightBox
  • Link with Thumb
  • TAG for Thumbnail when calling: e.g. WxHxCxQ=150x100x0x80 (WIDTHxHEIGHTxCROPxQUALITY)
  • TAG-Template: All Day Event [ALLDAY]../..[ALLDAY_ELSE] (04.01.2011)


Changed: (08.01.2011)

  • Name of the php class from "calender.class.php" to "calender_v12(a).class.php" in "include/inc_module/mod_calendar/inc/"
  • Name of the CSS file from "calender.css" to "calender_v12.css" in "template/inc_css/specific/"
  • Name of the template file from "my_dates_list_de.html" to "calender_v12(a).html" in "template/calendar/"
  • Call of the mentioned above two files in the file "init_calendar.php" in "template/inc_script/frontend_render/"



Docu: –
Forum: –

Author: 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 filename chnaged (08.01.2011)
Folder: include/inc_module/mod_calendar/inc/ *
Condition:



Call of the calendar in the frontend

Pleaser enter into a CP HTML or “plain text” this TAG-Set:

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

In template/calendar/TemplateName.html

Added TEXTLONG for the Wysiwyg Text and IMAGE_CALENDAR for the little Thumbnail and original image (LightBox):

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


Example:

template

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

The execution of the LightBox is controlled by the switch [x] LightBox.
[x] click zoom without function.
If a link is set in the URL box below the image it is only active if the lightbox is not turned on.

Technology: The images are loaded with the process “cmsimage”.


Template V1.2a:

In template/calendar/TemplateName.html

Adds to template V1.2: [ALLDAY] . . . [/ALLDAY] - [ALLDAY_ELSE] . . . [/ALLDAY_ELSE] to turn on/off specific entries for the switch “All Day”.

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


Example:

calendar_v12a.html

<div class="calendar">
  <div class="left">
    <div class="date">
      <p><strong>[ALLDAY]Datum: [/ALLDAY][ALLDAY_ELSE]Start date: [/ALLDAY_ELSE] {STARTDATE:d.m.}</strong><strong class="year">{STARTDATE:Y}</strong></p>
      [ALLDAY_ELSE]<p><strong>End date: {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">Location: {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.class.php
  • template/inc_script/frontend_render/init_calendar.php
  • template/calendar/calendar.html
  • template/inc_css/specific/calendar.css

calendar_v12.zip (7.67 KiB, 14 downloads)


Download V1.2a:

Update 04.01.2011: With the TAG All Day [ALLDAY]…[/ALLDAY] :

  • include/inc_module/mod_calendar/inc/calendar_v12a.class.php (Update 04.01.2011) (Update 08.01.2011 file name changed)
  • template/inc_script/frontend_render/init_calendar.php (Update 08.01.2011)
  • template/calendar/calendar_v12a.html (Update 08.01.2011 file name changed)
  • template/inc_css/specific/calendar_v12.css (Update 04.01.2011) (Update 08.01.2011 file name changed)

calendar_v12a.zip (7.77 KiB, 12 downloads)


Download V1.2a completely:

The complete module with all files.

Installation: The old module in “include/inc_module/mod_calendar” must be deleted completly, or overwrite with this version.
Please do not rename the path of the old version for parking, that does not work.

Delete the previous file "template/inc_script/frontend_render/init-calendar.php" or rename it to "init-calendar.php_" !!

Update 04.01.2011: With the TAG All Day [ALLDAY]…[/ALLDAY] :

  • include/inc_module/mod_calendar/inc/calendar_v12a.class.php (Update 04.01.2011) (Update 08.01.2011 file name changed)
  • template/inc_script/frontend_render/init_calendar.php (Update 08.01.2011)
  • template/calendar/calendar_v12a.html (Update 08.01.2011 file name changed)
  • template/inc_css/specific/calendar_v12.css (Update 04.01.2011) (Update 08.01.2011 file name changed)

mod_calendar_v12a_all.zip (48.54 KiB, 12 downloads)


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

english/modules/calendar/enhanced-v12.txt · Last modified: 2011/04/10 15:16 by Knut Heermann (flip-flop)
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0