• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Ein- Ausblenden

P

Projekt-Tetra

New member
Ich komm mit diesem Script net zurecht, hab Ihn bei SelfHTML gefunden. Er läuft unter IE und unter NS nicht. Wie kann man
per Java Script Objekte ein- und ausblenden?

Danke :)


<html><head><title>Test</title>
<script language="JavaScript">
function EinAus(Nummer)
{
if(window.document.layers[Nummer].visibility == "show")
{ window.document.layers[Nummer].visibility = "hide"; return; }
if(window.document.layers[Nummer].visibility == "hide")
{ window.document.layers[Nummer].visibility = "show"; return; }
}
</script>
</head><body>
<layer name="GelberLayer" left=50 top=30 width=200 height=200
visibility=show bgcolor=#FFFFE0>
<a href="javascript:EinAus(1)">anderer Layer ein/aus</a>
</layer>
<layer name="LilaLayer" left=250 top=30 width=200 height=200
visibility=show bgcolor=#FFE0FF>
<a href="javascript:EinAus(0)">anderer Layer ein/aus</a>

</body></html>
 
hi,

warum so kompliziert, machs dir doch einfacher und geh der Gefahr aus dem Auge das es mit dem NS6 nicht funzen kann.

einfachste Lösung wäre das:

<script language="JavaScript">
<!--
function weg(i) {

if (document.images) {
document.images.height=0;
}
}
//-->
</script>
<img src="deine.gif">

<A HREF="javascript:eek:nclick=weg(0)">Bild verstecken</a>
 
Danke, aber damit kann ich gar nichts anfangen.
Ich brauch ein Script, wo ich Texte sowie Bilder un- und sichtbar
werden lassen kann, ohne Platzhalter und des so klein wie möglich,
weil bei mir des öfteren schon vorkommen kann, das ich so ca.
20 Elemente ein- und ausblenden möchte. onMouseover und
onMouseout, sollten da auch funktionieren.
 
hi,

dann gehts nur mit nem Layer:

<SCRIPT language="javascript">
<!--
if (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0,1)) >=3))
|| ((navigator.appName == "Microsoft Internet Explorer")&&(parseInt(navigator.appVersion.substring(0,1)) >=4)))
{var version=true}

// Browserabfrage: Layer-Object bekannt?
if (document.layers)
{ns = 1; ie = 0;}
else {ns = 0; ie = 1;}

// Funktion Schicht anzeigen
function show(name) {if (ns){
document.layers['' + name].visibility = "show";
}
else{
document.all['' + name].style.visibility = "visible";
}
}
function hide(name) {
if (ns){
document.layers['' + name].visibility = "hide";
}
else{
document.all['' + name].style.visibility = "hidden";
}
}
//-->
</SCRIPT>

<div style="position:absolute; width:450; height:200; z-index:1; left:0; top:0; visibility: show; visibility: visible">
<TABLE BORDER=0>
<TR>
<TD ALIGN=center VALIGN=top>
<BR>
<A HREF="#" onmouseover="show('Layer1')" onMouseOut="hide('Layer1')">Javascripte im Web</A> |
<A HREF="#" onmouseover="show('Layer2')" onMouseOut="hide('Layer2')">DHTML ?</A><BR>
</TD>
</TR>
</TABLE>
</div>


<DIV style="visibility:hide;visibility:hidden;">
<div ID="Layer1" style="position:absolute;left:10;top:60; visibility: hidden">
<FONT FACE=arial Size=1 COLOR=blue>JavaScript ?<BR>
<FONT COLOR="black">hier steht dann deine 1 Textbeschreibung zu jedem Thema.</FONT>
</FONT>
</DIV>
<div ID="Layer2" style="position:absolute;left:130;top:60; visibility: hidden">
<FONT FACE=arial Size=1 COLOR=blue>DHTML ?<BR>
<FONT COLOR="black">hier steht dann deine 2 Textbeschreibung zu jedem Thema.</FONT>
</DIV>
</DIV>
 
Meinen letzten Post zurückziehe! Es geht leider net im NS6. *seufz*
Hier ist mal meine komplete Seite.

<html>
<head>
<!-- Titel -->
<title>Projekt Tetra NS - Startseite</title>
<!-- Meta Befehle -->
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT">
<meta http-equiv="pragma" content="no-cache">
<!-- Cascading Style Sheets laden -->
<link rel="stylesheet" Type="text/css" href="../../css-files/default.css" />
<!-- JavaScript laden -->
<script src="../../java-files/default.js"></script>
<script src="../../java-files/swapimg.js"></script>
<script src="../../java-files/showhide.js"></script>
<script src="../../java-files/blubberregen.js"></script>
<script>
if (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0,1)) >=3))
|| ((navigator.appName == "Microsoft Internet Explorer")&&(parseInt(navigator.appVersion.substring(0,1)) >=4)))
{var version=true}

// Browserabfrage: Layer-Object bekannt?
if (document.layers)
{ns = 1; ie = 0;}
else {ns = 0; ie = 1;}

