nicht angemeldet
Hallo,
ich bin totaler Anfänger in Sachen Javascript und möchte hiermit euch um Hilfe bitten.
Ich habe 2 verschiedene Javascripts aufgelistet. Mein Ziel ist es, dass ich die "Anstehenden Termine" im 1. JS gerne anklicken möchte und sich daraufhin Unterpunkte öffnen (siehe 2. JS), wie z.B. Beginn der Veranstaltung etc. Dabei sollen aber weiterhin Termine, die abgelaufen sind, nicht mehr angezeigt werden.
Das Problem ist, dass im 2. JS die Oberpunkte beim Aufruf der Seite schon geöffnet sind. Diese sollen aber erst beim Klick sich öffnen.
Kann mir jemand behilflich sein? Vielen Dank.
<!--Script_1_beginn-->
<script type="text/javascript">
// <![CDATA[
function aktualisieren() {
if (!document.getElementsByTagName) return;
var Datum = new Date();
var Jahr = Datum.getFullYear().toString();
var Monat = (Datum.getMonth()+1).toString();
if (Monat.length == 1) Monat = "0" + Monat;
var Tag = Datum.getDate().toString();
if (Tag.length == 1) Tag = "0" + Tag;
var aktuell = parseInt(Jahr + Monat + Tag);
var Zeilen = document.getElementsByTagName("div");
var Obergrenze = 4; var Rest = Obergrenze;
for (var i = 0; i < Zeilen.length; i++) {
if (Zeilen[i].id) {
if (parseInt(Zeilen[i].id) < aktuell) Zeilen[i].style.display = "none";
else if(Obergrenze) {
if(Rest) Rest--; else Zeilen[i].style.display = "none";
}
}
}
}
// ]]>
</script>
<body onload="aktualisieren();">
<b> <u>Anstehende Termine</u></b><br>
<table>
<tr>
<colgroup>
<col width="3">
<col width="217">
</colgroup>
<tr>
<td valign="top"><div id="20080101">• </div></td>
<td valign="top"><div id="20080101"><font color="#0000FF">08.02.2008 - Termin1</font></div></td>
</tr>
<tr>
<td valign="top"><div id="20080202">• </div></td>
<td valign="top"><div id="200800202">15.03.2008 - Termin2</div></td>
</tr>
<tr>
<td valign="top"><div id="20080303">• </div></td>
<td valign="top"><div id="20080303">11.04.2008 - Termin3</div></td>
</tr>
</tr>
</table>
</body>
<!--Script_1_ende-->
<!--Script_2_beginn-->
<script language="javascript">
function verstecken() {
for (var i = 1; i<=4; i++) {
e = document.getElementById('submenue'+i);
if (e) {
e.style.display="none";
}
}
}
function aufzu(id) {
e = document.getElementById(id);
if (e) {
d = e.style.display == "none" ? "block" : "none";
e.style.display = d;
}
}
</script>
<body onLoad="verstecken()">
<ul>
<li><a href="#" onClick="aufzu('submenue1'); return false">Oberpunkt 1</a></li>
<ul id="submenue1">
Unterpunkt 1.1
<li>Unterpunkt 1.2</li>
</ul>
<li><a href="#" onClick="aufzu('submenue2'); return false">Oberpunkt 2</a></li>
<li><a href="#" onClick="aufzu('submenue3'); return false">Oberpunkt 3</a></li>
<ul id="submenue3">
<li>Unterpunkt 3.1</li>
<li>Unterpunkt 3.2</li>
</ul>
</ul>
</body>
<!--Script_2_ende-->