nicht angemeldet
Adventskalender möglich?
Hallo!
Also, ich möchte gerne auf meiner website einen adventskalender zur verfügung stellen! Hinter jedem türchen soll sich ein bild verstecken, aber man soll halt nicht das tür 12 öffnen können wenn eigentlich erst das erste dran ist :-)
Ich hab nur html & javascript zur verfügung, andere (CGI,asp) unterstützt mein server nicht... ist sowas trotzdem möglich?
grüße
-
Hallo!
Also, ich möchte gerne auf meiner website einen adventskalender zur verfügung stellen! Hinter jedem türchen soll sich ein bild verstecken, aber man soll halt nicht das tür 12 öffnen können wenn eigentlich erst das erste dran ist :-)
Ich hab nur html & javascript zur verfügung, andere (CGI,asp) unterstützt mein server nicht... ist sowas trotzdem möglich?grüße
Mach's so:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Adventskalender</title>
<style type="text/css">
<!--
a:link { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; color: #990099; text-decoration: none}
a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; color: #660099; text-decoration: none }
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
var warten=new Array()
warten[1]="tag1.htm"
warten[2]="tag2.htm"
warten[3]="tag3.htm"
warten[4]="tag4.htm"
warten[5]="tag5.htm"
warten[6]="tag6.htm"
warten[7]="tag7.htm"
warten[8]="tag8.htm"
warten[9]="tag9.htm"
warten[10]="tag10..htm"
warten[24]="tag24.htm"var mydate=new Date()
var daym=mydate.getDate()function moreinfo(test){
if (daym>=test)
window.location=warten[test]
else
alert("Das Fenster darf heute noch nicht geöffnet werden")
}// -->
</script>
</head>
<body bgcolor="#FFFFFF">
<p align="center">Mein Adventskalender</p>
<table width="180" border="2" align="center" bordercolor="#660066" bordercolorlight="#990099" bordercolordark="#660066">
<tr>
<td width="30" align="center"><a href="javascript:moreinfo(1)">1</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(9)">9</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(17)">17</a></td>
</tr>
<tr>
<td width="30" align="center"><a href="javascript:moreinfo(2)">2</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(10)">10</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(18)">18</a></td>
</tr>
<tr>
<td width="30" align="center"><a href="javascript:moreinfo(3)">3</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(11)">11</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(19)">19</a></td>
</tr>
<tr>
<td width="30" align="center"><a href="javascript:moreinfo(4)">4</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(12)">12</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(20)">20</a></td>
</tr>
<tr>
<td width="30" align="center"><a href="javascript:moreinfo(5)">5</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(13)">13</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(21)">21</a></td>
</tr>
<tr>
<td width="30" align="center"><a href="javascript:moreinfo(6)">6</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(14)">14</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(22)">22</a></td>
</tr>
<tr>
<td width="30" align="center"><a href="javascript:moreinfo(7)">7</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(15)">15</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(23)">23</a></td>
</tr>
<tr>
<td width="30" align="center"><a href="javascript:moreinfo(8)">8</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(16)">16</a></td>
<td width="30" align="center"><a href="javascript:moreinfo(24)">24</a></td>
</tr>
</table>
</body>
</html>Gruß Simon
-
<html>
<head>
<title></title>
<meta name="author" content="it.azubi">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<script language="JavaScript">
<!--
mydate=new Date();
daym=mydate.getDate();
ziel=new Array;for(k=1;k<=24;k++){
ziel[k]="";
}for(j=1;j<=daym;j++){
ziel[j]="datei"+j+".html";
}function mach_was(akt){
if(ziel[akt]!=""){window.open(ziel[akt],"Fenster1","width=310,height=400,left=200,top=200");}
else{alert("Na na na heut ist noch nicht der "+akt+"te !!!");}
}tabelle="<table BORDER=0 CELLSPACING=4 CELLPADDING=4 WIDTH='20%'><tr align='center'><td VALIGN=TOP COLSPAN='8'><b><font color='#000000'><font size=-1>Adventskalender</font></font></b></td></tr>";
for(i=1;i<=24;i){
tabelle+="<tr>";
for(j=1;j<=4 && i<=24;j++){tabelle+="<td ALIGN=CENTER VALIGN=TOP class=''><A HREF='JavaScript:mach_was("+i+")'>"+i+"</a></td>";
i++;
}
tabelle+="</tr>";
}
tabelle+="</table>";self.document.open();
self.document.write(tabelle);
self.document.close();//-->
</script>
<noscript></noscript>
</body>
</html>So gehts auch ist ein kleines bischen kürzer weil die tabelle automatisch erstellt wird du brauchst dann nur noch die Dateien
Datei1.html
.
.
.
Datei24.htmlgruß marco
-