Naptár feladat popup ablakban
A naptárunkba bejegyzett feladatokra kattintva külön nyílik meg a feladat. Jobb megoldás lehet, ha egy fancybox felbukkanó ablakban nézhetjük meg a kiválasztott feladatot.
Ehhez változtatni kell a naptár sablonját. / Admin / Tartalom / Naptár
 |
 |
 |
 |
Keressük meg ezt a kód részletet:
<li><a href="{$event.url}">{$event.event_title}</a></li>
{/foreach}
és cseréljük le erre:
<li><a class="calendar_event" href="{$event.url}?showtemplate=false">{$event.event_title}</a></li>
{/foreach}
Kell még a jQuery modul, ha alapból nincsen a sablonban, és csak az oldalra akarjuk ezt alkalmazni, akkor az oldal (amelyikbe a naptárat illesztettük) Opciók részében a "Smarty-adat vagy -kód, ami erre az oldalra specifikus:" ablakba másoljuk be ezt a két részt (ha a jQuery a sablonban behívásra kerül, akkor csak a <script></script> rész kell!). Ha az egész honlapra vonatkozzon a kód, akkor a sablonba illesszük be.
<script type="text/javascript">
[literal]
jQuery(document).ready(function(){
jQuery('a.calendar_event').fancybox();
});
[/literal]
</script>
Figyelem! A [literal] és [/literal] elemek - kapcsos zárójellel értendők {} - de nem bírom megjeleníteni. Lásd a fölötte lévő képen.
Ezt még formázni kell. a stíluslapba ez került (lehet a calendar stíluslapjába, vagy az oldalhoz tartozó stíluslapba is illeszteni):
/* Naptár feladatok popup*/
.calendar-event {
background:#FFFFFF;
color:#000000;
padding:20px;
font-size:12px;
}
.calendar-event h1{
color:#FB8130;
font-size:22px;
border-bottom: 1px dotted #93B277;
padding:5px;
margin-bottom:5px;
}
.calendar-date-from {
font-size:10px;
font-style: italic;
margin-bottom:5px;
}
.calendar_event {
font-size:12px;
}
Végeredmény:
| Hét | Ked | Sze | Csü | Pén | Szo | Vas |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | ||||