@TEŞ - JavaScript Explorer Sayfa Hareketleri Kodları

Açılış Scripti-1 Sayfanızın yüklenirken etkileyici bir biçimde açılmasını ister misiniz?

 <a href="javascript:andBoom()" _fcksavedurl="javascript:andBoom()">Full Ekran Sayfayı Aç</a>

Pop-up-1 Bu script ile istediğiniz başlığın üstüne mouse ile gelince açıklamanız farklı bir sayfa şeklinde açılır, mouse başlığın üzerinden gidince pop-up kendiliğinden kapanır

 <script LANGUAGE="JavaScript1.2">
function ackonu01(){
yeniPencere = window.open("", "konu01", "top=0 left=0 width=200 height=200")
yeniPencere.document.write("<h2>1. Konu ile ilgileri buraya yazın </h2>")
yeniPencere.document.close()
}

function ackonu02(){
yeniPencere = window.open("", "konu02", "top=0 left=0 width=200 height=200")
yeniPencere.document.write("<h2>2. Konu ile ilgili bilgileride buraya yazın</h2>")
yeniPencere.document.close()
}


function kapat() 
	{
yeniPencere.close();
	}


</script>

 Konular:
Konular hakkinda daha fazla bilgi almak icin Mouse isaretcisini konunun uzerine getirin.
<p align="center"><a HREF="#" _fcksavedurl="#" onMouseOver_fckprotectedatt=" onMouseOver="ackonu01()"" onMouseOut_fckprotectedatt=" onMouseOut="kapat()"">Yeni konu 1</a></p>
<p align="center"><a HREF="#" _fcksavedurl="#" onMouseOver_fckprotectedatt=" onMouseOver="ackonu02()"" onMouseOut_fckprotectedatt=" onMouseOut="kapat()"">Yeni konu 2</a></p>

Pop-up-2 Önceki javascript ile benzer yapıdaki bu javascriptte, açıklamalar ancak kullanıcın sayfayı kapatması ile kapanıyor.

 <script LANGUAGE="JavaScript1.2">
function acYardim01(){
yeniPencere = window.open("", "yardim01", "height=300,width=400")
yeniPencere.document.write("<h2>Bu pencerede Konu 1 ile ilgili ek bilgiler olacak</h2>")
yeniPencere.document.write("<p>Tabii birisi zahmet edip, yazarsa!</p>")
yeniPencere.document.write("<p><font size=-1><a href="javascript:self.close()">Mevzuya Donmek Icin Tiklayin</a></font>")
yeniPencere.document.close()
}

function acYardim02(){
yeniPencere = window.open("", "yardim02", "height=300,width=400")
yeniPencere.document.write("<h2>Bu pencerede Konu 2 ile ilgili ek bilgiler olacak</h2>")
yeniPencere.document.write("<p>yazdım lan ne var</p>")
yeniPencere.document.write("<p><font size=-1><a href="javascript:self.close()">Mevzuya Donmek Icin Tiklayin</a></font>")
yeniPencere.document.close()
}


</script>

 Yeni konular asagidadir
Konular hakkinda daha fazla bilgi almak icin Mouse isaretcisini konunun uzerine getirin.
<p><a HREF="#" _fcksavedurl="#" onMouseOver_fckprotectedatt=" onMouseOver="acYardim01()"">Yeni konu 1</a></p>
<p><a HREF="#" _fcksavedurl="#" onMouseOver_fckprotectedatt=" onMouseOver="acYardim02()"">Yeni konu 2</a></p>

Pop-up-3 Bu script de açılışta bir pop-up açmanızı sağlar fakat açılan sayfa kısa bir süre sonra kendiliğinden kapanır

 <script language="JavaScript">

config='toolbar=no,location=no,directories=no,status=no,menubar=no,width=400,height=200'

config += 'scrollbars=no,resizable=no'
pop = window.open ("","pop",config)

pop.document.write('<script language="javascript">');
pop.document.write('setTimeout(');
pop.document.write('"self.close()');
pop.document.write(';",6000)');
pop.document.write('</');
pop.document.write('script>');
pop.document.write('<body bgcolor=#ff0000>');
pop.document.write('<center><b><h2>JAVASCRIPT BANKASI</h2></b></center>');
pop.document.write('<center><b><h2> Bize javascript göndermeyi unutmayın...</h3></b></center>');
pop.document.write('<center><b><h5>Bu pencere biraz sonra kapanacak...</h5></b></center>');
pop.document.write('</body>');

