[JS] Adventskalender

-Katja-
Hallo!

Ich habe mir gedacht, zur Weihnachtszeit schreibe ich mal ein Tutorial zu Adventskalendern.

Der Code.

code:
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:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
<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 = 0; // 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>


Diesen Code fügen wir auf einer leeren Seite namens ' adventskalender.htm ' ein. Das speicherst du.
Danach lädst du die Seite bei deinem Anbieter hoch.

Um die einzelnen Adventstage öffnen zu können, musst 24-HTML Dateien erstellen. Die Dateien können beliebig gefüllt werden.

Die Datei die am 1. geöffnet werden soll, nennst du fenster1.htm ; die Datei die am 2. geöffnet werden soll fenster2.htm usw.

Dann wäre dein Kalender auch schon fertig ;D

Bei Rückfragen, hier rein.

Code © www.homepage-total.de

Liebe Grüße,
Katja
sara1991
super!
tolle idee!
werde es machen!

lg sara
mayapferd
klasse
sara1991
muss man noch was im code ändern wenn man jede textseite zmb. 1.htm oder 2.htm nennt?
oder ist das alles schon eingefügt?

lg sara
-Katja-
Hallo,

Du musst die Textseiten schon fenster1.htm nennen.
Sonst funktioniert es nicht.
Obwohl, wenn du das rote im folgendem Text änderst, kannst du es auch advent1.htm nennen (;

code:
1:
2:
3:
4:
5:
6:
  if(AdventsMonat == Monat && a == Tag){
   var Fenster = "[COLOR=red]fenster[/COLOR]" + 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);


Liebe Grüße,
Katja
sara1991
http://sara1991.sa.funpic.de/vrh/adventskalender.htm

leider klappt es mit dem hintergrundbild noch nicht!!

lg sara
-Katja-
Huhu,

Mach doch aus em Tabellen-Code, bei dem Background, das weg [fette]:

code:
1:
<table border="1" width="527" background="[B]../[/B]20.jpg" style="border-collapse: collapse" bordercolor="#000000" height="408">


Und nenne deine Dateien die geöffnet werden sollen, 'fenster1.htm', 'fenster2.jpg' usw., sonst funktioniert das ganze nicht (;

Liebe Grüße,
Katja
sara1991
also das mit dem öffnen klappt super fröhlich

aber eben das hintergrundbild...

lg sara
Greti
Sahara kannst du mir den Adventskalender machen ich habs aber auch wirklich schon aleine versucht !

LG Katja
sara1991
ähm gehört das in diesen thread? ehrlich gesagt kannst du das alleine! wenn du nur willst! ich habe auch irgendwann mal HTML anfangen zu lernen...

lg sara
sara1991
Spam Spam Spam!


Ich habe immer noch so mein Problem mit dem Hg Bild!

Wer kann mir helfen?

Lg sara
Soraya
Hab mal ne Frage zum dem Adventskalender!
Kann man die "Türen" dann immer öffnen, also die Zahlen anklicken, oder nur an dem richtigem Tag??
sara1991
bei mir kann man es immer!

lg sara

ich habe immer noch so meine probleme...
-Katja-
Hallo,

²Soraya
Wenn man es richtig macht, nur an dem Tag.

Liebe Grüße,
Katja
Katharina Weber
Das ist eine absolut tolle Sache. smile
sara1991
@-katja-

was macht man den flasch wenn es sonst auch geht?
ich kann jeden tag öffnen!!

lg sara

http://sara1991.sa.funpic.de/vrh/adventskalender.htm

das bild geht jetzt!
-Katja-
Hallo,

Du hast die Fenster die sich öffnen sollen falsch abgespeichert.
Du hast eine Zahl genommen und dann .htm
Es muss aber fenster1.htm heißen.

Sagte ich übrigens oben schon einmal (;

Liebe Grüße,
Katja
Greti
ach mist es klappt immernoch nicht ! *fluch*
Pferdchen23
*grml*
Liegt es an meiner Dummheit oder am Mozilla Composer das der Code immer verschwindet wenn ich ihn eingeb? =/
sara1991
Zitat:
Original von -Katja-
Hallo,

Du hast die Fenster die sich öffnen sollen falsch abgespeichert.
Du hast eine Zahl genommen und dann .htm
Es muss aber fenster1.htm heißen.

Sagte ich übrigens oben schon einmal (;

Liebe Grüße,
Katja


...

wer lesen kann hat seine vorteile