Scrollen beenden

knuddlmauz · 20.08.2005

Hallo

Also..Mein Problem ist, dass ich auf einer Internetseite eine HP erstellen möchte.
Dort benutze ich dieses Ankerverzeichnis.
Aber ich möchte die einzelnen Bereiche, auf die verlinkt wird in einem Scrollfenster haben..Allerdings soll des so sein, dass ich bloß zum nächsten Thema komme, wenn ich auf den entsprechenden Link klicke..Also nicht, dass ich einfach weiterscrollen kann zum nächsten. Kann mir jemand sagen wie das geht?

Ich hoffe ihr versteht mich ^^

MfG Kari

[blue]Verschoben aus Anwendungsentwicklung & Scripting[/blue]

Joshua · 20.08.2005

Ähh, häh ?
Sorry, aber da komm ich nicht mit.....

Cheers,
Joshua

connyas · 20.08.2005

Code:

&lt;head>
&lt;title>Blos->n Beispiel&lt;/title>
&lt;script language=javascript type=text/javascript>
function MM_findObj(n, d) { //v4.01
 var p,i,x; if(!d) d=document; if((p=n.indexOf(?))>0&amp;&amp;parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&amp;&amp;d.all) x=d.all[n]; for (i=0;!x&amp;&amp;i&lt;d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&amp;&amp;d.layers&amp;&amp;i&lt;d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x &amp;&amp; d.getElementById) x=d.getElementById(n); return x;
}
function DisplayLayer(l, a) {
obj = MM_findObj(l);
if(a ==->show') obj.style.display =->block';
else obj.style.display =->none';
}
&lt;/script>
&lt;style type=text/css>
.kapitel {
	overflow:scroll;
	width:450px;
	height:400px;
	background-color:#CCCCCC;
}
&lt;/style>
&lt;/head>

&lt;body>
&lt;p>&lt;a href=javascript:; onClick=DisplayLayer('kapitel_1',->show'); DisplayLayer('kapitel_2',->hide'); DisplayLayer('kapitel_3',->hide'); DisplayLayer('kapitel_4',->hide')>&lt;strong>Kapitel 1&lt;/strong>&lt;/a>&lt;/p>
&lt;p>&lt;a href=javascript:; onClick=DisplayLayer('kapitel_1',->hide'); DisplayLayer('kapitel_2',->show'); DisplayLayer('kapitel_3',->hide'); DisplayLayer('kapitel_4',->hide')>&lt;strong>Kapitel 2&lt;/strong>&lt;/a>&lt;/p>
&lt;p>&lt;a href=javascript:; onClick=DisplayLayer('kapitel_1',->hide'); DisplayLayer('kapitel_2',->hide'); DisplayLayer('kapitel_3',->show'); DisplayLayer('kapitel_4',->hide')>&lt;strong>Kapitel 3&lt;/strong>&lt;/a>&lt;/p>
&lt;p>&lt;a href=javascript:; onClick=DisplayLayer('kapitel_1',->hide'); DisplayLayer('kapitel_2',->hide'); DisplayLayer('kapitel_3',->hide'); DisplayLayer('kapitel_4',->show')>&lt;strong>Kapitel 4&lt;/strong>&lt;/a>&lt;/p>
&lt;hr />
&lt;div class=kapitel id=kapitel_1 style=display:inherit >
&lt;h1>Kapitel 1&lt;/h1>
&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>
&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>
&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>
&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>&lt;p>Testzeile Kapitel 1&lt;/p>
&lt;/div>
&lt;div class=kapitel id=kapitel_2 style=display:none >
&lt;h1>Kapitel 2&lt;/h1>
&lt;p>Testzeile Kapitel 2&lt;/p>&lt;p>Testzeile Kapitel 2&lt;/p>&lt;p>Testzeile Kapitel 2&lt;/p>
&lt;/div>
&lt;div class=kapitel id=kapitel_3 style=display:none >
&lt;h1>Kapitel 3&lt;/h1>
&lt;p>Testzeile Kapitel 3&lt;/p>&lt;p>Testzeile Kapitel 3&lt;/p>&lt;p>Testzeile Kapitel 3&lt;/p>
&lt;/div>
&lt;div class=kapitel id=kapitel_4 style=display:none >
&lt;h1>Kapitel 4&lt;/h1>
&lt;p>Testzeile Kapitel 4&lt;/p>&lt;p>Testzeile Kapitel 4&lt;/p>&lt;p>Testzeile Kapitel 4&lt;/p>
&lt;/div>
&lt;/body>
&lt;/html>

;D ;D ;D ;D ;D

knuddlmauz · 20.08.2005

Ja genau so meinte ich das

Dankeschön

knuddlmauz · 20.08.2005

Jetzt habe ich noch eine Frage..Wie kann ich das Styling von diesem Ankerverzeichnis ändern und meinen Wünschen anpassen? ô.ô'

connyas · 20.08.2005

Code:

......
......
&lt;style type=text/css>
.kapitel {
	overflow:scroll;
	width:450px;
	height:400px;
	background-color:#CCCCCC;
}
.inhalt {
	color:blaslilagelbgetupft;
	font-size:riesig;
	font-weight:ziemlich-dick;
}
&lt;/style>
......
......
&lt;p>&lt;a class=inhalt href=javascript:; onCl..............
......

Scrollen beenden

knuddlmauz

Joshua

connyas

knuddlmauz

knuddlmauz

connyas

Scrollen beenden

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums