B a b a N o k t a K e

	Sign In Sign-Up

B a b a N o k t a K e

Bu scriptlerle sayfanizi ilgi çekici hale getirebilirsiniz. Tek yapmaniz gereken ilgili kodlari kopyalayip html sayfanizin kod bölümüne yapistirmak.

VIDEOYA DÖNÜSEN RESIM

DYNSRC tag'ini daha önce duymus muydunuz? Bu takiyi kullanarak asli görevi resim olmak olan bir görüntüyü üzerine gidildiginde veya yüklendikten hemen sonra görülen bir videoya çevirebilirsiniz.
<IMG… komutuyla kullanilan ve sadece Internet Explorer Web tarayicisinda çalisan bu özellik
videolari oynatmanin güzel bir yoludur. Sadece Internet Explorer'in bir özelligi oldugundan
<EMBED SRC..> komutu kadar ragbet görmeyen bu komut kullaniciyi videonun yüklenmesini beklerken
oyalamakta kullanilabilir. Küçük AVI dosyalari kullanarak resmin üzerine gidildiginde
kullaniciyi etkilemek yine bu yolla çok kolaydir.

Komutun kullanimi söyledir:
<IMG SRC="DENEME.GIF" DYNSRC="DENEME.AVI"
START= FILEOPEN| MOUSEOVER>

FILEOPEN Video yüklenen kadar resmi görüntüler, sonra video'yu oynatir.
Varsayilan deger budur.
MOUSEOVER Kullanici farenin imlecini resim üzerine götürdügünde video'yu baslatir.

2000 YILINA KAÇ GÜN KALDI?

Asagidaki Javascript'i sayfaniza girdiginizde, akilli kodlar 2000 yilina kaç gün kaldigini sayfaya yazacaktir. Çok basit olan kod ayrica 2000 yilina bir gün kaldiginda ve 2000 yilina bir günden az kaldiginda da sizi uyarir. Dileyenler bilgisayarlarinin saatini degistirerek script'i deneyebilir, script'i sitelerine ekleyip ilginç bir görüntü olusturabilir.
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

DURUM ÇUBUGUNDA YANIP SÖNEN YAZI

Asagidaki Javascript durum çubuguna yanip sönen bir yazi yerlestiriyor. Kullanici herhangi bir URL üzerine gittiginde devreden çikan yazi hiç bir kisayol üzerine gidilmediginde yine yanip sönmeye basliyor. Oldukça dikkat çekici ve degisik...
<SCRIPT language="JavaScript"></SCRIPT>

<BODY OnLoad="flash();">

ISLETIM SISTEMINI BULMA

Yine bu teknikte Java yardimiyla hazirlanmistir. Bu genelde sayfaniza giren kisilerin hangi isletim sistemini (Win 9x,Linux vb.) kullandigini bulmak için yapilmistir ve oldukça basittir.

<HTML>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<BODY BGCOLOR="#FFFFFF">
Isletim sisteminiz: <b>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

KARSILAMA VE UGURLAMA

Bu eklenti sayfaniza bir girdigi zaman bir Windows penceresi yardimiyla artik siz ne yazdirmak istiyorsaniz onu yazmaktadir. Yine ayni islemi kisi sayfanizdan çiktiginda da uygulamaktadir.

<HTML>
<BODY BGCOLOR="#000000" onLoad="alert('Sayfama Hosgeldiniz!');"
onUnload="alert('Tekrar Bekleriz...');">
</BODY>
</HTML>

RESIM DEGISTIRMEK

Web sayfalarinda üzerine gidince degisen resimlere sik sik rastliyorsunuzdur. Java Applet, ActiveX kontrolü gibi derlenmis bir öge kullanmadan bu isi siz de kolayca gerçeklestirebilirsiniz. Örnegimizi uygulamadan önce grafik editörünüz ile 100*20 ebatlarinda RESIM1-1.GIF, RESIM1-2.GIF, RESIM2-1.GIF, RESIM 2-2.GIF adlarinda 4 adet grafik dosyasini hazirlayin. "-1" uzantisi ile biten dosyalar resmin ilk halini "-2" uzantisi ile bitenler ise resmin fare imleci üzerine gittigi hali olusturacaktir. Script'imizde her bir resim için bilgi "aOn.src", "bOn.src" gibi degiskenlerde tanimlanmis. Bu degiskenleri uzatarak dilediginiz sayida kisayol kullanabilirsiniz. Resimleri olusturduktan sonra örnek HTML dosyamizi olusturun ve resimleri HTML sayfanizla ayni klasöre tasiyin. Resim ebatlarini degistirmek için ise tek yapacaginiz newImage(100, 20); ifadesi ile oynamak olacaktir.

<HTML>
<script language="javaScript">

if ((navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 3)
|| (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 4)) {
rollOvers = 1;} else {rollOvers = 0;}
var dirLevel = 1;
var levelMod = "";
levelMod = "";
for (i = 0;i < dirLevel;i++) {}

if (rollOvers) {
aOn = new Image(100, 20);
aOn.src = "resim1-1.gif";
aOff = new Image(100, 20);
aOff.src = "resim1-2.gif";
bOn = new Image(100, 20);
bOn.src = "resim2-1.gif";
bOff = new Image(100, 20);
bOff.src = "resim2-2.gif";
}
function switchOn(imgName) {
if (rollOvers){
imgOn = eval(imgName + "On.src");
document [imgName].src = imgOn;}}
function switchOff(imgName) {
if (rollOvers){
imgOff = eval(imgName + "Off.src");
document [imgName].src = imgOff;
}}</script>

<a href="http://www.pcmagazine.com.tr/haberler" onMouseover="switchOn('a')" onMouseout="switchOff('a')">
<IMG SRC="resim1-2.gif" border=0 name="a"></a>
<p>
<a href="http://www.pcmagazine.com.tr/share" onMouseover="switchOn('b')" onMouseout="switchOff('b')">
<IMG SRC="resim2-2.gif" border=0 name="b"></a>
</BODY>
</HTML>

SAYFA KENDISINI KAPATSIN

Öyle bir web sitesi olusturdunuz ki bir sürü yardimci pencere açiyor…. Öyle ki kullanicilar artik açilan bu yeni pencerelerin içinde bogulduklarindan sikayet ediyorlar. Endiselenmeyin tam sizin durumunuza göre bir püf noktasi verecegiz simdi. Asagidaki 4 satirlik HTML kodunu sayfaniza eklediginizde kodu eklediginiz alanda bir dügme olusacaktir. Artik kullanicilariniz bu dügmeye basarak pencereyi rahatlikla kapatabilir. Simdi siz "Iyi de güzelim kullanicilarim pencerenin sag tarafindaki çarpi tusuna basmayi zaten akil edebilirlerdi." diyeceksiniz. Bence bu tus ayni zamanda sayfanin izlendikten sonra isinin bittiginin de bir göstergesi.

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

BIR MENÜDE SITE HARITASI!

Internet'te rastladigimiz bir çok sitede kullanicinin istedigi sayfaya kolayca erisebilmesi veya ana sayfaya bir klikleme ile ulasabilmesi için navigasyon çubuklari kullanilir. Kullaniciyi sürekli olarak web tarayicisinin geri tusuna basmaktan kurtaran bu özelligi simdi verecegimiz kodlari sayfaniza ekleyerek uygulayabilirsiniz. Asagidaki örnek HTML sayfasi, içerisinde bir Javascript barindiriyor. Javascript'i kendinize göre özellestirerek dilediginiz tipte bir navigasyon menüsüne sahip olabilirsiniz. Dilediginiz sayfaya gitmek için tek yapmaniz gereken ilgili bölümü seçmek ve Git tusuna basmak.

<html><head><script language="JavaScript">

</script></head>

<body>
<form name="form1">
<select name="menu1">
<option>Seçiminizi Yapin
<option>Ana Sayfa
<option>Photoshop Teknikleri
<option>Paint Shop Pro Teknikleri
</select>
<input type="button" name="goButton" value="Git!" onClick="go(this.form.menu1, 1, false)">
</form></body></html>

Bu anlatiklarimizdan sonra "ama ben navigasyon menümden kim nereye gitmis kim hangi bölümü kaç kere gezmis ögrenmek isterim, bilmek isterim" derseniz yine Internet üzerinden bulabileceginiz bir CGI veya Perl Script'ten faydalanmanizi öneririm.

VARSAYILAN HEDEF

