Den Agenda vum Bistum 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 vum Bistum op ärer Websäit

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

Am <body> Tag

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

<div id="agendaBistumListe"></div>

<div id="agendaBistumDetail"></div>

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

Just ier de <body> Tag zougemaach gëtt

Ënnen op der Säit, just ier de body-Tag zougemaach gëtt (</body>), setzt dëse Code:

<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?lang=ltz" type="text/javascript"></script>

<script type="text/javascript">

   var shortListNbOfRecords = 10;

   var shortListDivIdN = "agendaBistumListe";

   var outsideDivIdN = "agendaBistumDetail";

   kierchenAgenda();

</script>

Wann Dir souwisou schon jQuery an ärem Code benotzt, braucht Dir déi éischt Zeil natierlech net.

Upasse kënnt Dir:

shortListNbOfRecords=10: ersetzt ’10’ duerch d’Zuel vu Manifestatiounen déi an der Lëscht sollen ugewise ginn.
lang=ltz: ersetzt ’ltz’ duerch ’fra’ fir franzéisch oder ’deu’ fir däitsch. ’ltz’ steet fir lëtzebuergesch.

An den <head> Tag

Tëschent <head> an </head>, oder an äert Stylesheet, setzt de Code fir un de Layout vun Ärem Site unzepassen, z.B. esou:

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

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='kierchenDetailN' 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> hun:

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

Wann dat net richteg ass, ginn d’Accent’en net richteg ugewisen.

Parverband- a Bistum-Agenda an enger Säit

Dat ass méiglech. Passt op dat 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: