......birteksen.........

BİRTEKSEN!!!

Javascriptler

Tek yapmanız gereken buradaki Javascriptleri koplayıp sayfanıza yapıştırmak.Javaları sizleri vakit kaybından kurtarmak için 5 ana sayfada topladık her sayfada ise 10 adet javascript var.Yani toplam 50 adet javascript bulunmaktadır ve sayılarını büyük bir hızla artırmaya çalışıyoruz.Tüm javascriptlerin çalışan örnekleri bulunmaktadır.Eğer yinede size göre çalışmayan bir script varsa bana e-mail: birteksen@hotmail.com adresinden mail gönderebilir.En kısa zamanda size cevap vereceğimdir.

Önemli Not:Javascriptleri Script başına <HTML><HEAD> getiriniz.Script sonuna </HEAD></HTML>getiriniz.Eğer script direk olarak çalışıyorsa dikkate almayınız.

11-Sık kullanılanlara ekleme butonu

Bu javascript sitenizin kolay hatırlanması için ziyaretçilerinizin favorilerine yazılmak isterseniz kullanabileceğiniz bir çözüm yolu...

Örnek:

12-Mouse imlecini izleyen mesaj

Şuan farenizi takip eden mesaj bu javascripte aittir.Söyleyecegim tek şey istediğiniz mesajı yazabilirsiniz gerçekten ilginç bir javascript.

<head> <STYLE TYPE="text/css">  </STYLE> <SCRIPT> var x,y var step=8 var flag=0 var message="------SECKIN-----" message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function yaz() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("yaz()",10) } </SCRIPT> </head> <body> <SCRIPT>  </SCRIPT> </body> <body onload=yaz() background="bsbalt.gif" bgcolor="#f7eee7" text="#000000" link="#C0C0C0" vlink="#C0C0C0"> </body>

Örnek:Farenin imlecindeki mesaj

13-Sayfanın son güncellenme tarihi ve saati

Bu script kullanıldığı sayfadaki en son değişikliklerin tarih ve saat bilgisini gösterir.Sayfanızda yaptığınız değişikliklerin tarihini, yani son güncelleme tarih bilgisini otomatik olarak sayfanızda göstermek istiyorsanız bu script tam size göre...

Örnek:Son Güncellenme:

14-Hangi tarayıcı?

Kullanıcınızın sitenize hangi web tarayıcısıyla bağlandığını ve hangi siteden geldiğini göstermek istiyorsanız aşağıdaki kodları kullanabilirsiniz.Internet üzerindeki herhangi bir siteden sayfanıza gelen kullanıcı bu kodlar sayesinde geldiği adresi, Web tarayıcısının tipini ve sürümünü öğrenecektir. Kullanıcının geldiği adresi öğrenmesi için muhakkak bir web sunucusundan bağlanması gerekmektedir.

<HTML> <HEAD><TITLE>--JavaOnline--</TITLE></HEAD> <FONT SIZE=2 FACE=ARIAL> <SCRIPT LANGUAGE="JavaScript"> var where = document.referrer var name = navigator.appName var vers = navigator.appVersion document.write("Sizi buraya yollayan adres: "+where+" <P>Kullandığınız tarayıcı: "+name+" <BR>"+vers+" ") </SCRIPT> </CENTER> </HTML>

Örnek:

15-Kayan yazı

Kayan yazı diyip geçmeyin örneğe bakın sonra karar verin.

Örnek:Örnegi görmek için tıklayın

16-Takvim

Ben bu takvimi sadece türkceleştirdim.Kodları direk olarak kullanabilirsiniz.Örnege bakmanızda yarar var.

<p><script language="JavaScript">  </script> </p> <p align="center"> </p> </body> </html>

Örnek:Örnegi görmek için tıklayın

17-Misafir karşılama

Javascript Kaynağı:http://www.erkan.nav.to