Frame'lerden olusan nefis bir sayfa yaptiniz ve sol taraftaki frame'i navigasyon için sag taraftaki frame'i ise içerigi görüntülemek için kullaniyorsunuz. Daha önce <A HREF=… komutuna target="hedef" gibi bir ek vererek ilgili sayfanin hangi frame'de açilacagini tayin edebileceginizi söylemistik. Eger sol taraftaki frame'inizde çok fazla <A HREF=… takisi varsa <BASE TARGET… komutunu kullanmayi düsünebilirsiniz.
<base target="sagtaraf">
<a href="sayfa1.htm">Hakkimda</a>
<a href="sayfa1.htm">Resimlerim</a>
<a href="sayfa1.htm">Faydali</a>

Yukaridaki gibi kodlar kullandiginizda bu kodlari koydugunuz sayfadaki her bir link sag
taraftaki frame sayfasinda açilacaktir.

RENKLI SAYFA GIRIS ÇIKISLARI

Internet Explorer 4.0'in getirdigi en büyük yeniliklerden biri de Aktif HTML sayfalari. Web sayfalarinizi tam bir çoklu ortam sölenine çevirmenize olanak taniyan bu özellik oldukça karmasik olmasi nedeniyle kisisel Web sayfalarini hazirlayanlar tarafindan pek kullanilmiyor. Hot Dog, Front Page 98 gibi yeni Web editörleri de Aktif HTML destegi vererek bu standardi
oturtmaya olanak taniyor. Simdi verecegimiz püf noktasi ise sizi hiç ugrastirmayacak, çünkü verecegimiz tek bir satir kodu kullanarak sayfaniza giris ve çikislarda Power Point benzeri geçisler olusturacaksiniz. Sayfa yenilendiginde çalismayan, sadece birisi sayfaniza girdiginde veya çiktiginda geçis yapan bu özellik Internet Explorer 4.0 ile geldi ve META ifadesi ile birlikte kullanilan tek DHTML komutu olma özelligini tasiyor. Yanlis okumadiniz <HEAD></HEAD> komutlari arasina yerlestirilen
<META> komutu içine yerlestirdiginiz yeni bir ifade geçis yapmaya olanak taniyor.

Asagidaki satirlari HTML sayfanizin ilgili yerlerine girdikten sonra baska bir URL'ye atlayin ve geri dönün, sonuç sizi oldukça sasirtacaktir. Ifadeyi nasil özellestireceginizi asagida bulacaksiniz.

<META HTTP-EQUIV="Site-Enter" content="revealTrans(Duration=1.0,Transition=23)">
<META HTTP-EQUIV="Site-Exit" content="revealTrans(Duration=1.0,Transition=23)">

Bir çogunuzun görüp de bu da ne dediginiz HTTP-EQUIV ifadesinin açilimi söyle "Hypertext Transfer Protocol Equivilant". Basit olarak bu ifade HTTP protokolünü kullanan HTML sayfasinin nasil görüntüleneceginini tanimini yapar. "Site-Enter" kelimesi sayfaniza girildiginde neler olacagini, "revealTrans" ifadesi ise daha önceki sayfanin belirlenen methodla "kaybedilecegini" söylüyor.

META tag'i içerisinde kullanilan Duration=1.0 ifadesi geçisi gerçeklestirilen her bir blogun 1saniye içerisinde islenecegini, Transition=23 ifadesi ise diger 22 geçisten bir tanesinin rasgele olarak seçilecegini belirtiyor.

Geçis Numaralari:
Asagidaki numaralari siz de örnegimizdeki yerine koyarak nasil geçisler gerçeklestigini
gözlemleyebilirsiniz. Örnegimizdeki 23 numarasini kullandiginizda ise asagidaki numaralardan
rasgele bir tanesi seçilecektir.

# Geçisler
1) Içten disa geçis
2) Distan içe geçis
3) Ortadan disa dogru geçis
4) Alttan üste geçis
5) Üstten alta geçis
6) Soldan saga geçis
7) Sagdan sola geçis
8) Soldan saga dikey çözülme
9) Üstten asagi yatay çözülme
10) 8 ve 9'un birlesimi
11) 8'e oldukça benziyor
12) Piksel piksel çözülme
13) Distan içe dönerek geçis
14) Içten disa dönerek geçis
15) Üstten ve alttan geçis
16) Ortadan üste ve alta kapanma
17) Sagdan sola çapraz geçis
18) Diger açidan sagdan sola çapraz geçis
19) 17'nin aynisi, aksi yönüne
20) 18'in aynisi, aksi yönüne
21) Rasgele yatay çizgiler
22) Rasgele dikey çizgiler

IKI KISIYE BIRDEN E-MAIL YOLLAMAK

