Script funktioniert nur einmal. platzhalter entfernen
philly
- javascript
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>
Hallo philly,
<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>
du machst das äußere DIV sichtbar und das innere unsichtbar. Und das immer wieder. Warum zwei geschachtelte DIVs? Eins reicht doch, und das machst du dann sichtbar bzw. unsichtbar.
Gruß, Jürgen
HI
du machst das äußere DIV sichtbar und das innere unsichtbar. Und das »» immer wieder. Warum zwei geschachtelte DIVs? Eins reicht doch, und das machst du dann sichtbar bzw. unsichtbar.
aber wie gehts das? hab 0 erfahrung sry
Hallo philly,
du kannst also das DIV mit der ID "anzeige" sichtbar machen, und das DIV mit der ID "schließen" kannst du unsichtbar machen. Aber das DIV mit der ID "anzeige" willst du nicht unsichtbar machen können?
Auf meinen Seiten (z.B. http://j-berkemeier.de/Impressum.html) findest du rechts oben einen Link "[Menü]". Wenn du drauf klickst, öffnet sich per Javascript ein kleines DIV, das auch wieder geschlossen werden kann. Der Quelltext dazu ist ganz unten.
Gruß, Jürgen