Bu code sizin Sayfaniza giren Misafiri saat`a göre karşılar.
Mesela Saat 6 dan 12 kadar Hayırlı Sabah lar diye
saat 12 den 14 kadar Selamun Aleykum diye karşılar
saat 14 den 18 kadar da iyi günler diye karşılar ve böyle devam eder.Kodları çagaltarak kolayca degiştirebilirsiniz.

<script language="JavaScript">
 <!--
   today = new Date()

     if((today.getHours() >=6) && (today.getHours() <12)){
 confirm("Hayirli Sabahlar !http://javvs.8k.com") //ab 6 Uhr bis 12 Uhr
 }
     if((today.getHours() >=12) && (today.getHours() <14)){
 confirm("Selamun Aleykum !http://javvs.8k.com") //ab 12 Uhr bis 14 Uhr
 }
     if((today.getHours() >=14) && (today.getHours() <=18)){
 confirm("Iyi Günler !http://javvs.8k.com") // ab 14 Uhr bis 18 Uhr
 }
     if((today.getHours() >=18) && (today.getHours() <23)){
 confirm("Iyi Aksamlar !http://javvs.8k.com") //ab 18 Uhr bis 23 Uhr
 }
     if((today.getHours() >=0) && (today.getHours() <4)){
 confirm("Iyi Geceler !http://javvs.8k.com") // ab 0 bis 4 Uhr
 }
     if((today.getHours() >=4) && (today.getHours() <6)){
 confirm("Hayirdir Sabah Sabah ?http://javvs.8k.com") // ab 4 bis 6 Uhr
 }
 //-->
 </script>

Örnek:Örnegi görmek için tıklayın

18-Kayan menü

Örnege baktıgınızda sol tarafta menü yazısını göreceksiniz yazıyı tıkladıgınızda soldan saga dogru kayanmenü başlıklarını göreceksiniz...

<html>


<!-- -->
<style>
TD{font-family:arial,helvetica; font-size:10pt}
BODY{background-color:white}
A{color:Navy; text-decoration:none}
A:hover{color:red}
A:visited:{color:#808080}
DIV{font-family:arial,helvetica; font-size:12pt; font-weight:bold}
</style><!-- -->




<script>
/*
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts. 
This may be used freely as long as this msg is intact!
********************************************************************************
Browsercheck:*/
ie=document.all?1:0
n=document.layers?1:0

//These are the variables you have to set:

//How much of the layer do you wan't to be visible when it's in the out state?
lshow=60

//How many pixels should it move every step? 
var move=10;

//At what speed (in milliseconds, lower value is more speed)
menuSpeed=40

//Do you want it to move with the page if the user scroll the page?
var moveOnScroll=true

/********************************************************************************
You should't have to change anything below this.
********************************************************************************/
//Defining variables
var tim;
var ltop;

//Object constructor
function makeMenu(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')                                                
        this.state=1
        this.go=0
        this.width=n?this.css.document.width:eval(obj+'.offsetWidth')
        this.left=b_getleft
    this.obj = obj + "Object";  eval(this.obj + "=this")        
}
//Get's the top position.
function b_getleft(){
        var gleft=(n) ? eval(this.css.left):eval(this.css.pixelLeft);
        return gleft;
}
/*
Deciding what way to move the menu (this is called onmouseover, onmouseout or onclick)
*/
function moveMenu(){
        if(!oMenu.state){
                clearTimeout(tim)
                mIn()   
        }else{
                clearTimeout(tim)
                mOut()
        }
}
//Menu in
function mIn(){
        if(oMenu.left()>-oMenu.width+lshow){
                oMenu.go=1
                oMenu.css.left=oMenu.left()-move
                tim=setTimeout("mIn()",menuSpeed)
        }else{
                oMenu.go=0
                oMenu.state=1
        }       
}
//Menu out
function mOut(){
        if(oMenu.left()<0){

                oMenu.go=1

                oMenu.css.left=oMenu.left()+move

                tim=setTimeout("mOut()",menuSpeed)

        }else{
                oMenu.go=0

                oMenu.state=0

        }       
}
/*
Checking if the page is scrolled, if it is move the menu after
*/
function checkScrolled(){
        if(!oMenu.go) oMenu.css.top=eval(scrolled)+ltop

        if(n) setTimeout('checkScrolled()',30)
}
/*
Inits the page, makes the menu object, moves it to the right place, 
show it
*/
function menuInit(){
        oMenu=new makeMenu('divMenu')
        scrolled=n?"window.pageYOffset":"document.body.scrollTop"

        oMenu.css.left=-oMenu.width+lshow

        ltop=(n)?oMenu.css.top:oMenu.css.pixelTop;

        oMenu.css.visibility='visible'

        if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();

}

//Initing menu on pageload
onload=menuInit;

</script>







<!--A1 --><div id="divMenu" style="position:absolute; top:300; left:30; height:100; width:540; visibility:hidden">
        <a href="java1.htm" ONMOUSEOVER="window.status='Site Navigation Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">Site Navigation</a> -
        <a href="java1.htm" ONMOUSEOVER="window.status='Page Effect Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">Page Effects</a> -
        <a href="java1.htm" ONMOUSEOVER="window.status='MouseOver Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">Mouse Overs</a> - 
        <a href="java1.htm" ONMOUSEOVER="window.status='User Information Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">User Information</a> - 
        <a href="javascript://" onclick="moveMenu(); window.focus()" ONMOUSEOVER="window.status='Click For Menu';return true;" ONMOUSEOUT="window.status='';return true;">MENU</a>

</div><!-- -->

Örnek:Örnegi görmek için tıklayın

19-Açıklamalı menü

Gayet güzel bir menü örnegi fare yi başlıkların yanına getirince ekranda güzel bir aıklama çıkıyor.

<HTML> <style> DIV{font-family:arial,helvetica; font-size:10pt} </style> <script> /* Created by A1 JavaScripts - http://www.a1javascripts.com/ This may be used freely as long as this msg is intact! */ //You have to set some variables here: //Set the font for the msg msgFont='Arial,helvetiva' //Set the fontSize in px msgFontSize="12" //Set the fontColor msgFontColor="black" /* Here's the array that holds the text to change the divmessage to when you mouseover. Change the text here */ messages=new Array(6) messages[0]="<b>JavaScript</b><br>A heap of <i><u><font color=ff0000>free</font></u></i> javascripts to enhance your site!" messages[1]="<b>JavaOnline</b><br>The largest directory of <i><u><font color=ff0000>free</font></u></i> webmaster resources on the planet!" messages[2]="<b>Başlık2</b><br>25 megs of <i><u><font color=ff0000>free</font></u></i> webspace;<br> httpcity.com/you!" messages[3]="<b>Başlık3</b><br>A monstrous collection of <i><u><font color=ff0000>free</font></u></i> graphics!" messages[4]="<b>Başlık4</b><br>The HOTTEST <i><u><font color=ff0000>free</font></u></i> clipart and resource sites ranked by popularity!" messages[5]="<b>Başlık5</b><br>Download tons of <i><u><font color=ff0000>free</font></u></i> Software!" messages[6]="<b>Geri dön</b><br>Geri dönmek için<i><u><font color=ff0000>free</font></u></i> hemen tıkla!" messages[7]="" //nothing needs to be changed below here ie=document.all?1:0 n=document.layers?1:0 //Constructing the ChangeText object function makeChangeTextObj(obj){ this.writeref=(n) ? eval('document.'+obj+'.document'):eval(obj); this.writeIt=b_writeIt; } function b_writeIt(text){ if(n){ this.writeref.write(text) this.writeref.close() } if(ie)this.writeref.innerHTML=text } function changeText(num){ if(ie || n) oMessage.writeIt('<span style="font-size:' +msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'">'+messages[num]+'</span>') } function changeTextInit(){ if(ie || n) oMessage=new makeChangeTextObj('divMessage') } //Calls the init function on pageload onload=changeTextInit </script> <div id="divlinks" style="position:absolute; left:10; top:150"> <a href="main.htm" onmouseover="changeText(0); window.status='JavaScript';return true;" onMouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">JavaScript</a><br> <a href="http://javaonline.8k.com" onmouseover="changeText(1); window.status='123Webmaster';return true;" onMouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">JavaOnline</a><br> <a href="http://javaonline.8k.com" onmouseover="changeText(2); window.status='Http City';return true;" onMouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">Http City</a><br> <a href="java1.htm" onmouseover="changeText(3); window.status='Free Clip Images';return true;" onMouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">Free Clip Images</a><br> <a href="java1.htm" onmouseover="changeText(4); window.status='1-Click-Clipart';return true;" onMouseout="changeText(7,0)"; window.status='';return true;" onclick="window.focus()">1-Click-Clipart</a><br> <a href="java1.htm" onmouseover="changeText(5); window.status='FreeWare Files';return true;" onMouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">FreeWare Files</a><br> <a href="java1.htm" onmouseover="changeText(6); window.status='Geri dön';return true;" onmouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">Geri dön</a> </div> <table Border=0 cellpadding=0 cellspacing=0 width="400" hight="200"> <td align=center width="100%" height="100%"><div id="divMessage" style="position:absolute; left:200; top:300"> This is the default text that will show in<br> 3.x browsers. You have to place this with tables or <br>something instead of layers for backwards compatibility.</td></table> </div>

Örnek:Örnegi görmek için tıklayın

20-Küçülüp büyüyen yazı

Mutlaka kopyalamanız gereken güzel bir javascript begin içindeki var speed=50 ve var maxsize=48 bu degerleri degiştirerek yazının büyüme hızını ve yazı büyüklügünü ayarlayabilirsiniz.

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> <title></title> </head> <body bgcolor="#000000" text="#FFFFFF"> <script language="JavaScript">    </script> <p align="center"><a href="java1.htm"><font color="#FFFF00" size="4">Geri dön</font></a></p> </body> </html>

Örnek:Örnegi görmek için tıklayın

20-30 Arası

ANA SAYFA