</script>

Pop-up-4 Bildiğimiz pop-up işte, "istenilen özellikte yeni pencere açmak" scriptinden farkı, açılan pop-up sayfanın ayrı bir sayfa değil, link verilen sayfanın içindeki kodlarda bulunuyor olması.

 <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>bu kısma sayfanızı girin</center>");
msg.document.write("</body></html><p>");

}
// End -->
</script>

 <form>
<input type="button" value="Sayfayı Aç" onclick_fckprotectedatt=" onclick="win()"">
</form>
<p>Sayfayı açmak için butonu veya linki kullanabilirsiniz</p>
<a href="javascript:win()" _fcksavedurl="javascript:win()">Sayfayı Aç</a>

Pop-up Reklam (resimli) Ntvmsnbc, program.arsivi ve geocities sitelerinde görmüş olduğunuz, sayfanın sağ üst köşesinde duran küçük pencereyi aşağıdaki kodlar ile oluşturabilirsiniz.

 <DIV id=frmfly
style="DISPLAY: none; LEFT: -200px; VISIBILITY: visible; WIDTH: 128px; POSITION: absolute; TOP: 2px"
align=left>
<TABLE height=180 cellSpacing=0 cellPadding=0 width=128 align=right
bgColor=#ffffff border=0>
<FORM name=frmAdSticky>
<TBODY>
<TR>
<TD colSpan=2 height=17><IMG
src="header.gif" width="115" height="18"></TD></TR>
<TR>
<TD><IMG height=204
src="leftbar.gif" width=6></TD>
<TD vAlign=top align=right height=137>
<CENTER><A
href="http://www.javascriptbankasi.com.tr.tc"><!-- -->
<IMG
src="haber-stc.gif" border=0 width="120" height="200">
</A></CENTER></TD></TR>
<TR>
<TD colSpan=2>
<IMG onclick=FooterClick();
src="footer.gif" width="115" height="22"> </TD></TR></FORM></TBODY></TABLE></DIV>
<DIV id=fly2
style="DISPLAY: none; LEFT: 100px; VISIBILITY: hidden; WIDTH: 115px; POSITION: absolute; TOP: 2px; HEIGHT: 26px"
align=right><SPAN style="CURSOR: hand" onclick=FooterOpen()>
<IMG
src="show_ad.gif" _fcksavedurl="show_ad.gif" width="79" height="26"></SPAN> </DIV>
<SCRIPT language=JScript event=onresize for=window>
srs101();
</SCRIPT>
<SCRIPT language=JScript event=onscroll for=window>
srs101();
</SCRIPT>
<SCRIPT language=javascript>

function FooterOpen() {
	srch='on';
	frmfly.style.visibility='visible';
	frmfly.style.display='inline';
	fly2.style.visibility='hidden';
	reg('on');
	srs101();
}

function FooterClick() {
	srch='off';
	frmfly.style.visibility='hidden';
	fly2.style.top=frmfly.style.posTop;
	fly2.style.left=frmfly.style.posLeft;
	fly2.style.visibility='visible';
	fly2.style.display='block';
	reg('off');
}

function gtcc(x){
	var ckstr=x+"=";
	if(document.cookie.length>0){
		ofst=document.cookie.indexOf(ckstr);
		if(ofst!=-1){
			ofst+=ckstr.length;
			trm=document.cookie.indexOf(";",ofst);
			if(trm==-1){
				trm=document.cookie.length;
			}
			return unescape(document.cookie.substring(ofst,trm));
		}
	}
}

function stcc(nm,vl,ex){
//	document.cookie=nm+"="+escape(vl)+((ex==null)?"":("; expires="+ex.toGMTString()))
}

function reg(yn) {
	//var td=new Date();
	var exp=new Date();
	exp.setTime(exp.getTime()+(24*60*60*1000))
	stcc("srchbg",yn,exp)
	frrf=yn;
}

function srs101() {
	with(document.body){
		//if((srch=="on")&&(frrf=="on")){
			if(clientWidth>725){
				frmfly.style.left=clientWidth-nOffSet;
				frmfly.style.top=scrollTop+2;
			}
		/*}else if((clientWidth>725)&&(winwide=="off")){
			frmfly.style.top=scrollTop+2;
			fly2.style.top=scrollTop+2;
			frmfly.style.left=clientWidth-nOffSet;
			fly2.style.left=clientWidth-nOffSet;
			frmfly.style.display='';fly2.style.display='';
			setTimeout("var winwide='on';var srch='on';var frrf='on';srs101();",125);
		} */
	}
}