// Funktion Schicht anzeigen
function show(name) {if (ns){
document.layers['' + name].visibility = "show";
}
else{
document.all['' + name].style.visibility = "visible";
}
}
function hide(name) {
if (ns){
document.layers['' + name].visibility = "hide";
}
else{
document.all['' + name].style.visibility = "hidden";
}
}
</script>
</head>
<!-- Body -->
<body onload="OnLoad()" bgcolor="black" text="white">
<div id="schutz" class="schutz">
<!-- Inhalt der Positionen -->
<div style="position: absolute; left: 60; top: 130"><a href="" onMouseover="show('Layer1')" onMouseOut="hide('Layer1')"><img src="../../images/china/kong_leer.gif" border="0"></a></div>
<div style="position: absolute; left: 161; top: 107"><a href="../natur/natur.htm"><img src="../../images/china/di_erde.gif" border="0"></a></div>
<div style="position: absolute; left: 262; top: 63"><a href="../uebermich/uebermich.htm"><img src="../../images/china/ji_hahn.gif" border="0"></a></div>
<div style="position: absolute; left: 363; top: 20"><a href="startseite.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('dragon','','../../images/china/dragon_red.gif',1)"><img src="../../images/china/jia_haus.gif" border="0"></a></div>
<div style="position: absolute; left: 464; top: 63"><a href="../fun/fun.htm"><img src="../../images/china/yue_freude.gif" border="0"></a></div>
<div style="position: absolute; left: 565; top: 107"><a href=""><img src="../../images/china/kong_leer.gif" border="0"></a></div>
<div style="position: absolute; left: 666; top: 130"><a href="../links/links.htm"><img src="../../images/china/dao_weg.gif" border="0"></a></div>

<div style="position: absolute; left: 212; top: 460"><a href=""><img src="../../images/china/kong_leer.gif" border="0"></a></div>
<div style="position: absolute; left: 313; top: 460"><a href="../hilfe/hilfe.htm"><img src="../../images/china/kong_leer.gif" border="0"></a></div>
<div style="position: absolute; left: 414; top: 460"><a href="impressum/impressum.htm"><img src="../../images/china/kong_leer.gif" border="0"></a></div>
<div style="position: absolute; left: 515; top: 460"><a href="http://www.guweb.com/cgi-bin/guestbook?id=tetrapack"><img src="../../images/china/kong_leer.gif" border="0"></a></div>

<div style="position: absolute; top: 165; left: 150"><img src="../../images/china/dragon_gray.gif" name="dragon"></div>
<div style="position: absolute; top: 270; left: 150"><table width="500"><tr><td align="center"><h1>Projekt Tetra</h1></td></tr></table></div>

<!-- Zentrum | Visible/ Hidden | Hintergrund -->
<div style="visibility:hide; visibility:hidden; position: absolute; top: 100; left: 300" id="zi4">
<div id="Layer1"><table width="200"><tr><td id="littlec">kong<br />Leer</td></tr></table></div>
<div id="Layer2"><table width="200"><tr><td id="littlec">di <br />die Erde</td></tr></table></div>
<div id="Layer3"><table width="200"><tr><td id="littlec">ji<br />Sternzeichen<br />der Hahn, das Huhn</td></tr></table></div>
<div id="Layer4"><table width="200"><tr><td id="littlec">jia<br />das Haus, das Heim<br />die Familie</td></tr></table></div>
<div id="Layer5"><table width="200"><tr><td id="littlec">yue<br />die Freude</td></tr></table></div>
<div id="Layer6"><table width="200"><tr><td id="littlec">kong<br />Leer</td></tr></table></div>
<div id="Layer7"><table width="200"><tr><td id="littlec">dao<br />der Weg, der Pfad<br />die Strasse</td></tr></table></div>
<div id="Layer8"><table width="200"><tr><td id="littlec">kong<br />Leer</td></tr></table></div>
<div id="Layer9"><table width="200"><tr><td id="littlec">kong<br />Leer</td></tr></table></div>
<div id="Layer10"><table width="200"><tr><td id="littlec">kong<br />Leer</td></tr></table></div>
<div id="Layer11"><table width="200"><tr><td id="littlec">kong<br />Leer</td></tr></table></div>
</div>

<!-- Links | Visible/ Hidden -->
<div style="visibility:hide;visibility:hidden; position: absolute; top: 340; left: 60" id="zi4">
<div id="Layer101"><table width="200"><tr><td id="littlec">Leer</td></tr></table></div>
<div id="Layer102"><table width="200"><tr><td id="littlec">Naturfotografie<br />Tomschi</td></tr></table></div>
<div id="Layer103"><table width="200"><tr><td id="littlec">Über mich</td></tr></table></div>
<div id="Layer104"><table width="200"><tr><td id="littlec"></td></tr></table></div>
<div id="Layer108"><table width="200"><tr><td id="littlec">Leer</td></tr></table></div>
<div id="Layer109"><table width="200"><tr><td id="littlec">Hilfe</td></tr></table></div>
</div>

<!-- Rechts | Visible/ Hidden -->
<div style="visibility:hide;visibility:hidden; position: absolute; top: 340; left: 540" id="zi4">
<div id="Layer105"><table width="200"><tr><td id="littlec">Lustiges</td></tr></table></div>
<div id="Layer106"><table width="200"><tr><td id="littlec">Leer</td></tr></table></div>
<div id="Layer107"><table width="200"><tr><td id="littlec">Links</td></tr></table></div>
<div id="Layer110"><table width="200"><tr><td id="littlec">Impressum</td></tr></table></div>
<div id="Layer111"><table width="200"><tr><td id="littlec">Gästebuch</td></tr></table></div>
</div>


</div>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben