kostenlose-templates.eu - Adventskalender von: W. Zenk  [IE|M|O]
In der Weihnachtszeit ist dieser Adventskalender genau das richtige für die Webseite.
Der Adventskalender öffnet nur am 4.12 eine Html-Datei mit dem Namen: fenster4.htm und nur am 19.12 eine Datei mit dem Namen: fenster19.htm ... und so weiter.

Anstatt der Zahlen können in der Tabelle auch gleichgroße Bilder (Weihnachtsgrafiken etc.) eingefügt werden, oder ein Hintergrundbild. 


<script  type="text/javascript">
 <!--
 // Das Script stammt von W. Zenk
 // eMail: webmaster@homepage-total.de
 // Homepage: www.homepage-total.de
 // Das Script darf frei genutzt werden,
 // solange dieser Vermerk nicht entfernt wird!

 function Advent(a){
  var x = 450; //  Fensterbreite
  var y = 300; // Fensterhöhe
  var s = 1; // 1 = Scrollbar ein  | 0 = Scrollbar aus
  var f = 1; // 1 = Fenstergrösse änderbar
  var c = 1; // 1 = Fenster in die Mitte des Bildschirms
  var Datum = new Date();
  var AdventsMonat = 12; // Monat zum testen ändern!
  var Tag = Datum.getDate();
  var Monat = Datum.getMonth()+1;

  if(AdventsMonat == Monat && a == Tag){
   var Fenster = "fenster" + a +".htm";
   rahmen=window.open(Fenster,"xmas2","scrollbars="+s+",resizable="+f+",width="+x+",height="+y)
   if(c){
    rahmen.moveTo((screen.availWidth-x)/2, (screen.availHeight-y)/2);
   }
  }
 }
 //-->
</script>

<table border="1" width="100" align="center">
 <caption><b>Adventskalender</b></caption>
 <tr>
  <td><a href="javascript:Advent(1)">1</a></td>
  <td><a href="javascript:Advent(2)">2</a></td>
  <td><a href="javascript:Advent(3)">3</a></td>
  <td><a href="javascript:Advent(4)">4</a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(5)">5</a></td>
  <td><a href="javascript:Advent(6)">6</a></td>
  <td><a href="javascript:Advent(7)">7</a></td>
  <td><a href="javascript:Advent(8)">8</a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(9)">9</a></td>
  <td><a href="javascript:Advent(10)">10</a></td>
  <td><a href="javascript:Advent(11)">11</a></td>
  <td><a href="javascript:Advent(12)">12</a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(13)">13</a></td>
  <td><a href="javascript:Advent(14)">14</a></td>
  <td><a href="javascript:Advent(15)">15</a></td>
  <td><a href="javascript:Advent(16)">16</a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(17)">17</a></td>
  <td><a href="javascript:Advent(18)">18</a></td>
  <td><a href="javascript:Advent(19)">19</a></td>
  <td><a href="javascript:Advent(20)">20</a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(21)">21</a></td>
  <td><a href="javascript:Advent(22)">22</a></td>
  <td><a href="javascript:Advent(23)">23</a></td>
  <td><a href="javascript:Advent(24)">24</a></td>
 </tr>
</table>
Beispiel mit Bilder
<script  type="text/javascript">
 <!--
 // Das Script stammt von W. Zenk
 // eMail: webmaster@homepage-total.de
 // Homepage: www.homepage-total.de
 // Das Script darf frei genutzt werden,
 // solange dieser Vermerk nicht entfernt wird!

 function Advent(a){
  var x = 450; //  Fensterbreite
  var y = 300; // Fensterhöhe
  var s = 1; // 1 = Scrollbar ein  | 0 = Scrollbar aus
  var f = 1; // 1 = Fenstergrösse änderbar
  var c = 1; // 1 = Fenster in die Mitte des Bildschirms
  var Datum = new Date();
  var AdventsMonat = 12; // Monat zum testen ändern!
  var Tag = Datum.getDate();
  var Monat = Datum.getMonth()+1;

  if(AdventsMonat == Monat && a == Tag){
   var Fenster = "fenster" + a +".htm";
   rahmen=window.open(Fenster,"xmas2","scrollbars="+s+",resizable="+f+",width="+x+",height="+y)
   if(c){
    rahmen.moveTo((screen.availWidth-x)/2, (screen.availHeight-y)/2);
   }
  }
 }
 //-->
</script>

