Ebene auf-und zu decken.

Sokrates · 14. Juni 2004, 22:00

hi,
ich probier grad mal wieder was neues und komm nicht weiter.
und zwar möchte ich wenn ich auf den link einer ebene klicke, das eine andere eben eingeblendet wird und die alte aus. und umgekehr genauso. ich hab sch angefangen aber aber ich kriege dann eine fehlermeldung : "objekt erwartet"

so siehts bis jetzt aus, irgentwo is da der wurm drin.

PHP-Quellcode

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>bla</title>
<style type=text/css>
#demo1 { position: absolute; visibility: visible; left: 150px; top: 80px; }
#demo2 { position: absolute; visibility: hidden; left: 100px; top: 80px;
</style>
<script type=text/javascript>
function zeigen(demo1) {
if (ns) {
document.layers['1'+demo1].visibility = "show";
}
else {
document.all['1'+ demo1].style.visibility = "visible"
}
}
function verbergen(demo2) {
if (ns) {
document.layers['2'+demo2].visibilty= "hidden"
}
else {
document.all['2'+demo2].style.visibility = "hidden"
}
}
var i=1;
var test ="demo2";
function zeigeebene (demo2) {
verbergen(eval ('1' + test + i +'2')) ;
i= 1;
}
var i=1;
var test ="demo1";
function verbergen(demo1) {
verbergen(eval ('2' + test + i +'1'));
i= 2;
}
</script>
</head>
<body>
<div id="demo1"><a href="javascript:zeigeebenenr(2)"> bla</a></div>
<div id="demo2"><a href="javascript:zeigeebenenr(1)">blabla</a></div>
</body>
</html>

Alles anzeigen

bis jetzt hab ihr mir ja immer helfen können, ich vertrau auf euch "profis"

Zauriel · 15. Juni 2004, 13:41

Hi, hab das mal in Dreamweaver nachgebaut, so wie du das beschrieben hast.

Vielliecht kannste es ja gebrauchen! Es funktioniert zumindest.

PHP-Quellcode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<div id="demo1" style="position:absolute; left:117px; top:79px; width:319px; height:148px; z-index:1; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: visible;"><a href="#" onClick="MM_showHideLayers('demo1','','hide','demo2','','show')">bla</a></div>
<div id="demo2" style="position:absolute; left:477px; top:165px; width:322px; height:276px; z-index:2; background-color: #00FF00; layer-background-color: #00FF00; border: 1px none #000000; visibility: hidden;"><a href="#" onClick="MM_showHideLayers('demo1','','show','demo2','','hide')">blablabla</a></div>
</body>
</html>

Alles anzeigen

Sokrates · 15. Juni 2004, 15:55

also, ich mach das ja alles mit frontpage 03, und wenn ich dort dein script einfüge zeigt der mir 4 fehler an. und es funktioniert auch nicht im ie6

Zauriel · 15. Juni 2004, 19:22

Dann füg doch mal mein Script erst später ein!

Hast dus schon mit den Scripts von Frontpage probiert?

Sokrates · 15. Juni 2004, 21:06

ich glaub frontpage hat keine solchen scripts, aber wenn du sagst es geht bei dreamweaver was ich auch probiert hab, dann bin ich entweder zu "doof das einzufügen, oder du hast ein paar fehler drin

Zauriel · 16. Juni 2004, 12:54

Du kannst in dreamweaver ja verschiedene layer machen.

In diese layer schreibst du dann deine Links bzw. Texte
(bei den links musst du dann drauf achten, dass du nur ein "#" als Link einfügst!)

Jetzt kannst du unter der Registerkarte "Tag" das Reigster "Behaviours" auswählen! Dort dann auf das "+" klicken und da kannst du dann "Show-Hide Layer" auswählen.
Der Rest erklärt sich eigentlich von selbst...

Sokrates · 17. Juni 2004, 18:25

ja ,da muss ich mich erst mal reinfinden in dm , weil das is schon etwas komplizierter.

aber danke erst mal.

j0n30 · 23. Juni 2004, 19:36

Original geschrieben von Sokrates
so,
ich hab das problem in den griff gekriegt, und jetzt geht auch alles wie ich es will.
falls jemand interesse hat an dem script, kann ich das demnächst mal posten

Doppelposts bitte vermeiden, EDIT Funktionnutzen ;).

Dein Skript kannst du gerne posten, am besten auskommentiert, so dass man was dabei lernt und nicht nur strg+c wahlten lässt.

Sokrates · 23. Juni 2004, 20:21

hier das script.
damit es funktioniert müssen meine meine beschriftungen aus dem script entfernt werden.

PHP-Quellcode

<HTML>
<HEAD>
<TITLE>ebenen tauschen</TITLE>
<SCRIPT LANGUAGE="JavaScript">
if (document.layers) {
ns = 1; ie = 0;
} else {
ns = 0; ie = 1;
}
var i = 1; <!-- i ist die derzeit angezeigt ebene.
die Nummer ändert sich ,wenn eine andere Ebene aufgerufen wird -->
var test = "bla";
function zeigeEbeneNr(ebene_nr){
verbergen(eval('"' + test + i +'"'));
zeigen(eval('"' + test + ebene_nr +'"'));
i = ebene_nr;
}
function zeigen(name) {
if (ns) {
document.layers[''+name].visibility = "show";
}
else {
document.all[''+name].style.visibility = "visible"
}
}
function verbergen(name) {
if (ns){
document.layers[''+name].visibility = "hide"
}
else {
document.all[''+name].style.visibility = "hidden"
}
}
</SCRIPT>
<STYLE TYPE="text/css">
#bla1 {position: absolute; visibility: hidden; left: 150px; top: 80px;}
#bla2 {position: absolute; visibility: hidden; left: 150px; top: 80px;}
#bla3 {position: absolute; visibility: hidden; left: 150px; top: 80px;}
#Steuerung {position: absolute; z-index: 2; visibility: visible; left: 20px; top: 20px;}
</STYLE>
</HEAD>
<BODY BGCOLOR="#21ffff" TEXT="Black">
<DIV ID="bla1" >
bla bla bla bla bla bla bla bla bla bla
</DIV>
<DIV ID="bla2" >
bla bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla bla <br>
</DIV>
<DIV ID="bla3" >
bla bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla bla <br>
</DIV>
<DIV ID="Steuerung" >
<A HREF="javascript:zeigeEbeneNr(1)">bla 1</A> <BR>
<A HREF="javascript:zeigeEbeneNr(2)">bla 2</A> <BR>
<A HREF="javascript:zeigeEbeneNr(3)">bla 3</A> <BR>
</DIV>
</BODY>
</HTML>

Alles anzeigen

die ebenen sind dann solange sichtbar bis eine neue aufgerufen wird.

ich hoffe meine beschriftungen reichen. ( bin kein guter erklärer)

teile dieses scriptes sind aus dem buch :"JavaScript Praxisbuch"
Scriptautor ( aus dem buch) Johannes Gamperl

PHP-Quellcode

PHP-Quellcode

PHP-Quellcode

Teilen