Den Agenda vun ärem Parverband op ärer Websäit

Dir sidd heiHomepage >Archidiocèse . Erzbistum >de Wiefstull . Webmaster Tools >Documentation >

Kuckt och ...

Abonnéiert ons

Circle cathollu

Follow cathollu

Like cathollu

Documentation

Den Agenda vun ärem Parverband op ärer Websäit

Dir kënnt Äre Kalenner an Är Internetsäit integréieren.

Am <body> Tag

Op déi Plaz wou den Agenda soll gewise ginn, setzt dëse Code:

<style type="text/css">

   li.kierchenEvenement span { display:block; }

   li.kierchenEvenement .kierchenGenre { color:red; }

   li.kierchenEvenement a span.kierchenDate { display:inline; }

   li.kierchenEvenement a span.kierchenTitre { display:inline; }

   li.kierchenEvenement a span.kierchenDescription { display:block; }

   #agendaDetail span { display:block; }

</style>

<div id="agendaListe"></div>

<div id="agendaDetail"></div>

<script type="text/javascript" src="http://agenda.kierchen.lu/api/js/jquery-1.6.4.min.js"></script>

<script src="http://agenda.kierchen.lu/api/export.php?comm=12345&lang=ltz" type="text/javascript"></script>

<script type="text/javascript">

   var shortListNbOfRecords = 10;

   var shortListDivIdL = "agendaListe";

   var outsideDivIdL = "agendaDetail";

   kierchenAgenda();

</script>

Mir brauchen 2 <div>, ee fir d’Lëscht vun de Manifestatiounen an ee fir den Detail, wann een op eng Manifestatioun klickt. Déi 2 <div> sinn onofhängeg vuneneen. Si mussen net onbedéngt een no deem anere kommen. Setzt se wou Der wëllt.

Wann Dir souwisou schon jQuery an Ärem Code benotzt, braucht dir d’Zeil wou den jQuery geluede gëtt natierlech net.

Upasse kënnt Dir:

comm=12345: ersetzt ’12345’ duerch d’Nummer vun Ärem Parverband. Kréie kënnt Dir déi Nummer beim Jim Wanderscheid.
lang=ltz: ersetzt ’ltz’ duerch ’fra’ fir franzéisch oder ’deu’ fir däitsch. ’ltz’ steet fir lëtzebuergesch.
shortListNbOfRecords=10: ersetzt ’10’ duerch d’Zuel vu Manifestatiounen, déi an der Lëscht sollen ugewise ginn.

De Layout ka mam Stylesheet ugepasst gin.

De komplette Code vun der Lëscht deen an Är Säit eragespillt gëtt, ass esou opgebaut:

<ul class='kierchenEvenements'>

   <li class='kierchenEvenementFirst'>

      <a href=''>

         <span class='kierchenDate'></span>

         <span class='kierchenTitre'></span>

         <span class='kierchenDescription'></span>

      </a>

   </li>

   <li class='kierchenEvenement'>

      <a href=''>

         <span class='kierchenDate'></span>

         <span class='kierchenTitre'></span>

         <span class='kierchenDescription'></span>

      </a>

   </li>



   (eng Kéier kierchenEvenenementFirst wou méi Detail ugewise gëtt an dann x mol kierchenEvenement)



</ul>

De komplette Code vum Detail deen an Är Säit eragespillt gëtt ass esou opgebaut:

<div class='kierchenDetailL' id='kierchenDetail' style='display:none'>

   <img src='' style='float:right'/>

   <span class='kierchenGenre'>

      <span class='genre'></span> //kann e puer Mol kommen

   </span>

   <span class='kierchenTitre'></span>

   <span class='kierchenDate'></span>

   <span class='kierchenHeure'></span>

   <span class='kierchenDuree'></span>

   <span class='kierchenOrganisateur'></span>

   <span class='kierchenDescription'></span>

   <span class='kierchenLieu'></span>

   <span class='kierchenLangue'></span>

   <span class='kierchenContact'></span>

   <span class='kierchenUrl'><a href='' class='out'></a></span>

</div>

Encoding vum Text

Vergiesst nët, dat mir den Text UTF8-encodéiert iwwerdroen, also misst Dir och dat hei am <head></head> hunn:

<meta http-equiv="content-type" content="text/html;charset=utf-8"/>

Wann dat net richteg ass, ginn d’Accenten net richteg ugewisen.

Parverband- a Bistum-Agenda an enger Säit

Dat ass méiglech. Passt op daTt Dir fir all <div> vum Parverband a vum Bistum net déi selwecht ’id’ benotzt.
Och am Javascript-Code an am Style si minimal Ënnerscheeder: