Hi ihr alle!
Ich habe folgendes Problem:
Ich hab eine JavaScript funktion namens menue()und eine namens schliessen():
<script language="javascript" type="text/javascript"><!--
function menue() {
if (document.getElementById)
document.getElementById("anzeige").style.visibility = "visible";
}
function schliessen() {
if (document.getElementById)
document.getElementById("schliessen").style.visibility = "hidden";
}
//--></script>
Dann hab ich 1 link und 2 div container die etwas ein und ausblenden sollen!
<a href="javascript:menue()" name="rofl">LINK</a><br>
<div style="visibility:hidden" name="box1" id="anzeige">
<div style=" top:200px; width:230px; height:250px; overflow:hidden;" name="rofl" id="schliessen">
dqwdqwdqwd
Email Addressen:<br>
<b>qwe@qwe.aew</b><br>
<b>ax@ewq.qwe</b><br>
<br><a href="javascript:schliessen()">Schliessen...</a>
</div>
</div>
So das funktioniert auch ich klicke auf LINK der text klappt aus ich kicke auf schliessen der text klappt ein! Nun will ich es nochmal einbelden und es geht erst wieder wenn ich die seite neu lade bzw. aktualisiere! warum? und die div container sind irgendwie platzhalter für das was kommen könnte wenn ich die funktion aktiviere. ich möchte aber das ich z.b.
LINK 1
LINK 2
LINK 2
wenn ich auf LINK 1 klicke dann verschiebt sich LINK 2 und 3 nach untern im moment ist es aber so
LINK 1
LINK 2
LINK 3
kann man das auch wegmachen?
danke im vorraus mfg philly. HIER DER GESAMMTE QUELLCODE:
-----------------------------------------------------------
<html>
<head>
<title>Unbenanntes Dokument</title>
<link type="text/css" rel="stylesheet" href="styles/index.css">
<script language="javascript" type="text/javascript"><!--
function menue() {
if (document.getElementById)
document.getElementById("anzeige").style.visibility = "visible";
}
function schliessen() {
if (document.getElementById)
document.getElementById("schliessen").style.visibility = "hidden";
}
//--></script>
</head>
<body>
<table>
<th>-* WEBSPACE *-</th></table>
<a href="javascript:menue()" name="rofl">Home.Pages.at / philz1337</a><br>
<div style="visibility:hidden" name="box1" id="anzeige">
<div style=" top:200px; width:230px; height:250px; overflow:hidden;" name="rofl" id="schliessen">
HIER STEHT DER INHALT
VIEL
VIEL
VIEL
UND NOCH MEHR
UND NOCH GANZVIEL MEHR
<br><a href="javascript:schliessen()">Schliessen...</a>
</div>
</div>
<br>lol
</body>
</html>