var msnbcsrchyn=gtcc("srchbg")
if(msnbcsrchyn!=null){frrf=msnbcsrchyn}else{frrf="on";}
var srch="off";
var winwide="on";
var nOffSet = 128;
frmfly.style.posLeft = document.body.clientWidth-nOffSet;
fly2.style.posLeft = document.body.clientWidth-nOffSet;

if(document.body.clientWidth>725){
	var srch="on";
	setTimeout("frmfly.style.display='';srs101();",500);
}else{
	var winwide="off";
}

if(document.body.clientWidth>725){
	//if ((srch=="on")&&(frrf=="on")) {
		frmfly.style.visibility='visible';
		fly2.style.visibility='hidden';
		srs101();
	/*} else {
		frmfly.style.visibility='hidden';
		with(fly2.style){
			top=frmfly.style.posTop;
			left=frmfly.style.posLeft;
			visibility='visible';
			display='none'
		}
		srs101();
		setTimeout("fly2.style.display='';",100);
	}*/
}
</SCRIPT>

Kayan Sayfa Bu script ile sayfanızı yavaş yavaş aşağı kaydırabilirsiniz.

 <SCRIPT language=Javascript type=text/javascript>
function scroller() {
  if (document.body.scrollHeight-document.body.scrollTop<=document.body.clientHeight)
  {
  scroll(0,0);
  } else
  {
scroll(0,document.body.scrollTop+1);
  }
}
function runScroller() {
    scrollInterval = setInterval( "scroller()", 150);
}
</SCRIPT>

 <SCRIPT language=Javascript type=text/javascript>
runScroller()
</SCRIPT>
<FONT color=#000080 size=3><STRONG><BR><BR>
<BR> <H1>JAVASCRIPT BANKASI</H1>
<BR>
<BR>
<BR>
<BR>

Sayfayı_Hareket_Ettirme-1 Bu script ile, ziyaretçiniz, sayfanızda bulunan butonları kullanarak sayfanın konumunu değiştirebilir.

 <SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Aaron Clinger (aaron@newtheory.net) -->
<!-- Begin
function moveWindowLeft() {
window.moveBy(-15, 0);
window.moveBy(0, 0);
}
function moveWindowRight() {
window.moveBy(15, 0);
window.moveBy(0, 0);
}
function moveWindowUp() {
window.moveBy(0, 0);
window.moveBy(0, -15);
}
function moveWindowDown() {
window.moveBy(0, 0);
window.moveBy(0, 15);
}
//  End -->
</script>

 <center>
<form>
<table>
<tr>
<td>
</td>
<td>
<input type=button value=" ^ " onClick_fckprotectedatt=" onClick="moveWindowUp();"">
</td>
<td>
</td>
</tr>
<tr>
<td>
<input type=button value=" < " onClick_fckprotectedatt=" onClick="moveWindowLeft();""> </td> <td> </td> <td> <input type=button value=" > " onClick="moveWindowRight();"> </td> </tr> <tr> <td> </td> <td> <input type=button value=" v " onClick_fckprotectedatt=" onClick="moveWindowDown();""> </td> <td> </td> </tr> </table> </form> </center>

Sayfayı_Hareket_Ettirme-2 Bir önceki script ile aynı işlevi gören bu kodda ziyaretçiniz sayfanın yönünü ok tuşları ile değiştirebiliyor.

 <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
<!-- Hide the script from old browsers --
function loadpage ()

{location.reload('view.htm')
}
// --End Hiding Here -->
</script>
<script language="JavaScript">
function movepage()
{
var direction =event.keyCode
switch(direction){
case 39:
window.moveBy(15, 0);
window.moveBy(0, 0);
break
case 37:
window.moveBy(-15, 0);
window.moveBy(0, 0);
break
case 38:
window.moveBy(0, 0);
window.moveBy(0, -15);
break
case 40:
window.moveBy(0, 0);
window.moveBy(0, 15);
break
default:
break
}
}
//  End -->
</script>

Sayfayı Kapama Düğmesi Ziyaretçinizin sayfayı kapaması için IE nin x sına bir alternatif.

 <FORM>
<INPUT TYPE="BUTTON" VALUE="Kapat"
NAME="lowerButton" onClick_fckprotectedatt=" onClick="self.close()"">
</FORM>

