merhaba
aşağıdaki kodları
http://www.bboz.nom.tr/jvornek3.htm adresinden aldım. bunları .htm olarak kaydettiğimizde görüleceği gibi 4 tane deneme adında bölüm oluşuyor. benim istediğim beşinci, altıncı.... bölümleri oluşturmak. uzun süre uğraştım fakat yapamadım.
yardımcı olacaklara teşekkürler.
----
<
HTML>
<HEAD>
<title>
JavaScript Örnekleri 3</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/
HTML; charset=windows-1254">
<META NAME="KEYWORD" CONTENT="">
<META NAME="AUTHOR" CONTENT="ReSSaM">
<
script LANGUAGE="
JavaScript">
<!--
/*************************************
Code in this document is copyright of
Dan Steinman of Industrial Dreams
1998
Available at The Dynamic Duo
http://www.dansteinman.com/dynduo/
*************************************/
n = (document.layers) ? 1:0
ie =
(document.all) ? 1:0
function init() {
pulloutActive = 0
if (n) {
pullout1 = document.pulloutInterface.document.pulloutContent. document.pulloutContent1
pullout2 = document.pulloutInterface.document.pulloutContent. document.pulloutContent2
pullout3 = document.pulloutInterface.document.pulloutContent. document.pulloutContent3
pullout4 = document.pulloutInterface.document.pulloutContent. document.pulloutContent4
}
if (ie) {
pullout1 = pulloutContent1.style
pullout2 = pulloutContent2.style
pullout3 = pulloutContent3.style
pullout4 = pulloutContent4.style
}
pulloutShown = pullout1
// the layer that is currently shown
pulloutShown.xpos = 0
pulloutNew = "none"
// the layer that we will be shown next
pulloutNew.xpos = -285
}
// Pullout Function, starts the sequence
function pullout(which)
{
if (!pulloutActive && pulloutShown != which) {
pulloutActive = 1
// this makes it so you can't start it again until it's finished
pulloutNew = which
pulloutNew.xpos = -385
pulloutLeft()
}
}
// Slide the old layer out of view
function pulloutLeft()
{
if (pulloutShown.xpos > -285)
{
pulloutShown.xpos -= 15
pulloutShown.left = pulloutShown.xpos
setTimeout("pulloutLeft()",30)
}
else {
hide(pulloutShown)
show(pulloutNew)
setTimeout("pulloutRight()",50)
}
}
// Slide the new layer into view
function pulloutRight()
{
if (pulloutNew.xpos < 0)
{
pulloutNew.xpos += 15
pulloutNew.left = pulloutNew.xpos
setTimeout("pulloutRight()",30)
}
else {
pulloutShown = pulloutNew
pulloutActive = 0
// stops the sequence
}
}
// Show/Hide Functions
function show(showobj)
{
if (n) showobj.visibility = "show"
if (ie) showobj.visibility = "visible"
}
function hide(hideobj)
{
if (n) hideobj.visibility = "hide"
if (ie) hideobj.visibility = "hidden"}//-->
</
script>
<STYLE TYPE="text/
CSS">
<!-- A {color:white;
font-family:'GEORGIA, Arial';
font-size:10pt; line-height:20pt;}
STRONG {
font-family:'Arial';
font-size:15pt;
font-weight:bold; line-height:25pt;}
P {
font-family:'Arial';
font-size:10pt; line-height:13pt;}
#pulloutInterface {position:absolute; left:104; top:30; width:558; height:431; clip:rect(0,558,431,0); background-color:black; layer-background-color:#000000; visibility:visible;}
#pulloutSidebar1 {position:absolute; left:5; top:5; width:100; height:30; clip:rect(0,100,30,0); background-color:#004489; layer-background-color:#DEDEDE;}
#pulloutSidebar2 {position:absolute; left:5; top:40; width:100; height:30; clip:rect(0,100,30,0); background-color:#005589; layer-background-color:#C5C5C5;}
#pulloutSidebar3 {position:absolute; left:5; top:75; width:100; height:30; clip:rect(0,100,30,0); background-color:#006693; layer-background-color:#A2A2A2;}
#pulloutSidebar4 {position:absolute; left:5; top:110; width:100; height:30; clip:rect(0,100,30,0); background-color:#007793; layer-background-color:#7E7E7E;}
#pulloutContent {position:absolute; left:110; top:5; width:440; height:420; clip:rect(0,440,420,0); background-color:black; layer-background-color:#000000;}
#pulloutContent1 {position:absolute; left:0; top:0; width:440; height:420; clip:rect(0,450,420,0); background-color:#004489; layer-background-color:#DEDEDE; visibility:visible;}
#pulloutContent2 {position:absolute; left:-285; top:0; width:440; height:420; clip:rect(0,450,420,0); background-color:#005589; layer-background-color:#C5C5C5; visibility:hidden;}
#pulloutContent3 {position:absolute; left:-285; top:0; width:440; height:420; clip:rect(0,450,420,0); background-color:#006693; layer-background-color:#A2A2A2; visibility:hidden;}
#pulloutContent4 {position:absolute; left:-285; top:0; width:440; height:420; clip:rect(0,450,420,0); background-color:#007793; layer-background-color:#7E7E7E; visibility:hidden;}
//-->
</STYLE>
</head>
<body bgcolor=OPENBLUE text="white" link="red" vlink="pink" onLoad="init()">
<
div ID="pulloutInterface">
<
div ID="pulloutSidebar1">
<P ALIGN=CENTER>
<A HREF="
JavaScript 
ullout(pullout1)">
deneme1
</A>
</P>
</
div>
<
div ID="pulloutSidebar2">
<P ALIGN=CENTER>
<A HREF="
JavaScript 
ullout(pullout2)">
deneme2
</A>
</P>
</
div>
<
div ID="pulloutSidebar3">
<P ALIGN=CENTER>
<A HREF="
JavaScript 
ullout(pullout3)">
deneme3
</A>
</P>
</
div>
<
div ID="pulloutSidebar4">
<P ALIGN=CENTER>
<A HREF="
JavaScript 
ullout(pullout4)">
deneme4
</A>
</P>
</
div>
<
div ID="pulloutContent">
<
div ID="pulloutContent1">
<P ALIGN="CENTER">
<TABLE BORDER=0 WIDTH=275>
<TD>
<P>
deneme1
</TD>
</TABLE>
</P>
</
div>
<
div ID="pulloutContent2">
<P ALIGN="CENTER">
<TABLE BORDER=0 WIDTH=275>
<TD>
<P>
deneme2
</TD>
</TABLE>
</P>
</
div>
<
div ID="pulloutContent3">
<P ALIGN="CENTER">
<TABLE BORDER=0 WIDTH=275>
<TD>
<P>
deneme3
</TD>
</TABLE>
</P>
</
div>
<
div ID="pulloutContent4">
<P ALIGN="CENTER">
<TABLE BORDER=0 WIDTH=275>
<TD>
<P>
deneme4
</TD>
</TABLE>
</P>
</
div>
</body>
</
HTML>
--selamlar
<!--
[Bu mesaj zoque tarafindan yeniden gözden gecirilmistir (23 Temmuz 2000).]-->