Bir arkadasiniz ile birlikte bir araya geldiniz ve bir Web sitesi hazirladiniz. Giris sayfanizda da kullanicilarin sizinle iletisime geçebilmeleri için webmaster@geocities.com gibi bir ifade bulunuyor. Malum Geocities bir Web sitesi için sadece bir tane e-mail hesabi açiyor. Web sayfasini birlikte hazirladiginiz arkadasinizin da bir e-mail adresi varsa kullanicinin sadece
bir link'e tiklayarak iki kisiye birden e-mail atmasini saglayabilirsiniz. Asagidaki satirlari HTML sayfasina girip sayfaya Web tarayicinizla baktiginizda ekranda içinde "E-Mail yollamak için tiklayin!" bir buton göreceksiniz. Muhtesem Web sayfanizi ziyaret eden sansli kullanicilar bu butona bastiginda artik karsilarina gelecek e-mail penceresinin "cc:" bölümünde arkadasinizin e-mail adresini konu bölümünde ise "deneme" yazisini görecekler.

<FORM>
<INPUT TYPE="button" VALUE="E-Mail yollamak için tiklayin!"
onClick="parent.location='mailto:erkan221@hotmail.com?
subject=deneme&cc=erkan221@hotmail.com'">
</FORM>

ISTENILEN BOYUTLARDA YENI BIR PENCERE

Asagidaki kodlari istediginiz boyutlarda baslik çubuksuz, gezinme tuslari olmayan bir pencere açmak için kullanabilirsiniz. Yazdigimiz Javascript PopIt adli bir fonksiyon olusturuyor ve sayfanin herhangi bir yerinden bu fonksiyonu çagirmamiza olanak taniyor. Ben örnegimde fonksiyonun bir tusa basildiginda çagrilmasini sagladim.

Örnegin sayfa açilirken ayni anda baska bir pencere açilsin istiyorsaniz
<BODY onload="PopIt('deneme.htm', 160, 300)">
gibi bir ifade kullanabilirsiniz.

<HTML>
<title>Istenilen boyutlarda yeni bir pencere</title>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<BODY BGCOLOR="#FFFFFF">
<FORM>
<INPUT TYPE="BUTTON" VALUE="Penceremi aç!" onClick="PopIt('deneme.htm', 160, 300)">
</FORM>
</BODY>
</HTML>

ZAMANLAYICI

Öyle bir Web sayfaniz var ki sayfaya baglanan kullanicilara o sayfayi izlemek için belirli bir süre vermek istiyorsunuz. Kalan süre bir sekilde kullaniciya aktarilsin ve süre bittiginde kullaniciya bir mesaj kutusuyla haber verilerek baska bir sayfa yüklensin. Bir test sayfasi hazirliyorsaniz ya da sayfalarin belirli bir süre sonra zamaninin dolmasini istiyorsaniz asagidaki JavaScript tam size göre, kodlar kullaniciya istediginiz kadar zaman vermenize olanak taniyor.

<HTML>
<TITLE>Zamanlayici</TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<BODY BGCOLOR="#FFFFFF" onLoad="settimes()">
<P><font size=+2 face=arial><b>Zamanlayici</font></b><p>

Bu Javascript kullaniciya belirli bir miktar süre vererek verilen süre bitince sayfanin otomatik
olarak baska bir yere yönlenmesini saglar.
<HR>
<FORM>
<INPUT TYPE="button" VALUE="tamamla" onClick="location.href='bitti.html'">
</FORM>
<hr>

Yukaridaki 300 degerini dilediginiz gibi degistirerek verilen süreyi ayarlayabilirsiniz.
300 sayisi verilen saniyeyi belirtmektedir. Verilebilecek en fazla zaman ise 60 dakikadir.

WEB SAYFASINI EN ÜSTTE TUTMAK

Web sitenizde kolay gezinme saglamak için bir pencere içerisinde navigasyon menüsü hazirladiniz.Fakat bu menü hep arka planda kalarak islevini yerine getiremiyor. Sizin istediginiz ise bu menünün her zaman üstte kalmasi ve kullanicinin kolayca ona erismesi.

Bir Web sayfasini her zaman üstte tutmak çok kolaydir, tek yapmaniz gereken onBlur="self.focus()" ifadesini BODY tag'inin içine yerlestirmektir. Bu ifadenin kullanilmasini asagidaki örnegimizde bulacaksiniz. Öncelikle navigasyon sayfamizi atesleyecek bir sayfa olusturalim:

<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<FORM>
<INPUT TYPE="BUTTON" VALUE="Pop-Up" onClick="topWindow()">
</FORM>
</HTML>

Simdi ise gezinme menüsünü olusturan kodlari hazirlayalim:

<HTML>
<BODY onBlur="self.focus()" bgcolor=ffffff>
Burada gezinme için gerekli olan kodlar bulunacak...

ALTI ÇIZGISIZ VE ÜZERINE GELINDIGINDE RENK DEGISTIREN LINKLER

Bu teknigi benim sayfamda da görebilirsiniz. Üzerine glindiginde hem rengi hem de mouse simgesi degisen bu script oldukça güzeldir. Dogrusu sayfanizda kullanmanii tavsiye ederim. Isterseniz "cursor" yazan yeri iptal ederek linklerin üzerine gelindiginde yine mouse kursorünü kullanabilirsiniz. Artik buradaki renkleri degistirmek de size kalmis. Bunlari meta takisindan önce yaziniz.

<style></style>
<script language="JavaScript">
    

    </script>
<script language="JAVASCRIPT">

</script>

FLOATING FLAME

Bu kisa aklenti sayesinde sayfalarinizin içerisinde baska bir sayfa varmis gibi görünebilir.Yani yeni bir frame.Istediginiz herhangibir html dosyasini sayfanizin istediginiz herhangibir yerinde istedigniz byoutlarda yerlestirebilir ve hareket ettirebilirsiniz.

<IFRAME SRC="deneme.htm" width=320 height=240></IFRAME>

Deneme.htm yerine istediginiz her türlü adresi yazabilirsiniz.

SAYFA NE ZAMAN DEGISTIRILMIS?

Bilinen bi sey vardirki bi site daima ayni sekilde kaldimi hiçbir cazibesi yoktur.Fakat her ne kisa zaman içerisinde yenilenirse o kadar ilgi görür.Iste bu nedenle bazi kullanicilarin ilgisini daha çok çekebilmek için sayfanizin en son ne zaman güncellendigini belirten Java Script kodunu sayfaniza koyabilirsiniz.

<Script Language=JavaScript>

<!--

var mod=document.lastmodified.split(" ");

document.writeln("Bu sayafanin son güncellenme tarihi-->"+mod[0]);

-->

</Script>

SAYFA IÇERISINDE BASKA BIR SAYFA DAHA

Bazi web sayfalarinda görünen bi sey vardir.Yazilar yukaridan-asagi,saga,sola vb. yönlere kayarak gçtmektedir.Tabii bunlarin çogunlugu Java ile yapilmis olan scriptler oldugundan açilmalari biraz uzun sürer.Oysa su altta görmüs oldugunuz teknik sayesinde bu çok basit ve sayfalarda açilmasi çok daha kolaydir.

<object align=center classid="clsid:1a4da620-6217-11cf-be62-0080c72edd2d" width=200 height=200 border=1 hspace=5 id=marquee>

<param name="scrollstyleX" value="circular">

<param name="scrollstyleY" value="circular">

<param name="szURL" value="deneme.htm">

<param name="scrolldelay" value=60>

<param name="loopsX" value=-1>

<param name="loopsY" value=-1>

<param name="scrollpixelsX" value=0>

<param name="scrollpixelsY" value=-3>

<param name="drawimmediately" value=0>

<param name="whitespace" value=0>

<param name="pageflippingOn" value=0>

<param name="zoom" value=100>

<param name="widthofpage" value=400>

</object>

ARAMA MOTORLARINA YARDIMCI OLUN

Her seyinizi ortaya koydunuz mtühis bir site hazirladiniz ve simdi bunu duyurmak istiyorsunuz.Fakat kimse sitenizin adresini bulamayinca arama motorlarina saldiriyor.Bakiyorlar arama motorlarida bulamadi pas geçiyorlar ve onca emeginiz bosa gidiyor.Bunun için ne yapmak gerek tabii ki biraz yardim.Kime??? Arama motorlarina.Altta görmüs oldugunuz paragraflari sayfaniza ekelyin.

<meta name="description" content="Sitenizin amaci,slogani,braz kisa bir sekilde">

<meta name="keyworks" content="Sitenizdeki bölümler-arama motorlarini bulmasini istediginiz kelimeler">