Sayfayı Kaydırma-1 Butona basınca sayfa yavaşça aşağı iniyor

 <!-- START OF SCRIPT -->
<SCRIPT Language="JavaScript">

 

 

 

<!--

 

function scrollit(){ 

 

        for (I=1; I<=500; I++){         

 

                parent.scroll(1,I)  

 

        }

 

}                                                     

 

//-->

 

 

</SCRIPT>
<form>
<input type=button value="Kaydır" onClick_fckprotectedatt=" onClick="scrollit()"">
</form>
<FCK:hr />
<Center>
<BR><BR><BR><BR><BR><BR><BR><BR>
<H1>Umarım programımdan</H1>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<H1>Memnun kalmışsınızdır</H1>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<H1>Çalışmalarınızda başarılar.</H1>
<!-- END OF SCRIPT -->

Sayfayı Kaydırma-2 Bu seferki scriptte sayfa, sağdan sola kayıyor

 <SCRIPT Language="JavaScript">

 

function scrollit(){ 

        for (H=0; H<=2500; H++){         

                parent.scroll(H,0)  

        }

}                                                     

 

</SCRIPT>

 <center>
<br>
<br>
<br>
<center><FONT FACE="Trebuchet MS,ARIAL SIZE="4"><B>Hoşgediniz</B></FONT>
<form>
<input type=button value="Bana Tıkla!" onClick_fckprotectedatt=" onClick="scrollit()"">
</form></center>
<P ALIGN=RIGHT><FONT FACE="Trebuchet MS,ARIAL SIZE="7" >...................................................................Merhabalar..JavaScript..Bankası..yakında....500..javascripte..ulaşacak..............................................</FONT>
<br>
<br>

Sayfayı Yazdırmak Tek tuşla sayfayı yazdırma olanağını bu küçük script ile yapabilirsiniz.

 <input onclick_fckprotectedatt=" onclick="window.print();"" type="button" value="yazdır">

Sayfayı Yenileme Tuşu BU tuş ile ziyaretçilerinize sayfayı yenileme imkanı sunabilirsiniz.

 <a href="JavaScript:window.location.reload()" _fcksavedurl="JavaScript:window.location.reload()">Sayfayı Yenile!</a>

Sayfayı Yukarıda Tutma-1 Bu script sayfanızın her zaman sağ üst köşesinde durarak istenildiğinde sayfanın en üstüne gitmek için bir link işlevini görüyor.

 <SCRIPT language= javascript>
document.write("<DIV id=son3vil style='right:16px;POSITION:absolute;TOP:1px;'><a href='#' title='Yukarı Dön'>Yukarı</a></div>");
lastScrollY=0;
function heartBeat(){
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.son3vil.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
window.setInterval("heartBeat()",1);
</script>

Sayfayı Yukarıda Tutma-2 (resimli) Bu seferki scriptte sayfanın sağalt köşesinde bir link bulunuyor ve sayfanın üstüne tek tuşla ulaşılmasını sağlıyor.

 <DIV id=waterMark style="POSITION: absolute"><A
href="#top" _fcksavedurl="#top">
<IMG
src="sayfa_basi.gif" _fcksavedurl="sayfa_basi.gif" border=0 width="15" height="75"></A> </DIV> <SCRIPT language=JavaScript1.2 >
<!--
markW = 15;       
markH = 75;       
markX = 100;      
markY = 95;      
markRefresh = 5; 

if (!document.all) document.all = document;
if (!document.all.waterMark.style) document.all.waterMark.style = document.all.waterMark;

wMark = document.all.waterMark.style;
wMark.width = markW;
wMark.height = markH;
navDOM = window.innerHeight; 
 
function setVals() {
 barW = 0; // 
 barH = 0;
 if (navDOM) {
  if (document.height > innerHeight) barW = 20;
  if (document.width > innerWidth) barH = 20;
  } else {
  innerWidth = document.body.clientWidth;
  innerHeight = document.body.clientHeight;
  }
 posX = ((innerWidth - markW)-barW) * (markX/100);
 posY = ((innerHeight - markH)-barH) * (markY/100);
 }

function wRefresh() {
 wMark.left = posX + (navDOM?pageXOffset:document.body.scrollLeft);
 wMark.top = posY + (navDOM?pageYOffset:document.body.scrollTop);
 }

function markMe() {
 setVals();
 window.onresize=setVals;
 markID = setInterval ("wRefresh()",markRefresh);
 }

window.onload=markMe; 

//-->

</SCRIPT>