<table border="1" align="center">
 <caption><b>Adventskalender</b></caption>
 <tr>
  <td><a href="javascript:Advent(1)"><img src="bild1.jpg" alt="1" border="0"></a></td>
  <td><a href="javascript:Advent(2)"><img src="bild2.jpg" alt="2" border="0"></a></td>
  <td><a href="javascript:Advent(3)"><img src="bild3.jpg" alt="3" border="0"></a></td>
  <td><a href="javascript:Advent(4)"><img src="bild4.jpg" alt="4" border="0"></a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(5)"><img src="bild5.jpg" alt="5" border="0"></a></td>
  <td><a href="javascript:Advent(6)"><img src="bild6.jpg" alt="6" border="0"></a></td>
  <td><a href="javascript:Advent(7)"><img src="bild7.jpg" alt="7" border="0"></a></td>
  <td><a href="javascript:Advent(8)"><img src="bild8.jpg" alt="8" border="0"></a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(9)"><img src="bild9.jpg" alt="9" border="0"></a></td>
  <td><a href="javascript:Advent(10)"><img src="bild10.jpg" alt="10" border="0"></a></td>
  <td><a href="javascript:Advent(11)"><img src="bild11.jpg" alt="11" border="0"></a></td>
  <td><a href="javascript:Advent(12)"><img src="bild12.jpg" alt="12" border="0"></a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(13)"><img src="bild13.jpg" alt="13" border="0"></a></td>
  <td><a href="javascript:Advent(14)"><img src="bild14.jpg" alt="14" border="0"></a></td>
  <td><a href="javascript:Advent(15)"><img src="bild15.jpg" alt="15" border="0"></a></td>
  <td><a href="javascript:Advent(16)"><img src="bild16.jpg" alt="16" border="0"></a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(17)"><img src="bild17.jpg" alt="17" border="0"></a></td>
  <td><a href="javascript:Advent(18)"><img src="bild18.jpg" alt="18" border="0"></a></td>
  <td><a href="javascript:Advent(19)"><img src="bild19.jpg" alt="19" border="0"></a></td>
  <td><a href="javascript:Advent(20)"><img src="bild20.jpg" alt="20" border="0"></a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(21)"><img src="bild21.jpg" alt="21" border="0"></a></td>
  <td><a href="javascript:Advent(22)"><img src="bild22.jpg" alt="22" border="0"></a></td>
  <td><a href="javascript:Advent(23)"><img src="bild23.jpg" alt="23" border="0"></a></td>
  <td><a href="javascript:Advent(24)"><img src="bild24.jpg" alt="24" border="0"></a></td>
 </tr>
</table>


Ein weiteres Beispiel eines Adventskalenders.
Hier wird der aktuelle Tag mit einem roten Rahmen hervorgehoben.

Demo-Bild:
<style type="text/css">
dfn{
 display: block;
 text-align: center;
 font-style: normal;
}
</style>

<table border="1" width="100" align="center">
 <caption><b>Adventskalender</b></caption>
 <tr>
  <td><a href="javascript:Advent(1)"><dfn>1</dfn></a></td>
  <td><a href="javascript:Advent(2)"><dfn>2</dfn></a></td>
  <td><a href="javascript:Advent(3)"><dfn>3</dfn></a></td>
  <td><a href="javascript:Advent(4)"><dfn>4</dfn></a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(5)"><dfn>5</dfn></a></td>
  <td><a href="javascript:Advent(6)"><dfn>6</dfn></a></td>
  <td><a href="javascript:Advent(7)"><dfn>7</dfn></a></td>
  <td><a href="javascript:Advent(8)"><dfn>8</dfn></a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(9)"><dfn>9</dfn></a></td>
  <td><a href="javascript:Advent(10)"><dfn>10</dfn></a></td>
  <td><a href="javascript:Advent(11)"><dfn>11</dfn></a></td>
  <td><a href="javascript:Advent(12)"><dfn>12</dfn></a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(13)"><dfn>13</dfn></a></td>
  <td><a href="javascript:Advent(14)"><dfn>14</dfn></a></td>
  <td><a href="javascript:Advent(15)"><dfn>15</dfn></a></td>
  <td><a href="javascript:Advent(16)"><dfn>16</dfn></a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(17)"><dfn>17</dfn></a></td>
  <td><a href="javascript:Advent(18)"><dfn>18</dfn></a></td>
  <td><a href="javascript:Advent(19)"><dfn>19</dfn></a></td>
  <td><a href="javascript:Advent(20)"><dfn>20</dfn></a></td>
 </tr>
 <tr>
  <td><a href="javascript:Advent(21)"><dfn>21</dfn></a></td>
  <td><a href="javascript:Advent(22)"><dfn>22</dfn></a></td>
  <td><a href="javascript:Advent(23)"><dfn>23</dfn></a></td>
  <td><a href="javascript:Advent(24)"><dfn>24</dfn></a></td>
 </tr>
</table>

<script  type="text/javascript">
 <!--
 // Das Script stammt von W. Zenk
 // eMail: webmaster@homepage-total.de
 // Homepage: www.homepage-total.de
 // Das Script darf frei genutzt werden,
 // solange dieser Vermerk nicht entfernt wird!

  var Datum = new Date();
  var AdventsMonat = 12; // Monat zum testen ändern!
  var Tag = Datum.getDate();
  var Monat = Datum.getMonth()+1;

if(AdventsMonat == Monat && Tag < 25){
 document.getElementsByTagName("dfn")[Tag-1].style.borderColor="#FF0000";
 document.getElementsByTagName("dfn")[Tag-1].style.borderStyle="solid";
 document.getElementsByTagName("dfn")[Tag-1].style.borderWidth="2";
}

 function Advent(a){
  var x = 450; //  Fensterbreite
  var y = 300; // Fensterhöhe
  var s = 1; // 1 = Scrollbar ein  | 0 = Scrollbar aus
  var f = 1; // 1 = Fenstergrösse änderbar
  var c = 1; // 1 = Fenster in die Mitte des Bildschirms

  if(AdventsMonat == Monat && a == Tag){
   var Fenster = "fenster" + a +".htm";
   rahmen=window.open(Fenster,"xmas2","scrollbars="+s+",resizable="+f+",width="+x+",height="+y)
   if(c){
    rahmen.moveTo((screen.availWidth-x)/2, (screen.availHeight-y)/2);
   }
  }
 }
 //-->
</script>