<meta name="copyright" content="Telif haklari ve ya sinirlamalari">

RASTGELE ISLEMLER

Yine Java Script ile yapilmis olan bu script te ise yazdiginiz herhangibir söz,vecize vb. seyler rastgele bir sekilde ekranda görüntülenmektedir.Eger biraz programciliginiz varsa zaten bu scripte daha fazla yazi eklemek için "Array(3)" - "ar[sec%4])" yükseltilmesi gerektigini ve yeni vecizenin de "ar[x]=" seklinde yazilmasi gerektigini anlarsiniz.

<html>

<head>

<title>Rastgele Yazilar</title>

<script language="JavaScript">

<!--

function getmessage() {

var ar =new array(3)

ar[0]="Eger iyi bir web sayfasi yapmak istiyorsan çok sayfa dolasmalisin.(-:Lüzümsuzlar dahil degil:-)"

ar[1]="Sayfanizda fazla hareketli grafik kullanmayin.Bunlarin kolestrole zarari vardir:-p"

ar[2]="Bilinen en iyi arkadas P-II Xeon 450 islemcili bir bilgisayardir!!!"

ar[3]="Boynunu temizle ben bir Vampir degilim sadece ÖPCEM :-{}"

var now=new date()

var sec=now.getseconds()

alert("Murphy Kanunu:\r" + ar[sec%4])

}

//-->

</script>

</head>

<body onload="getmessage()">

</body>

</html>

WEB SAYFALARINDA FORM KULLANIMI

Web sayfalarinda ne çok karsilasilan ve tasarimcilari birçok zorluktan kurtatran diger bir teknik ise FORMlardir.Bunlarin içierisinde istediginiz kadar soruyu sorabilir (evet-hayir) cevap sekli atayabilir,tick islevligi saglayabilir ve isterseniz bie metin bile yazdirabilirsiniz.Bunun için bilmeniz gerekenler.

Form Tag--> Genel kullanim: <form action=URL method=get-post target=pencere>
Action=URL -->Formun göndeerildiginde hangi program tarafafindan degerlendirilicegini bildirir.
Method=get-post -->Bilgilaerin sunucuya hangi yolla gönderilecegini belirler. GET->Kontrollere girilen içerik o anda bulunulan adrese eklenip degerlendiriciye gönderirlir. POST->Form içerigini direkt olarak derleyiciye gönderir.
Target=window -->Netscpae tarafindan getirilen bu tag form degerlendirici tarafindan kullaniciya geri yanitin hangi pencerede belireceginin gösterir.
Input Tag --> Genel kullanim: <input align=tip [checked] maxlength=uzunluk name=isim size=boyut Src=adres Type=tip Lue=deger>
Align=tip --> Type degeri bir resim olarak atandiginda bir sonraki resme göre nasil terlestirilecegini ayarlar. TOP,MIDDLE yada BOTTOM degerleri kullanilir.
Checked -->Kontrol olarak bir isaretleme veya seçim kutusu kullanildiginda bunun karsimiza isaretlenmis olarak gelmesini saglar.
Maxlength=uzunluk -->Metin kutusuna kullanicini max. kaç karakter girebilecegini belirler.
Name=isim -->Kontrole bir isim verir.
Size=boyut -->Kontrolün boyutlarini karakter cinsinden belirlemenizi saglar. TEXTAREA kontrolu kullanildiginda "en-boy" gibi bir ifade kullanilarak kontrolün boyutlari en-boy cinsinden ayarlanabilir.
Src=adres -->Kontrol olarak resim seçildiginde resmin bulundugu adresi tasir.
Type=tip -->Kontrolün cinsini belirler ve su degerlerden birini alabilir.

Checkbox->Bir isaretleme kutusu görüntüler ve sadece dogru veya yanlis degerlerini alabilir.

Hidden-> Web tarayicisinin pencerisinde görünmez fakat içerdigi deger gönderilen form ile web sunucusuna ulasir.

Image-> Bir resmi ifade eder ve üzerine tiklandiginda form degerlerini sunucuya yollar.

Text-> Text kontrolü ile ayni özellikleri tasir fakat kullanicini girdigi karakterler bu kontrolde yildiz seklinde görünür.

Radio-> Kullanicinin bir çok seçenek içerisinden bir tanesini seçebilmesine olanak atnir.Grup içerisinde Radio kontrolleri her zaman ayni ismi tasimlai fakat value degeri farkli atanmalidir.

