Herkese merhabalar. Aslında başlık olarak ne yazacağımı kestiremedim. Kısaca sorumu anlatmaya çalışayım.
Html sayfası olarak yapmış olduğum 98 tane eğitim amaçlı html sayfalarım var. Bunları göstermek için index adında bir html sayfası oluşturdum ve "i frame" oluşturarak yapmış olduğum sayfaları "i frame" içinde gösteriyorum. Kullanıcı 1. sayfada iken ileri butonuna bastığında 2. sayfaya gitmesini istiyorum. Normalde link verdiğim zaman her sayfaya ayrı ayrı ileri butonu yapmam gerekiyo. Bense iframe içinde değilde üst banner tarafında ileri ve geri butonları olsun ve kullanıcı kaçıncı sayfada ise onun kontrolu yapılıp sonraki sayfaya veya önceki sayfaya gidebilsin..
Umarım anlatabilmişimdir. Teşekkürler...
İleri Butonunu Kontrol Etmek
Hocam dediğiniz şekilde javascript kodu bulamadım.. script Bulabileceğim adres veya hazır kod elinizde varmı ? Aslında aynı mantığa benzer fotoğrafları o şekilde gösteren bir script buldum ama onu kendime göre uyarlayamadım
Teşekkürler...

Kod: Tümünü seç
<html>
<head>
<title>Photo Album Viewer</title>
<style>
a:visited{color:black;font-family:verdana}
a:link{color:black;font-family:verdana}
a:hover{color:blue;font-family:verdana}
td {color:black;font-family:verdana;font size:8pt}
p {color:black;font-family:verdana;font size:8pt;text-decoration: none}
h1 {color:black;font-family:verdana;font size:12pt;text-decoration: none}
</style>
<script>
/****************************************************/
/** Free script for any use, but please include **/
/** a link to i-code.co.uk in any redistribution. **/
/** **/
/** Author : Stephen Griffin, www.i-code.co.uk **/
/****************************************************/
function changeImage()
{
mainimage.src = list.options[list.selectedIndex].value;
}
function prevImage()
{
if(list.selectedIndex == 0)
{
list.selectedIndex = list.options.length-1;
}
else
{
list.selectedIndex--;
}
changeImage();
}
function nextImage()
{
if(list.selectedIndex == list.options.length-1)
{
list.selectedIndex = 0;
}
else
{
list.selectedIndex++;
}
changeImage();
}
</script>
</head>
<body onLoad="javascript:changeImage()">
<center><h1>Photo Album Viewer</h1></center>
<table align="center" border="0">
<tr>
<td colspan="3" align="center"><img name="mainimage" border="1"></td>
</tr>
<tr>
<td align="left"><input type="button" value="<- Back" onClick="javascript:prevImage()"></td>
<td align="center">
<select id="list" onChange="javascript:changeImage()">
<option value="image1.jpg">First Image</option>
<option value="image2.jpg">Second Image</option>
<option value="image3.jpg">Third Image</option>
<option value="image4.jpg">Fourth Image</option>
<option value="image5.jpg">Fifth Image</option>
</select>
</td>
<td align="right"><input type="button" value="Next->" onClick="javascript:nextImage()"></td>
</tr>
</table>
<p align="center"><a href="http://www.i-code.co.uk">www.i-code.co.uk</a></p>
</body>
</html>
Arkadaşlar sorunumu çözdüm ancak bi sorum daha olacak.. Şimdi düzenlediğim kod ile butona her bastığında belirttiğim adreslere gidiyo. Butonun label kısmında kaçıncı sayfada ise onu yazmasını istiyorum. Belki çok basit ama beceremdim
Şimdiden Teşekkürler...
Kullandığım Kod :

Kullandığım Kod :
Kod: Tümünü seç
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<script language="JavaScript">
var selectedImage = 1;
var numImages = 6;
var img = new Array();
img[1] = "http://www.msn.com/";
img[2] = "http://www.inndir.com/";
img[3] = "http://www.mestamermer.com/";
img[4] = "http://www.kafakes.com/";
img[5] = "http://www.pcilac.com/";
img[6] = "http://www.kasalar.com/";
function swapImageRight(){
if (selectedImage < numImages){
++selectedImage;
window.parent.ana.location = img[selectedImage];
}
}
function swapImageLeft(){
if (selectedImage > 1){
selectedImage = selectedImage - 1;
window.parent.ana.location = img[selectedImage];
}
}
</script>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100%" height="100%" border="0">
<tr valign="top">
<td height="510" colspan="2">
<iframe name="ana" width="100%" height="100%" background="#FFCC33" src="http://www.msn.com/"></iframe> </td>
</tr>
<tr>
<td width="921" height="67" align="right">
<div align="right">
<input type="button" value="<<" onclick="swapImageLeft()" >
</div></td>
<td width="41" align="left">
<div align="right">
<input type="button" onClick="swapImageRight()" value=">>">
</div></td>
<tr>
</table>
</body>
</html>
bu şekilde array yapmanıza gerek yoktu. siz sadece max sayfa sayısını ve kaçıncı sayfada olduğu bilgisini tutunuz.
Dosya isimlerinizi 1.htm,2.htm gibi yaparsanız çalıştığını göreceksiniz. Sayfa numaraları eksiyede gidiyor o kısmını siz düzeltebilirsiniz.
Kod: Tümünü seç
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<script language="JavaScript">
var AktifSayfa = 1;
var SayfaSay = 6;
function link(deger){
AktifSayfa = AktifSayfa + deger;
ileri.value = AktifSayfa + 1;
geri.value = AktifSayfa - 1;
frames['pencere'].location.href = AktifSayfa + '.htm'
}
</script>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="link(0);">
<table width="100%" height="100%" border="0">
<tr valign="top">
<td height="510" colspan="2">
<iframe name="pencere" width="100%" height="100%" background="#FFCC33" src="http://about:about"></iframe></td>
</tr>
<tr>
<td width="921" height="67" align="right">
<div align="right">
<input name="geri" id="geri" type="button" value="<<" onclick="link(-1)" >
</div></td>
<td width="41" align="left">
<div align="right">
<input name="ileri" id="ileri" type="button" onClick="link(1)" value=">>">
</div></td>
<tr>
</table>
</body>
</html>