İleri Butonunu Kontrol Etmek

Web tabanlı uygulama geliştirme araçları(PHP, ASP vb...) ile ilgili konuları buraya yazabilirsiniz.
Cevapla
erdoganturkmen

İleri Butonunu Kontrol Etmek

Mesaj gönderen erdoganturkmen »

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...
mkysoft
Kıdemli Üye
Mesajlar: 3110
Kayıt: 26 Ağu 2003 12:35
Konum: Berlin
İletişim:

Mesaj gönderen mkysoft »

javascript yada vbscript ile yapabilirsiniz. bağlantının href kısmını bir javafonsiyonunu çağıracak şekilde yapılandırabilirsiniz. java kodlarıylada sayfaları değiştirebilirsiniz. örnek yazaman çünkü hiç yapmadım ama yapılabileceğine eminim.
erdoganturkmen

Mesaj gönderen erdoganturkmen »

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 :oops:

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>
Teşekkürler...
erdoganturkmen

Mesaj gönderen erdoganturkmen »

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 :shock: Şimdiden Teşekkürler...

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>
mkysoft
Kıdemli Üye
Mesajlar: 3110
Kayıt: 26 Ağu 2003 12:35
Konum: Berlin
İletişim:

Mesaj gönderen mkysoft »

bu şekilde array yapmanıza gerek yoktu. siz sadece max sayfa sayısını ve kaçıncı sayfada olduğu bilgisini tutunuz.

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> 
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.
Cevapla