Reset-> Tiklandiginda formun içerigini temizler

Submit-> Formun içerigini sunucuya yollar.

Text-> Kullanicinin tek satirlik veri alinmasina olanak tanir.

Iste yukarida verilmis olan ögelerle hazirlanmis bir form.

2000 Yilina Kaç Saniye Kaldi?

Burada kullanilan script ise üstte yayinlamis oldugum 2000 yili sayacina göre biraz daha manyakca bir is yapiyor. Ne mi yapiyor?Adindan da anlasildigi gibi 2000 yilana kaç saniye kaldigini hesapliyor.hiiiii.

<script LANGUAGE="JavaScript">

</script>

Yukarida programin kodlarini alttada uygulamayi görebilirsiniz.Nasil ama?

Sayfadan Ayrilinca Veda Mesaji

Sayfaniz ne kadar güzel yada içerigi güzel olsada kullanici sayfanizdan elbette ayrilacaktir.Tabii artik sayfanizi ziyaret ettikleri için bir tesekkür yada küfür edebilirsiniz.(-:hehe:-) Iste bunun için güzel bir script.Kullanici sayfanizdan ayrildigi yada browseri kapattiginda açilan yeni bir pencere içerisinde istediginiz her seyi söyleyebilirsiniz.Iste bu güzel scriptin kodlari.

<html>
<title>Yine bekleriz yada Defol git(bunu tavsiye etmem)</title>
<head>
<script language="JavaScript">
<!- Hide from Javascript-Impaired browsers
locnm=location.href;
pos=locnm.indexof("indexb.htm");
locnm1=locnm.substring(O,pos);
function ByeWin(){
windowIMA=window.open("",'anim2','toolbar=no,location=no,directories=no,menubar=no,
scrollbars=no,status=no,resizable=1,width=360,height=290')
windowIMA.document.write("<html><title>dinamit UGURLAMA PENCERESI</title>"
+"<body bgcolor='black' text='white'><center>"
+"<form method?get action=""+locnm1+"h5s3.html'>"
+"<p><font size=4><b>Merhaba<p>Ziyaretiniz Dogrusu Beni Çok Mutlu Etti."
+"<br>Her Zaman Beklerim<br>Görüsmek Üzere"
+"<br>dinamit © 1999</b></font></form><br>");
}
//end hiding ->
</script>
</head>
<body bgcolor=yellow text=balck onunload="ByeWin()">
<hr>
<center><h1>Sayfamdan ayrilin bakalim ne ile karsilasacaksiniz</h1></center>
<hr>
</body>
</html>

RENK DEGISTIREN BUTONLAR

Bilindigi gibi birçok sayfada kullanilan tiklama efekleri yada buton üzerindeyken baska islemlerin gerçeklesmesi olaylari sörfçülerin ilgisini çok çeker. Bu nedenle çogu tasarimci Flash,Java tarzi programlar yardimiyla bu tip islemler yagar fakat bunlarin açilmasi oldukça uzun sürer(Türkiyede)Bu nedenle bu script çok kullanisli ve hizilidir.Bu islemi yapmadan önce butonnuzun normal halini(sayfada görünecegini hali), üzerine gelindigindeki halini ve tiklandigi zamanki hali olmak üzere üç farkli yada ayni resmi ayni boyutlarda ve formatlarda hazirlayip bir kenara koyun.Ben Mavi,sari ve kirmizi olmak üzere üç farkli buton kullandim.

<html>
<head>
<title>dinamit© Hareketli Buton Script</title>
</head>
<body color="white">
<script language="javascript">
<!-
//
bname=navigator.appname;
bver=parselnt(navigator.appversion);
if(bname00"Netscape"&&bver>=3) browserver=1
else browserver=2;
if(browserver==1) {
next1=new image(120,30);
next1.src="mavi.jpg";
next2=new image(120,30);
next2.src="sari.jpg";
next3=new image(120,30);
next3.src="kirmizi.jpg";
}
function hlight(imgorg.imgswag) {
if (browserver==1) {
document.images[imgorg].src=eval(imgswap+".src")
}}
function test() {
}
//->
</script>
<a href=sonra.html" on mouseover="hlight('next','next2')"
        on mousedown="hlight('next','next3')
        on mouseup="hlight('next','next2')
        on mouseout="hlight('next','next1')
        <img src="mavi.jpg" alt="ileri" border="0" name="next"></a>
</body>
</html>