TheCoders.Net - Makaleler - JavaScript - Html

JavaScript 3*3 l�k iki matris �arpma

April 7, 2007, 9:22:19 PM

head i�ine yaz�lacak k�s�m :
CODE:

body e yaz�lacak k�s�m:

CODE:













  
    

  Matris1: 


  
















    
       
       
       
    
    
       
       
       
    
    
       
       
       
    
  


   
    


Matris �arp�m�: 



















  
     
     
     
  
  
     
     
     
  
  
     
     
     
  

  
  
    Matris2:

JavaScript | Dinamik ��erik

January 25, 2007, 10:26:19 AM

A�a��da verdi�im kod Javascript ile yaz�lm�� ve bir �ok ama� i�in kullan�labilir. �rne�in scripte girilen haberler bir layer i�erisinde s�rekli de�i�e bilir. Daha yarat�c� fikirlerde kullan�lmaya a��kt�r.
�rne�in Haber yerine resim ekledi�imizde ufak bir galeri show yapm�� oluruz.

CODE:

JavaScript | Sa� Click Engelleme

December 28, 2006, 4:46:28 PM

Ziyaret�ilerinizin sayfan�zda sa� click yapmas�n� engellemek istiyorsan�z i�te kodlar...

CODE:

Sayfadaki yaz�lar�n se�ilmesini istiyorsan BODY etiketi i�erisine a�a��daki kodlar� yazman yeterlidir.

CODE:

onselectstart="return false"

JavaScript 3*3 l�k iki matris tersini alma

May 29, 2006, 3:26:32 PM

head b�lgesine yap��t�r�lacak b�l�m :

body e yap��t�r�lacak k�s�m:

Matris1:

Matris1 Ters:

Matris2:

Matris2 Ters:

JavaScript 3*3 l�k iki matris toplama

May 12, 2006, 1:24:47 PM

head b�lgesine yap��t�r�lacak k�s�m:
CODE:

body e yap��t�r�lacak k�s�m:

CODE:













  
     Matris1: 


      
















        
           
           
           
        
        
           
           
           
        
        
           
           
           
        
      
    Matris Toplamı:

      
















        
           
           
           
        
        
           
           
           
        
        
           
           
           
        
      
  
  
    Matris2:

Htaccess D�zenlemek

March 12, 2006, 5:27:45 PM

Apache Server'da tek bir text dosyas� ile t�m Web sitenizde de�i�iklikler yapabilirsiniz…
Evet bu marifetli text dosyas�n�n ad� (.htaccess). .htaccess Apache Web sunucular�nda (Yani Apache yaz�l�m�n�n kurulu oldu�u Web sunucular� diyelim) bulunan �ok �nemli bir �zelliktir. Basit�e anlatmak gerekirse, .htaccess dosyas� Apache Web sunucusundaki, servis sa�lay�c�s�n�n default olarak belirlemi� oldu�u server konfig�rasyonlar�ndan baz�lar�n� de�i�tirmenizi sa�lar (Tabi servis sa�lay�c�n�z�n buna izin vermi� olmas� kayd�yla… A�a��daki �rneklerden herhangi birini test ederek bunu anlamak m�mk�n).

.htaccess dosyas� nedir?: .htaccess dosyas�, aynen bu isimle kaydedilmi� bir text dosyas�d�r. .htaccess dosyas�n� herhangi bir text edit�r�n� kullanarak haz�rlay�p Web sunucunuza y�kleyebilirsiniz.

Ancak dikkat ediniz, yapt��n�z en ufak bir kod hatas�, Web sitenizin devre d�� kalmas�na neden olur! Ama hemen korkmay�n, e�er b�yle bir �ey olursa, yaratt��n�z .htaccess dosyas�n� sildi�inizde sorun giderilecektir.
�nemli: Ba�lamadan �nce s�rprizle kar��la�maman�z i�in bir uyar�. Baz� durumlarda .htaccess dosyas�n� silmek istedi�inizde, ftp program�nda bir uyar� mesaj� ��kabilir (Directory Not Empty!) ve dosyay� silemeyebilirsiniz. Bunun ��z�m� de basit… Hemen i�inde hi�bir kod yazmayan bir .htaccess dosyas� yarat�p Web sitenize geri y�kleyin ve sonra bu dosyay� silin, olsun bitsin.

.htacces dosyas�n� nereye y�kleyece�iz?: E�er .htaccess dosyas� ile yapt��n�z de�i�ikli�in t�m Web siteniz i�in ge�erli olmas�n� istiyorsan�z, bu dosyay� Web sitenizin ana dizinine y�klemelisiniz. Yok hay�r, sadece bir klas�r i�indeki dok�manlar� etkilesin diyorsan�z o zaman y�klemeyi ilgili klas�re yapacaks�n�z.
Hokus pokus ba�l�yor! Hata sayfalar�m�z� �zelle�tirelim
Bilirsiniz, ziyaret�iler Web sitenizde bir sayfay� bulamay�nca ya da bir server hatas� olunca kar��m�za (�o�u zaman �ngilizce) bir hata sayfas� ��kar. Bu sayfalar� kendi web sayfan�z�n tasar�m�na uygun olarak �zelle�tirmek istemez misiniz?En s�k kar��la��lan hata mesajlar� 404 Sayfa Bulunamad� ve 500 Server Hatas�'d�r.
�imdi, bir .htaccess dosyas� yarat�p i�ine a�a��daki kodlar� yaz�n:
ErrorDocument 404 /404.html
ErrorDocument 500 /500.html
Sonra 404.html ve 500.html olarak iki tane sayfa haz�rlay�n (i�ine istedi�iniz gibi yaz�lar�n�z� ve tasar�m�n�z� yerle�tirin) ve haz�rlad��n�z t�m dosyalar� sunucunuza y�kleyin. �imdi web sitenizde bir sayfa bulunamad��nda ya da bir hata oldu�unda kar��n�za sizin �zel haz�rlad��n�z sayfalar ��kacak! (html dosyalar�na ba�ka isimler de verebilirsiniz, 404.html ve 500.html yazman�z �art de�il. Ama dosya adlar�n� .htaccess kodunda da de�i�tirmelisiniz.)
Bir sayfay� ba�ka bir sayfaya y�nlendirelim
Diyelim ki Web sitenizdeki bir sayfay� daha �nceden bir�ok insan bookmark etmi� ve s�rekli ziyaret ediyor. Ama siz bu sayfan�n dizinini de�i�tirmek istiyorsunuz ve bunu yapt��n�zda ziyaret�ilerin eski sayfa adresine gitti�inde "Sayfa g�r�nt�lenemiyor!" mesaj�n� almas�n� istemiyorsunuz. Kolay� var, i�te .htaccess kodumuz:
Redirect /eski klas�r/eski.html http://www.sitenizin adresi.com/yeni klas�r/yeni.html
Yukar�daki kodu kendi bilgilerinize g�re �zelle�tirip web sitenize y�kleyin.
Html dosyalar� php kodlar�n� yorumlas�n!
Bildi�iniz gibi php kodlar� ancak .php uzant�l� web sayfalar�nda �al��r. Pekiyi diyelim ki .html uzant�lar�yla 100 sayfal�k bir site yapt�n�z, ve bir g�n sitenizde php kullanmaya karar verdiniz… �imdi b�t�n sayfalar�n uzant�lar�n� ve sayfalar aras�ndaki linkleri t�mden de�i�tirmeniz mi laz�m?? ��phesiz hay�r.
AddType application/x-httpd-php .html
.htaccess dosyas�na yazaca��n�z bu kod sayesinde .html uzant�l� dosyalar�n�z php kodlar�n� sorunsuz olarak �al��t�racakt�r. E�er isterseniz .html yerine ba�ka uzant� da yazabilir ya da birden fazla uzant�ya php kullan�m� i�in izin verebilirsiniz.
AddType application/x-httpd-php .html .htm .txt

Html sayfalar�mda SSI �al��s�n!
SSI (Server Side Include) Apache serverin sundu�u bir ba�ka muhte�em �zelliktir. Bu �zellik sayesinde bir sayfay� bir ba�ka sayfa i�inde tek sat�r kod yazarak g�r�nt�lemek m�mk�nd�r ().
E�er aksini belirtmezseniz bu �zellik sadece .shtml ve .shtm uzant�l� sayfalarda �al��r. Bu �zelli�i normal .html uzant�l� dosyalar�n�zda kullanmak isterseniz…
AddType text/html .shtml
AddHandler server-parsed .html
Options Indexes FollowSymLinks Includes
Kodunu .htaccess dosyan�za yazman�z yeterlidir! �kinci sat�r sonundaki .html sunucuya (.html uzant�l� dosyalarda SSI �zelli�ini kullan) der. �kinci sat�rdaki kodu ba�ka uzant�lar i�inde ekleyerek bu �zelli�i di�er sayfalar�n�za da verebilirsiniz:
AddType text/html .shtml
AddHandler server-parsed .html
AddHandler server-parsed .htm
Options Indexes FollowSymLinks Includes
Ana sayfam�z� de�i�tirelim!
Web taray�c�n�za Web adresinizi yazd��n�zda kar��n�za ilk ��kan sayfa index.htm, index.html, default.htm gibi, sunucu taraf�ndan �nceden tan�mlanm�� default sayfad�r.
Pek iyi diyelim ki sitenizin ana sayfas�nda g�ncelleme yap�yorsunuz ve bu s�re i�inde sitenizi kapatmak istemiyorsunuz. Ne yapacaks�n�z? Efendim? �ndex sayfan�z�n ad�n� m� de�i�tireceksiniz? Yok hi� gerek yok!
DirectoryIndex dosyaad�.html
Bu kodu ziyaret�ilerin sitenize girdi�i zaman ilk g�rmesini istedi�iniz sayfaya g�re de�i�tirin ve siz arka planda rahat rahat �al��n… ��iniz bitince .htaccess dosyas�n� siliverin.
Dizinin g�r�nt�lenmesini engelleyin
Baz� sunucularda e�er bir dizinde bir index sayfas� bulunmuyorsa o dizin i�indeki t�m dosyalar alt alta Web taray�c�s�nda g�r�n�r! Bu �zellikle herkesin eri�mesini istemedi�imiz sayfalar�n bulundu�u (�rne�in �ifrelerimizin yaz�l� oldu�u bir dosya olabilir) dizinlerde b�y�k bir g�venlik a�� yarat�r. Hatayla index sayfas�n� silerseniz, ba��n�za i� a�abilirsiniz. Bu sorunu engellemek i�in, a�a��daki kodu �zelle�tirin ve korumak istedi�iniz dizine y�kleyin:
IndexIgnore *
E�er bu dizinde sadece jpeg ve gif uzant�l� resim dosyalar�n�n g�r�nt�lenmesini istiyorsan�z o zaman;
IndexIgnore *.gif *.jpg
yaz�n (Ayn� formatta istedi�iniz gibi bu sat�ra uzant� ekleyebilirsiniz).
�stemedi�iniz ki�iler sayfan�za girmesin!
Baz� dizinlerinize herkesin ula�mas�n� istemeyebilirsiniz.
order allow,deny
deny from 123.45.6.7
deny from 012.34.5.
allow from all
Bu sat�rlar �u anlama geliyor… Bu dizindeki sayfalara Internete 123.45.6.7 ve 012.34.5. IP numaras� ile ba�lanan ki�iler giremesin, di�er herkes girsin! IP numaralar� superonline, ttn.net gibi bir servis sa�lay�c� ile Internet'e ba�lananlar i�in s�rekli de�i�ir, ancak kendi serverlar�ndan ba�lanan �irketler, ki�iler i�in sabittir. �sterseniz kodu ��yle de yazabilirsiniz:
order allow,deny
deny from .superonline.com
allow from all
Bu �ekilde sitenize superonline �zerinden eri�imi engellemi� olursunuz (bunu neden yapmak gere�i duyaca��n�z� sormay�n, benim i�im kodlar� anlatmak.)
Ya da;
order allow,deny
deny from all
allow from .superonline.com
yazarak sitenize sadece superonline �zerinden eri�im sa�layabilir, di�erlerini bloke edebilirsiniz. Bu, �zellikle sabit IP ile kendi serveri ile �nternete ba�lanan bir �irkette, sadece �al��anlar�n g�rmesi i�in bir dizin yaratmak i�in iyi bir alternatiftir (�rnek: allow from .sirketiniz.com.)
.htaccess ile �ifre ile girilen sayfalar yaratmak, site abone sistemleri yaratmak da m�mk�n. Ancak i�in bu taraf�n� da anlatmak i�in en az bir bu kadar sayfaya daha ihtiyac�m var ve bu say�da maalesef bu kadar yerimiz yok. �sterseniz �imdilik bu �rneklerle .htaccess dosyas� ile tan��p biraz antrenman yapal�m.
Bazen ke�ke hayat�m�z�n i�inde de bir .htaccess dosyas� olsayd� da iki sat�r kod yaz�p her �eyi g�nl�mce de�i�tirseydim diyorum.
Sa�l�kla kal�n. ML

Kaynak: Aycan G�nenc

Javascript Nesne ve �zellikleri

December 29, 2005, 4:45:35 PM

G�n�m�zde bili�im Teknolojileri ile ilgilene hemen herkesin duydu�u bir terim var. Nesneye Y�nelik programlama. Nedir bu Nesneye Y�nelik programlama ? Bu tip programlamada kullan�lan her ��e bir nesne olarak kabul edilir. Bu nesnelerin �zelliklerini kullanarak onlar� de�i�tirerek program yaz�l�r. Javascript'te bu t�r bir programlama dilidir. �rne�in webde s�rf yaparken herkesin kar��s�na ��kan formlar birer nesnedir. Bu nesnelerin tepkiye g�re cevap vermesi gibi �zellikler de onun yani nesnenin �zellikleridir.
�rne�in �imdiye kadar �o�u kez kulland��m�z document.write komutu asl�nda bir nesnenin �zelli�ine at�fta bulunmaktan ba�ka bir �ey de�ildir. Yani document nesnesinin write �zelli�ini kullanarak html sayfam�za yaz� yazd�r�yoruz.

Window Nesnesi

Genel olarak pencere �zellikleri ile ilgili bir nesnedir.

Pencere a�mak ve kapamak

Bir�ok yerde g�rd��n�z pencere a�ma pencerelerin �e�itli �zelliklerini de�i�tirme i�te bu nesne yard�m�yla yap�lmaktad�r.
�imdi bu nesneyi nas�l kontrol edece�iz onu g�relim.

Pencere a�mak i�in :

CODE:

window.open("Url_ad�" , "pencere_ad�" , "pencere_�zellikleri");

Pencere kapatmak i�in :

CODE:

window.close();

Pencere kapatmak i�in window.close() komutu vermek yeterlidir. Burada kapat�lan pencere ona kullan�lmakta olan penceredir.
Gelelim pencere a�ma i�ine. Burada window.open ile pencerenin a��lmak istendi�i belirtilir. Parantez i�erisinde verilenler ise a��lmas� istenen pencerenin �zelliklerini belirtir.

Url_ad� : Buraya yaz�lacak dosya ismi a��lacak pencerenin i�erisinde olacakt�r.

�rnek :

CODE:

window.open("http://www.thecoders.net/index.php")

veya ;

CODE:

window.open("index.html")

Pencere_ad� : Bu a��lacak pencerenin ad�n� belirtir. Birden �ok pencere ile i�lemler yap�yorsan�z hangi pencereye bir komut g�nderdi�inizin belli olmas� i�in gereklidir.

�rnek :

CODE:

Window.open("index.html" , "ana");

Pencere_�zellikleri : Bu �zellikte ad�ndan belli oldu�u �l��de pencerenin �zellikleri ile ilgilidir. Bir pencerenin de�i�tirilebilir �zellikleri �unlard�r :
menubar :
Taray�c�lar�n en �st k�sm�nda bulunan File(Dosya) , Edit(D�zen) vb. men�lerin bulundu�u sat�rd�r.
toolbar :
Taray�c�larda �st k�s�mda Back(Geri) , Forward(�leri) vb. tu�lar�n bulundu�u k�s�md�r.
location :
Taray�c�larda ziyaret etmek istedi�iniz web adresini yazd��n�z k�s�m.
status :
Taray�c�lar�n en alt k�sm�nda hangi dosyan�n y�klendi�i ile ilgili bilgi veren k�s�md�r.
scrollbars :
Sa� tarafta bulunan s�rg� �ubuklar�d�r.
resizable :
Pencerenin boyutlar�n�n kullan�c�ya b�rak�lmas� veya kesin de�erler almas�yla ilgilidir.
width :
A��lacak olan pencerenin piksel cinsinden geni�li�idir.
height :
A��lacak olan pencerenin piksel cinsinden boyudur.
left :
A��lacak olan pencerenin ekran�n sol taraf�ndan ka� piksel uzakl�kta olaca��n� belirler.
Top :
A��lacak olan pencerenin ekran�n �st�nden ka� piksel a�a��da olaca��n� belirler. E�er pencere �zellikleri k�sm�nda de�i�mesini istemedi�iniz bir �zellik varsa onu yazman�za gerek yoktur. Bu de�erler taray�c�n�n banko(default) de�erlerinden al�n�r.
�imdi bir pencere a�al�m. A�t��m�z pencerede dosya,d�zen ve ileri,geri tu� tak�m� olmas�n. Pencerenin boyutlar� 200x300 piksel olsun. Bizi www.thecoders.net adresine g�ndersin.

�imdi buna g�re kodumuz :

CODE:

window.open

("http://www.thecoders.net", "The coders" ," menubar=no, toolbar=no, scrollbars=yes, location=yes, width=200, heigt=300";)

window.location.protocol

Window nesnesinin location.protocol nesnesi ise y�klenen dosyan�n sabit diskten mi yoksa internetten mi y�klendi�ini g�sterir.
http: ile dosyan�n internetten y�klendi�ini belirtir.
file: ile dosyan�n sabit diskten y�klendi�in belirtir.
Mesela ��yle bir �rnekle dosyan�n nerden y�klendi�ini kontrol edelim.

CODE:

if (window.location.protocol == "http:" )

{ document.write ("Bu belge Internet'ten geliyor.") }

else 

{ document.write ("Bu belge sabit diskten geliyor") }

window.history.go

Window'un histrory �zelli�i ile bir �nceki sayfaya eri�im sa�lanabilir. �rne�in kullan�c� herhangi bir formu doldurmad� ve i�lem yap�lamad� bu durumda bir hata mesaj� ile kullan�c�y� uyard�ktan sonra history nesnenisin kullanarak bir �nceki sayfaya kullan�c�y� g�nderebilirsiniz. Bunun i�in gerekli kod yaz�m� �u �ekildedir.

CODE:

Window.history.go(-1)

Bir �nceki sayfaya -1 ile ula�abilirsiniz. Bu de�eri artt�rarak daha �nceki sayfalara da ula�abilirsiniz.

Status Bar kullan�m�

Status bar window nesnesinde belirtti�imiz gibi taray�c�lar�n en alt k�sm�nda yer alan hangi dosyaya gidilece�i veya y�klendi�i ile ilgili bilgi veren k�s�md�r.
Status bar� de�i�tirmek i�in �u kodlar� yazmal�y�z.

CODE:

window.status="The Coders'dan Merhaba !";

Bu �ekilde kulland��m�z bir status kodu ile sayfa a��k kald�� s�rece Webteknikleri'nden Merhaba ! yaz�s� kar��m�zda olacakt�r.

Taray�c� Nesnesi

Taray�c�lar Javascript taraf�ndan bir nesne olarak alg�lan�r. Bu nesnenin �zelliklerini ��yle s�ralayabilir.

appname Taray�c� ad�
appVersion Taray�c�n�n Versionu
appCodeName Taray�c�n�n kod ad�
userAgent Taray�c�n�n anamakinaya(server) kendini tan�t�rken verdi�i isim

CODE:



Taray�c� �zellikleri

�er�eve (Frame) Nesnesi
�er�eve tekni�i bir web sayfas� �zerinde birden fazla web sayfas� g�r�nt�lenmek istendi�inde kullan�l�r. Daha ayr�nt�l� bilgi i�in HTML adl� b�l�m�m�ze bak�n�z.
Javascript a��s�ndan her bir �er�eve bir pencere say�l�r. Bunlar�n i�eri�ini kontrol etmek i�in belli komut stilleri vard�r.
�imdi onlar� g�relim :

Top : En �st pencere (Yani taray�c�n�n kendisi)
Parent : Herhangi bir �er�eveyi olu�turan d�zenleyici b�l�m
Self : �er�evenin kendisi

Javascript �er�eve d�zenleyici(FrameSet)leri i�erisindeki di�er alt �er�eveleri 0 'dan ba�layarak numaralar. Bu numaralar yard�m�yla �er�eve �zelliklerini de�i�tirebiliriz. �rne�in iki tane �er�eveye sahip bir sayfada birinci �er�eve parent.frames[0] di�eri ise parent.frames[1] olarak adland�r�l�r. �rne�ini verdi�imiz gibi iki �er�eveli bir web sayfam�z oldu�unu varsayal�m.
Ana sayfam�z ki bu sayfa taray�c�ya sayfan�n iki html sayfas�nda olu�tu�unu s�yleyen , �er�eve d�zenleyicisinin oldu�u sayfan�n kodlar� �u �ekilde olsun. ! Uyar� : Bu sayfay� frame.html olarak kaydedin.

CODE:



Frame (Cerceve)

Bu sayfay� sol.html olarak kaydedin.

CODE:



Sol Frame

Bu sayfay� sag.html olarak kaydedin.

CODE:



Sag Frame

Form Nesnesi
Javascript a��s�ndan Html'in en �nemli nesneleri Formlard�r. ��nk� ziyaret�i ile etkile�mede en b�y�k unsurlardan birisi Formlard�r. Html kendi form nesnesini kendisi olu�turabilir. Bu bak�mdan Javascript'e d��en bir g�re yoktur. Javascript form verilerinin yorumlanmas� ve i�lenmesinde devreye girer. �imdi form unsurlar�n� tan�yal�m :

Name : Formun ismi
Action : Formun i�lenece�i per l veya cgi program�n�n tan�mlanaca�� etiket
Enctype : Formun kodlanma t�r�
Method : Formun g�nderme(post) mi yoksa alma(get) i�lemi g�rece�ini belirler.
Target : Pencere ismi
OnSubmit : G�nderme metodunun ismi
Bunlardan yararlanarak bir form nesnesinin kodunu yazal�m.

CODE:



Form unsurlar�

�imdi biz bu kodda "Form Unsurlar�" diye bir �eyden s�z ettik. Bu form unsurlar� ziyaret�iden nas�l bilgi al�naca��n� belirleyen unsurlard�r. Bunlar bir metin alan� veya a�a�� d��meli bir men� olabilir. Form etiketi i�erisindeki t�m unsurlar element adl� dizi-de�i�ken i�erisine yaz�l�rlar ve form unsurlar� kullan�l�rken bu tip bir at�fta bulunman�z gerekir.

Text Alan�
Text alan� form unsurlar�n�n en �nemlilerindendir. Ziyaret�ilerden bilgi almak amac�yla kullan�l�r. Kullan�m� �u �ekildedir.

CODE:

�eklinde kullan�l�r. Bu nesnenin kullan�lan etiketleri :

Name : text alan�n�n ismi
Size : text alan�n�n web sayfas�nda g�r�lecek k�sm�n�n b�y�kl��
Maxlenght : text alan�na en fazla ka� karakter girilebilece�ini belirler.
��te bir tam te�ekk�l� text alan� :

CODE:

Buraya kadar i�imiz Html ile hallettik. �imdi bu form nesnesinin �zelliklerini Javascript arac�l��yla nas�l de�i�tirilebilece�ini g�relim. document.form_ismi.elements[numara]. de�i�tirilmek_istenen �zellik.
numara : de�i�tirilmek istenen eleman�n numaras�d�r. De�i�tirilmek istenen �zellikler �unlar olabilir.
value : i�erisindeki de�er
lenght nesnenin uzunlu�u
name : ismi

�imdi bir �rnek verelim.(bu �rnek bir �nceki form i�indir)

CODE:

document.mail.elements[0].lenght=20

�ifre Alan�[b]

Bu alanlar �ifreli bilgi almak i�in kullan�l�r. Bu alana bir bilgi girildi�inde karakterler g�z�kmez onun yerine asteriks * i�areti g�r�l�r.

[b] Bir �rnek :

CODE:

Bu t�r form unsurlar�na eri�imde text alan� gibi ayn� �ekildedir.

Butonlar

Form unsuru olarak iki t�r buton vard�r. Bunlar form unsurlar�n� form g�revine g�re g�ndermeye veya almaya y�nelik G�nder (Submit) d��mesi bir di�eri ise Form unsurlar�n�n t�m�n�n ilk halini almas�n� sa�layan Sil (Reset) d��mesidir. �imdi bunlar�n nas�l kullan�ld�klar�n� g�relim.

CODE:

Radyo (Radio) D��meleri
Bu t�r d��melerin en b�y�k �zelli�i radyo d��meleri gibi olmas�d�r. Yani herhangi bir men� �zerinde sadece bir se�im yapt�rmak istiyorsan�z bu t�r form ��elerini kullan�rs�n�z. �imdi bunun ile ilgili bir �rnek yapal�m.

CODE:





Radio







   

Microsoft


Borland


Adobe


Copmaq

Explorer ve Netscape'in Farklar�

December 29, 2005, 12:35:16 PM

Giri� k�sm�nda belirtti�imiz gibi Javascript kodlar�nda MSIE (Microsoft Internet Explorer) ve NN (Netscape Navigator) y�n�nden farkl�l�k vard�r. Bu taray�c�n�n html d�k�man� nas�l modelledi�ine ba�l�d�r. Taray�c�n�n nesne d�k�man modeli, bir Html sayfas�ndaki �e�itli elemanlar�n taray�c� taraf�ndan nas�l alg�lan�p yorumland�� ile ilgilidir. Javascript ger�ekte W3C (Web tekniklerinin standartlar�n� belirleyen kurum www.w3c.org) konsorsiyumu taraf�ndan belirlenen kodlardan olu�mam��t�r. Taray�c� �reten firmalar bu konular� kendilerince yorumlay�p taray�c�lar�na yerle�tirmi�lerdir. Yani kendi nesne d�k�man modellerini olu�turmu�lard�r.
Biz bu k�s�mda her iki taray�c�n�nda nesne d�k�man modelini incelemeyece�iz. Bize gerekli olan k�sm�n� ��renece�iz. �imdi taray�c� fark�n�n nas�l ay�rt edilebilece�ini g�relim.

CODE:

ie4 = (document.all) ? true : false ;

nn4 = (document.style) ? true : false ;

Biz bu iki sat�rla bir �nceki ders olan de�i�kenler ve mant�ksal operat�rler yard�m�yla iki taray�c�y� da kontrol alt�na ald�k. Bir di�er �rnekle yap�y� peki�tirelim.

CODE:

�imdi bu kodlar� inceleyelim. De�i�ken tan�mlama k�sm�n�n anla��ld��n� varsayarak ge�iyorum. Anlamad��n�z bir k�s�m varsa 1. De�i�kenler k�sm�na tekrar geri d�n�n.

If (ie4) ve if (nn4)

Burada ileriki derslerde ��renece�imiz ko�ul ifadesini kullan�yoruz. Bu kodlar� Javascript'in anlay�� tarz� �u �ekilde olacakt�r. E�er nn4 , ie4 de�i�kenlerinden do�ru olan� ie4 ise -ki bunu true ve false de�erlerinden alg�lar- alt sat�ra ge�ip ona uygun kodu uygulayacakt�r. �ayet ie4=false yani nn4=true ise di�er if ko�ulu yorumlanarak i�leme konulacakt�r. Bu da nn4 i�in gerekli kodun �al��t�r�lmas� demektir.
�imdi bu kodun tamam�n� vererek dersi bitirelim.

CODE:





Taray�c� kontrol�

Bu kodlar� herhangi bir edit�r (NotePad gibi) yard�m�yla yaz�p tara.htm uzant�l� olarak kaydedin.

CODE:





MSIE taray�c� kullan�yorsunuz





Taray�c�n�z Internet Explorer

Bu kodu ie.htm olarak kaydedin.
CODE:





Netscpae taray�c� kullan�yorsunuz





Taray�c�n�z Netscape Navigator

Bu kodu nn.htm olarak kaydedin.
�nemli!:Bu �� Html dosyas�n�nda ayn� klas�r de olmas� gereklidir.
Tara.htm adl� dosyada anlamad��n�z kodlar oldu�unu g�r�yorsunuz. �imdilik bu kodlar� anlaman�z gerekli de�il. Yeri geldik�e bu kodlar�n nerede ve nas�l kullan�laca��n� g�rece�iz

JavaScript ile DHTML

December 26, 2005, 7:24:18 PM

Bu k�s�mda Javascript ile Katman(layer) �zelliklerinin nas�l de�i�tirilebilece�ini g�rece�iz. Javascript bize Html sayfam�z� olu�turan �nemli unsurlardan biri olan layer(katman) lar�n t�m �zelliklerini de�i�tirmemize olanak sa�lar. Ayr�ca hemen her yerde g�rd��n�z resim de�i�tirme tekni�ini de g�rece�iz.

Katman �zelliklerini De�i�tirme

��e katman nedir sorusuyla ba�layal�m. Katman ad� �zerinde sayfam�z�n �zerinde ne sayfadan ba��ms�z ne de her y�n�yle sayfam�za ba�l� bir unsurdur. Katman kullanarak istedi�imiz herhangi bir yap�y� (yaz�,resim,video,form) sayfam�z�n istedi�imiz yerine koordinatlar� vermek ko�ulu ile yerle�tirebiliriz. Zaten katman�n kullan�m alan� en �ok budur. �imdi bir katman olu�tural�m ve de�i�tirilebilir �zelliklerini g�relim.

CODE:



Layer





Su anda bir katman(layer)in icerisindeyim

Layer olu�turmak istedi�inizde

etiketi ile ba�lar

etiketi ile kodunuz tamamlars�n�z. �imdi katman �zelliklerine ge�elim :

id : Katman�n ismi
style : Katman�n �zelliklerini belirtmek i�in
absolute : Katman�n koordinatlar�n�n kesin olaca��n� belirler
left : Katman�n soldan ka� piksel sonra ba�layaca��n� belirler
top : Katman�n �stten ka� piksel sonra ba�layaca��n� belirler
width : Katman�n ka� piksel geni�li�inde olaca��n� belirler
height : Katman�n ka� piksel boyunda olaca��n� belirler
visibility : Katman�n g�r�n�r m� g�r�nmez mi olaca��n� belirler

�imdi de Javascript komutlar�yla bu �zelliklerin nas�l de�i�tirildi�ini g�relim.
Fakat burada kar��m�za bir sorun ��kmakta. Internet Explorer ve Netscape taray�c�lar�n�n dok�man nesne modelleri farkl� oldu�undan katmana ula�ma teknikleri de farkl�d�r. Internet Explorer kod tekni�i katman_ad�.style.de�i�tirilmesi_istenen_�zellik=yeni_de�er;

�rnek :

CODE:

deneme.style.left=50px;

Netscape Navigator kod tekni�i

document.katman_ad�.de�i�tirilmesi_istenen_�zellik=yeni_de�er;

�rnek :

CODE:

document.deneme.left=50px;

�imdi bir �rnekle bir katman�n yerinin nas�l de�i�tirilebilece�ini g�relim.

CODE:

Katman

Bu katmanin yeri degisecek

Buray� t�klay�n ve katman�n�z 100x100'e gitsin

Burayi t�klay�n ve katman�n�z 300x300' gitsin

Buradaki �rnekte oldu�u gibi sizde katman�n di�er �zelliklerini (width,height) de�i�tirebilirsiniz. Fakat g�r�nebilirlik �zelli�i i�in �zel bir durum vard�r. Katman �zelliklerine eri�imde oldu�u gibi bu �zellikte de Internet Explorer ve Netscape Navigator farkl�l�klar� vard�r.
Internet Expolorer i�in G�r�nebilirlik �zelli�i Katman� g�r�nebilir k�lmak i�in:

katman_ad�.style.visibility="visible"

Katman� gizleyebilmek i�in. katman_ad�.style.visibility="hidden"
Netscape Navigator i�in G�r�nebilirlik �zelli�i Katman� g�r�nebilir k�lmak i�in: document.katman_ad�.visibility="show"
Katman� gizleyebilmek i�in. document.katman_ad�.visibility="hide"
�imdi de bununla ilgili bir �rnek yapal�m.

CODE:

Katman

Bu katmanin tikladiginizda yok olacak

Burayi tiklayin ve katmaniniz yok olsun

Burayi tiklayin ve katmaniniz geri gelsin

Sizde bu t�klama �zelliklerin de�il de onMouseOver ve onMouseOut olay y�nlendiricilerini kullanarak �ok daha g�zel �eyler �retebilirsiniz.

JavaScript | Olaylar (event)

December 22, 2005, 6:34:27 PM

Ziyaret�iye sunulan bir web sayfas� �zerinde ziyaret�inin yapt�� her t�r hareket bir ba�lant�y� t�klamas� , bir resmin �zerine gelmesi , resmin �zerinde ayr�lmas� , bir formu yanl�� doldurup hataya yol a�mas� hep bir olayd�r.
�imdi bu olaylar� inceleyelim.

onClick

Web sayfas� �zerinde bir nesnenin mosue ile �zerine t�klanmas� sonucu onClick olay� ger�ekle�ir. Olay�n ger�ekle�mesi i�in mouse'un nesneyi t�klay�p b�rakmas� gereklidir. Yani mouse'un t��na bas�ld��nda onClik olay� ger�ekle�mi� olmaz. onClick olay� tu�a bas�l�p b�rak�ld�ktan sonra ger�ekle�ir. Ba�lant�lar,resimler,form d��meleri t�klanabilecek nesneler aras�ndad�r.
OnClick y�nlendiricisine bu durumda ne yapaca��n� Html etiketleri aras�nda bildirmeniz gerekir. �imdi bunu bir �rnekle a��klayal�m.

CODE:



onClick

Burada yapt��m�z i�lem html etiketleri aras�nda yer verdi�imiz bir butona t�klama (onClick) ile ne yapaca��n� merhaba fonksiyonuna git diyoruz. Fonksiyonda ekrana bir uyar� ile beni t�klad�n�z diye bir uyar� mesaj� ge�iyor.
�imdi burada alert nesnesini de g�rm�� olduk. Alert nesnesi ziyaret�iye herhangi bir durumda uyar� vermek amac�yla kullan�l�r. G�r�ld�� zere parantez i�erisinde �ift t�rnak i�ine uyar� yaz�s� yaz�l�r.
OnDblClick olay� da onClick olay� ile yap� olarak ayn�d�r. onClick'ten fark� nesneye �ift t�kland��nda �al��mas�d�r. Di�er y�ntemler onClick ile ayn�d�r.

onMouseOver , onMouseOut
Bu t�r nesne olaylar� ingilizce ad� (onMouseOver = mouse i�aret�isi(imle�) �zerindeyken , onMouseOut = mouse i�aret�isi �zerinden ayr�ld��nda) �zerinde olmakla birlikte mouse-un nesnenin �zerinde olup olmad�� ile ilgilenir.

Bir �rnek ile a��klayal�m :

CODE:

 

onMouseOver ve onMouseOut 





 Webteknikleri.com

onMouseOver ve onMouseOut metodu ile ilgili g�zel bir �rnek daha :

CODE:

OnMouseOver

Altavista

Yahoo

Hotbot

onSubmit
Web-de s�rf yaparken �o�unlukla kar��m�za ��kan formlar biz doldurduktan sonra sayfan�n ba�l� bulundu�u server (ana makine) ya g�nderilir. Fakat biz bu onSubmit olay� ile form g�nderilmeden �nce formun d�zg�n doldurulup doldurulmad��n� kontrol edebiliriz.
Bunu �rnek bir kod ile a��klayal�m. Html sayfam�zda body etiketleri aras�nda doldurulmas�n� istedi�imiz bir form var ve ona ili�kin kod ba�lang�c� ise ��yle :

CODE:

Bu sat�r ile formun g�nderilmesiyle (onSubmit) dogrula fonksiyonunu �a��r�yoruz.
dogrula fonksiyonuda �u �ekilde olabilir.(Bu fonksiyon head etiketleri aras�nda olan script etiketleri aras�nda olmal�d�r.)

CODE:

function dogrula()

{ confirm ("Formu d�zg�n doldurduysan�z OK'i t�klay�n�z');  }

Bu fonksiyonda kulland��m�z confirm nesnesi ile kullan�c�ya OK ve Cancel tu�lar� ile emin misin ? G�nderiyorum denilmektedir.

onReset
Bu olay ile web sayfan�zda bulunan formdaki yazd�klar�n�z�n tamamen silinir. Yani yazd��n�z�n yanl�� oldu�unu farkettiniz bu durumda Sil (Reset) tu�unu t�klars�n�z ve size bo� bir form gelir. Yaln�z burada bir�eyi belirtmek isterim. Reset(Sil) tu�una t�klad�ktan sonra taray�c�n�n back(geri) d��mesini t�klad��n�zda formunuzda yazd�klar�n�z tekrar geri gelmez. Fakat siz onReset olay� ile bu durum i�in son bir ziyaret�iye se�enek sunabilirsiniz.
Bunun ile ilgili bir �rnek yapal�m :

CODE:



onReset

onChange
Web sayfas� �zerinde ziyaret�inin de�i�tirebilece�i �� t�r alan vard�r. Bunlar text (metin) textarea (geni� metin alan�) select (se�im alan�) d�r. Mouse u bu alanlar �zerine getirip t�klad��n�zda onChange(de�i�ti) olay�n� ger�ekle�tirmi� olursunuz. �imdi bunu select y�ntemi ile nas�l oldu�unu g�relim. �rne�imizde a�a�� d��meli bir men� tasarlayaca��z ve �e�ili durumda olan web sayfas�na g�nderme yapaca��z.

CODE:



OnChange

onLoad , onUnLoad
Bu olaylar bize sayfan�n y�klenmeye ba�lamas�nda (onLoad) sayfadan ayr�l�ncaya (onUnLoad) kadar olan yap�lacak i�lemler i�in gereklidir. Bir Javascript fonksiyonun web sayfas� y�klenmeye ba�lad��nda otomatik olarak �al��mas�n� istiyorsak onLoad olay�n� kullan�r�z. Eski DOS'�ular bilirler Autoexec.bat dosyas� nas�l makine a��ld��nda yap�lmak istenenleri yap�yorsa onLoad olay�nda da sayfa y�klenmeye ba�lad��nda nelerin otomatik olarak ba�lat�laca��n� belirleyebiliriz. Mesela sayfa y�klenmeye ba�lad��nda (onLoad) ziyaret�iye Web sitemiz ho� geldiniz diyebiliriz. Sayfadan ayr�ld��nda (onUnLoad) ise �yi s�rfler diyebiliriz. �rnek kodlara ge�meden �nce �unu belirtmekte yarar var. Bildi�iniz �zere web sayfas� kod a��s�nda iki k�s�ma ayr�l�r. Bunlar head ve body k�sm�d�r. Taray�c� a��s�nda body k�sm� as�l k�s�md�r. Head k�sm�nda sayan�n nas�l g�r�nt�lenece�i gibi b�l�mler yer al�r. Bu y�zden onLoad ve onUnload k�sm� body etiketleri aras�nda yer al�r.
�imdide bunun i�in gerekli kodlara bir g�z atal�m.

CODE:





onLoad onUnLoad

JavaScript | Fonksiyon Kavram�

December 17, 2005, 11:33:52 PM

�o�u zaman Javascript kodunuzda bir i�lemin birden fazla yap�lmas� gerekebilir. Hatta kimi zaman Javascript'e bir i�lem yapt�rmadan �nce ba�ka bir i�lemi yapt�rmak istenebilir.
��te bu t�r tekrarlanan i�in yap�lmas� i�in gerekli i�lem ve komut gruplar�na Fonksiyon ad� verilir. Fonksiyonlar genelde , filanca isimli gruptaki i�lemleri yap oradan bir de�er al bunu filanca isimli gruba g�t�r gibi i�lemler i�in kullan�l�r. Bu t�r komut sistemleri Javascript'te en �ok kullan�lan komut t�rlerindendir. Fonksiyonun yaz�m kurallar� �u �ekildedir :

CODE:

function fonksiyon_ismi (parametre1 , parametre2 , .... )

{ yap�lmas� istenen i�lemler }

Fonksiyona De�er G�nderme ve De�er Alma
Bir fonksiyonun Javascript i�erisindeki ilk �nemli g�revi di�er fonksiyonlardan veya herhangi bir yerden bir de�er al�p onu kendi i�erisinde i�letip sonra istenilen fonksiyona veya yere g�ndermektir.
Mesela herhangi bir muhasebe i�leminin yap�l�p bize geri g�nderilmesini istedi�imiz d��nelim. Genel yap� olarak kodumuz �u �ekilde olacakt�r.
Veri1 ve Veri2'nin i�leme konulaca�� fonksiyonlar�n tan�mlanmas�
Veri1'in al�nmas�
Veri2'in al�nmas�
Veri1'in fonksiyona g�nderilmesi
Veri2'nin fonksiyona g�nderilmesi
Al�nan verilerin ekrana yazd�r�lmas�
�imdi bu genel kodu Javascript'te nas�l yapaca��m�z� g�relim :

CODE:

Burada yapt�klar�m�z� inceleyim.
�lk sat�rlar�n function tan�mlama oldu�unu g�r�yorsunuz. Burada veri1 , veri2 adl� iki tane fonksiyonu tan�mlad�k. Di�er sat�rlarda prompt komutu ile klavyeden bilgi giri�i sa�lad�k. Daha sonra bu verileri fonksiyonlara g�ndererek istedi�imiz i�lemi yapt�rd�k ve daha sonrada bunu return y�ntemiyle geri ald�k. Bu k�sma kadar yapt��m�z fonksiyona bir de�er g�ndermekti.
Yeniden bir bak��.veri1(data1) komutuyla prompt yoluyla ald��m�z data1 de�i�kenini veri1 adl� fonksiyona g�nderdik. Yani function veri1(ilkveri) �eklindeki fonksiyona biz data1 de�i�kenin g�nderdik. Fonksiyon bu de�eri yani data1 de�i�kenin ald��nda otomatik olarak ilkveri de�i�kenine atad�. B�ylelikle ilkveri=data1 oldu. Daha sonra istenilen i�lemler yap�ld�. Ve ard�ndan return ilktoplam de�eri geri g�nderildi. Bu de�er daha sonra ekrana yazd�r�ld�. Di�er veri2 adl� de�i�ken i�in de ayn� t�r bir i�lem s�zkonusudur.

JavaScript | D�ng� Yap�lar�

December 13, 2005, 10:53:26 PM

for D�ng� yap�s�

Javascript'te di�er programlama dillerinde oldu�u gibi istedi�iniz i�lemi 2 veya daha fazla kez yapt�rmak i�in belli program kodlar� mevcuttur. Bu di�er dillere �ok benzer olan for d�ng� komutudur. Bu komutun yapt�� i�lem , istenilen fonksiyon veya fonksiyon par�alar�n� istenilen de�erde tekrar etmektir. �imdi ayr�nt�lara ge�elim.

CODE:

for ( de�i�ken_ba�lang��_de�erler1 , de�i�ken_ba�lang��_de�eri2 ; d�ng� say�s� ; de�i�ecek_de�i�ken_ad�_ve_t�r� ) 

{ yap�lmas� istenen i�lemler }

Burada parantezler i�erisinde verilen de�i�ken_ba�lang��_de�erler k�sm� ve de�i�ecek_de�i�ken_ad�_ve_t�r� k�sm�n� yazman�z gerekmez. D�ng� i�erisinde kullan�lan de�i�ken daha sonrada istenilen �ekilde artt�r�labilir veya azalt�labilir. Yap� g�z�n�z� korkutmas�n hemen bir �rnekle daha iyi anlayal�m.

CODE:

for (a=0 , b=0 ; c<=3 ; c++)

{ yap�lmas� istenen i�lemler }

for ifadesi i�in k�sa yaz�l�m :

var a,b=0;

for (;c<=3;c++)

{ yap�lmas� istenen i�lemler   }

�imdi bunu tam bir �rnekle dahada peki�tirelim.
Varsal�m ki elimizde bir �arp�m tablosu yapmak istiyoruz. Buna g�re 5 say�s� i�in 1'den 10'a kadar say�lar� bir tablo i�erisinde verece�iz. �imdi bu durumda for d�ng�s�z 10 adet tablo yazmam�z gerekecekti fakat biz for d�ng�s� ile i�lemi 1 sat�ra indirgeyece�iz.

CODE:





for d�ng�s�

Burada g�rd��n�z gibi i�lem tek bir sat�ra ingirdendi.
�imdide for d�ng�s�n�n yapmak istedi�imiz i�lemlerde yetersiz kald�� durumlarda kullanabilece�imiz yap�lar� g�relim.

�artl� d�ng� yap�s� while

Javascript kodu yazarken -programda bir �nceki �rnekte oldu�u gibi- saya� de�i�keninin her de�eri i�in istedi�iniz i�lemi yapmas�n� istemeyebilirsiniz. Bunun i�in while komutunu kullan�rs�n�z ki bu Javascript'e "�stedi�im i�i �u �art sa�lan�yorsa yap !" demi� olursunuz.
While d�ng�s�nde for d�ng�s�nden farkl� olarak d�ng� i�erisindeki de�i�kenlerin tan�mlanmas� gerekir. �imdi yaz�m kurallar�na bir g�z atal�m.

CODE:

while ( d�ng� �art� ) { �art do�ruysa yap�lacak i�lemler}

�art do�ru de�ilse yap�lacak i�lemler

Do .. while yap�s�

Do ... while yap�s� genel olarak bir d�ng�n�n yap�s�n� e�er �art do�ruysa tekrar et manas�ndad�r. Yani do ile ba�lang��ta hi�bir ko�ul olmadan i�lem yap�l�r. Daha sonra while �art� do�ru ise tekrar do yap�s�nda geri d�n�l�r. Bunu bir �rnek ile a��klamak gerekirse ;
�rne�in bir ticari siteniz var. �nsanlar sizden gelip istedikleri �r�nleri sat�n al�yorlar. Bir �r�n i�in sipari�lerini verdiler ve bizde bunun kar��l�� olarak �cret + kargo + kdv miktar�n� hesaplad�k ve m��terimize dedik ki istedi�iniz �r�n �u fiyata �u g�n elinizde olur. Bu hesaplamalar�n hepsini do yap�s� ile yap dedik. Ve sonra sorduk daha ba�ka �r�nlerde almak istiyor musunuz ? ��te bu da while yap�s� ile sorulur. �ayet cevap evet ise do yap�s� tekrarlan�r de�ilse do d�ng� yap�s�nda ��k�l�r.
Bu t�r bir �rnek yapal�m ;
Bizim kitap , cd ve kaset satt��m�z varsayal�m. Bizden de 2 kitap ve 3 cd ald��n� varsayarsak

CODE:

var kitap=2000000; var cd=3000000; var kaset=1500000;

do {

var kitapistek =prompt ("Ka� tane kitap almak istiyorsunuz ?" , "l�tfen rakam giriniz");

var cdistek= prompt ("Ka� tane cd almak istiyorsunuz ?" , "l�tfen rakam giriniz");

var kasetistek= prompt ("Ka� tane kaset almak istiyorsunuz ?" , "l�tfen rakam giriniz");

var kitaptutar=kitapistek*2000000;

var cdtutar=cdistek*3000000;

var kasettutar=kasetistek*1500000;

var toplamtutar = kitaptutar+cdtutar+kasettutar;

document.write (kitapistek ," tane kitap ", cdistek ," tane cd " , kasetistek , " tane kaset sipari�iniz al�nm��t�r ", "
");

document.write ("
" , "Ald���n�z �r�nlerin toplam tutar� = " ,toplamtutar);

var istek =prompt("Ba�ka �r�nlerde sat�n almak istiyor musunuz ?", "e veya h giriniz"); }

while (istek !="h")

document.write ("
" ,"Bizden al��veri� yapt���n�z i�in te�ekk�rler")

Break ve Continue �fadeleri

While komutu ile �art� belirledikten sonra yap�lan i�lemin kesilmesi veya devam etmesi otomatik hale gelmektedir. For d�ng�s� i�erisinde de bu t�r bir olay� break ve contine ifadeleri ile ger�ekle�tiririz.
Javascript break ifadesini g�rd�� anda d�ng� i�lemini keser ve bir sonraki komut sat�r�n� i�leme koyar. Continue ifadesinde ise d�ng� break ifadesindeki gibi kesilir fakat i�leme konulan sat�r bir sonraki sat�r de�ildir. Continue'de d�ng� ba��na d�n�l�r.
Bir �rnek verelim ;

CODE:

for ()

{i�lem1; i�lem2; break; } 

Burada i�lem2 ile verilen k�s�mda �rnek olarak bir sorgu yap�labilir. Sorgu do�ru ise break ifadesine gelinir ve burada d�ng� kesilir. 

for ()

{ i�lem1; i�lem2; continue;}

Burada yine i�lem2 ile sorgu yap�l�rsa contine ifadesi ile d�ng�n�n devam� s�rd�r�l�r.
�nemli : Break ve Continue ifadeleri her komutu kesmek veya devam ettirmek i�in kullan�lamaz. Mesela bir if (E�er) ifadesi �art do�ru de�ilse break ile kes denilemez. Sadece d�ng� i�erisinde d�ng�n�n kesilmesi veya devam ettirilmesi i�in kullan�labilir.

Switch-Case �fadesi

Bu ifade genel olarak men� kullan�m�nda veya sorgu i�lemlerinde i�e yarar. Swicht ile ifade al�n�r case ifadesi ile i�lemler sorgulanarak yap�l�r. Yaz�m kurallar�na bir g�z atal�m.

CODE:

switch (parametreler)

{ case "ifade1" :

case "ifade2" :

... }

Bir �rnek verelim. Burada web sayfam�zdaki herhangi bir i�lemde ��k�p ��kmak isteyip istemedi�i soruluyor. Cevap evet ise i�lem istenilen y�nde y�nlendiriliyor. Cevap hay�r ise d�ng�den ��k�lmaktad�r. Burada kendimizi ziyaret�inin klavyesinde Caps Lock tu�una bas�l� olup olmad��n� �nemsemiyoruz. ��nk� ko�ul ifademizi hem k��k harf hem de b�y�k harfe g�re yaz�yoruz.

CODE:

var sec;

sec = prompt ("��kmak istiyor musunuz " ,"Evet i�in E veya e , Hay�r i�in H veya h giriniz")

switch (sec)

{ case "e" : case "E" :

document.write ("Tekrar ho�geldiniz")

//yap�lmas� istenen i�lemler

case "h": case "H" :

document.write ("Bizi tercih etti�iniz �in te�ekk�rler")

break //��k�lmas� istendi�i i�in d�ng�y� kesmek i�in break komutunu kullan�yoruz.

JavaScript | Ko�ul (Condition) Yap�lar�

December 12, 2005, 3:46:31 PM

Bu dersimizde Javascript'in en �nemli �zelliklerinden birine de�inece�iz. Asl�nda bu konu sadece Javascript'in de�il bilgisayar�n da en �nemli konusudur. Bilgisayar� bilgisayar yapan konu budur. ��nk� hi�bir bilgisayar kendi kafas�na g�re yorum yapamaz. Bizim verdi�imiz belli k�staslar� g�z �n�nde bulundurarak se�im yapar o kadar. �imdi konunun inceliklerine bir g�z atal�m.

If (E�er)

Javascript'te �o�u dilde oldu�u gibi ko�ul yap�s�n�n kodu If (e�er) komutudur. Yaz�l�m �ekli ise �u �ekildedir.

CODE:

If (a==b) 

//ko�ul do�ru ise ilk sat�r i�leme konulur

// ko�ul do�ru de�ilse ilk sat�r�n alt�ndaki komut sat�r� i�leme konulur.

�imdi kodumuzu biraz inceleyelim :
Ko�ul komutu yani if ile i�leme ba�l�yoruz. Daha sonra kar��la�t�r�lacak de�i�kenler veya ba�ka nesneler parantez i�erisinde sorgulan�yor. Dikkat ederseniz �ift e�ittir kulland�k. ��nk� tek e�ittir i�areti de�er atama i�lemidir. �ift de�i�ken ile ko�ul yap�s� sa�lan�r. E�er ko�ul do�ruysa hemen alt�ndaki sat�r i�leme konulur. E�er ko�ul yanl�� ise ikinci sat�r i�leme konulur. Yok ben ko�ul do�ru ise 2 ve daha �ok i�lem yapt�rmak istiyorsan�z bunun cevab� yap�lmas� istenen i�lemlerin { } aras�nda yer almas�d�r. Yani :

CODE:

If (a==b)

{ 

// 1.i�lem

//2. ��lem

...

...

}

Hat�rlarsan�z If ko�ul ifadesini 2. dersimizde taray�c� y�nlendirirken kulland�k.

If .. Else (E�er ... De�ilse)

Bu b�l�mde ise If ko�ul ifademize Else komutunu ekleyerek ko�ul yap�m�z� g��lendiriyoruz. �imdi bu ne demek. Hemen bir �rnekle a��klayal�m.

CODE:

If ( a==b )

{

// �unlar� �unlar� yap

}

else

{

//de�ilse �unlar� yap

}

Yani �rnekten de anla��ld�� gibi if ko�ulu ile a ile b nin e�itli�i kar��la�t�r�l�yor. E�er do�ruysa hemen alt�ndaki k�s�m i�leme konuluyor. Else ile yok de�ilse alt�ndaki k�sm� i�leme koy diyoruz. �imdi diyeceksiniz ki bir �ncekinden ne fark� var. Bu haliyle hi�bir fark� yok. Fakat �u �rne�e beraberce bir bakal�m.

CODE:

If (a==b)

{

//�unlar� yap

}

if (a==c)

{

//�unlar� yap

}

else 

{

//�unlar� yap

}

�imdi bu kodda Javascript'e ne yapmas�n� s�yledik. a de�i�keni b de�i�kenine e�itse normal olarak alt sat�r� i�leme koy. E�er bu kar��la�t�rma yanl�� ise alt�ndaki i�lemleri ge�erek a'n�n c'ye e�itli�i kontrol edilecek. Bu da de�ilse (else) alt sat�rdaki i�lemleri devreye koy.
Else yap�s� genel olarak bir kar��la�t�rma sonucunda cevap yanl�� ise di�er b�t�n durumlarda �u i�i yap manas�nda kullan�l�r.

Dersi tam bir Javascript �rne�i ile bitirelim:

CODE:





Ko�ul yap�lar�

JavaScript | Prompt() ve Write()

December 10, 2005, 9:43:53 PM

Bu dersimizde Html �zerinden klavye arac�l�� ile ziyaret�iden bilgi almas�n� ve herhangi bir de�i�ken vb. T�rde yaz�lar�n html e nas�l yazd�r�laca��n� g�rece�iz.

Prompt ()

Hemen ba�layal�m. Ziyaret�iden bilgi alma iki t�r JavaScript komutuyla ger�ekle�ir. Birisi Prompt yani bizim burada bahsedece�imiz komut. Di�eri ise Form yoluyla bilgi al�nmas�. Form yoluyla al�nan bilgiler formun Html �zerinde yer almas� y�z�nden Prompt komutu ile birbirinden ayr�l�r. Prompt komutu ile Html sayfas�ndan hari� bir pencere a��l�r. Al�nmak istenen bilgi ziyaret�iye bu yol ile sorulur ve hemen alt�ndaki bo�luk yard�m�yla cevap al�n�r. �imdi kodun nas�l kullan�ld��na bir g�z atal�m.

CODE:

prompt ("Sorulan soru" , "Cevap �rne�i")

Bu komutun yorumlan�� u �ekildedir. Html �zerinde Html'den ba��ms�z bir pencere a�. (bu prompt komutu ile yap�l�r) �lk �ift t�rnak i�erisinde olan kelime veya kelime grubu, pencerenin �st k�sm�nda ve de�i�tirilemeyen k�s�md�r. Burada soru veya pencerenin ni�in a��ld�� ile ilgili bir a��klama verilir. �kinci �ift t�rnakta ise doldurulacak olan cevap sat�r�n�n i�inde se�ili bir haldedir. Bu ise genel olarak cevap �rne�i olarak ziyaret�iye sunulur. Kullan�lmas� zorunlu de�ildir. Kullan�lmad��n�zda undefined gibi tan�mlanmam�� uyar�s� al�n�r.

CODE:

prompt ("Taray�c�n�z�n t�r�n� giriniz ?" ,"l�tfen cevab� ie veya nn olarak veriniz");

�imdi kullan�c�dan nas�l bilgi al�naca��n� g�rd�k fakat bu bilgiyi nas�l kullanabiliriz ? Bu sorunun cevab� prompt komutunu var ile bir de�i�kene atmak suretiyle kullanabiliriz olacakt�r. Yani ;

CODE:

var tara=prompt ("Taray�c�n�z�n t�r�n� giriniz ?" ,"l�tfen cevab� ie veya nn olarak veriniz");

Biz bu sat�r ile ne yapm�� olduk ? Ziyaret�iden prompt komutu ile taray�c�s� sorduk ve bunu var de�i�ken tan�mlama komutuyla tara de�i�kenine atad�k. Ziyaret�iden ald��m�z bu bilgi sonucunda tara de�i�keni ya ie yada nn de�erini alacakt�r. Biz daha sonraki sat�rlarda bu de�i�keni belli bir ko�ul koyarak kullanabiliriz. Mesela daha �nceki �rneklerimizde oldu�u gibi ie ise �u sayfay� a� nn ise �u sayfay� a�.
Bir �neri , bu tip taray�c� tan�ma y�ntemi olduk�a yanl�� bir y�ntemdir. ��nk� ziyaret�iden al�nan bilgi ile bizim daha sonra kulland��m�z ko�ul ifadeleri uyu�mayabilir. Bu y�zden kodumuz do�ru �al��maz.

Write()

Html dosyas�na yaz� yazd�rma komutu ise write d�r. Bu kodun yaz�m kurallar�n� inceleyecek olursak ;

CODE:

document.write ("g�r�nt�lenmek istenenler" , de�i�ken_ismi );

Kodu inceleyelim. Javascript html �zerinde yaz� yazmak istedi�inde write komutunu tek ba��na kullanamaz. Bunun i�in document fonksiyoneli (yard�mc�s� manas�nda) ile birlikte kullan�l�r. document.write komutundan sonra parantez a��l�r. Daha sonra yaz�lmak istenen s�raya g�re de�i�ken ismi veya g�r�nt�lenmek istenenler yaz�l�r. De�i�kenler �ift t�rnak i�erisinde yaz�lmazlar. Sadece g�r�nt�lenmek istenenler �ift t�rnak i�erisinde yaz�l�r.
�imdi prompt komutu ile write komutunu birle�tirerek bir kod haz�rlayal�m. Bu kodumuzda prompt arac�l��yla ziyaret�iye ad�n� sorup ad de�i�kenine at�yoruz. Daha sonra bu de�i�keni write komutu yard�m�yla ziyaret�iye Merhaba diyoruz. �imdi kodlara ge�elim.

�rnek :
CODE:





Prompt , write �rne�i

Eski kodlar�m�za g�re bu kod biraz farkl� de�il mi ? Hemen g�ze �arp�yor ki Javascript kodumuz etiketleri aras�nda de�il. Daha �ncede dedi�imiz gibi uygulanmas� istenen s�raya ba�l� olarak kod yerini ald�.
Biz asl�nda Html'de font kurallar�n� kullanarak yaz� da yazd�rabiliriz. E�er hi�bir kural uygulamad��n�z taray�c�n�n banko (default) de�erleri kullan�l�r. �rne�in Merhaba dedikten sonra al�nan ismin bir alt sat�rda g�r�nt�lenmesini istiyorsak bunu Javascript'e �u �ekilde yapt�rabiliriz.

CODE:

document.write ("Merhaba" , "
" , isim)

Bu t�r (yani
t�r�nde) Html etiketlerinin t�m�n� Javascript'e yapt�rabilirsiniz. Hatta ileride g�receksiniz ki Javascript �zerinden Html yazmadan web sayfas� yap�labilir. Asl�nda Html yazm�yor de�iliz fakat bunu etiketlerinde yani Html d�k�man� i�erisinde yapm�yoruz. Bunu i�in Javascript'e emir veriyoruz. Bu normal olarak kimi zaman hissedilir derecede olmasa bile sayfan�n yava� y�klenmesine neden olur. Bu y�zden web sayfas� �zerinde yapt��n�z i�leme g�re kodunuzu yaz�n.

JavaScript | De�i�kenler

December 9, 2005, 3:17:23 PM

Genel De�i�ken �zellikleri

De�i�kenler Javascript'te ve di�er programlama dillerinde oldu�u gibi bilgi depolamak bu bilgiyi kullanmak amac�yla kullan�l�rlar. De�i�kenler "var" komutu ile olu�turulurlar. Karakter olarak kullan�ld�klar�nda i�lem yap�lamazlar. N�merik olarak kullan�ld�klar�nda ancak i�lem yapabilirler. Kullan�m�na bir �rnek verelim.
�rnek:
CODE:

var sayi;

var sayi1=10; 

var yazi1="10";

Burada birinci sat�rdaki "sayi" de�i�keni script kodunun herhangi bir yerinde kullan�lmak �zere olu�turulmu�tur. �kinci sat�rda "sayi1" ad�ndaki de�i�kenin de�eri hemen o sat�rda = ifadesinden sonra verilmi�tir. B�yle de�i�ken tan�m�da yap�labilir. ��nc� sat�rda ise de�i�kenin karakter ifadesi olarak kullan�m�n� g�r�yoruz. Burada �nemli olan karakter de�i�kenlerin al�nt� " " ifadesinin aras�nda kullan�lmas�d�r. Her de�i�kenden sonra ; i�areti konulmal�d�r. Taray�c�, bir ba�ka komut sat�r�na ge�ti�ini bu yol ile anlar.
�imdi de�i�kenlerle ilgili matematik i�lemlerinin nas�l olaca��n� g�relim. Bunu daha iyi a��klayabilmek i�in �rnekler �zerinde �al��al�m.
�rnek:

CODE:

var sayi1=10; 

var sayi2=20; 

var sayi3=sayi1+sayi2;

Birinci ve ikinci sat�rlarda de�i�kenler olu�turduk. ��nc� sat�rdaki ise sayi3 de�i�keni ile di�er iki de�i�keni toplad�k. Burada �nemli olan i�lem yapmak istedi�imizde de�i�ken de�erinin al�nt� " " i�aretlerinin aras�na konmamas�d�r. ��nc� sat�r� - ileride g�rece�imiz write () fonksiyonu ile - taray�c�da yazd�r�rsak g�rece�imiz de�er 30'dur.
�imdi de de�i�kenleri karakter olarak tan�mlad��m�zda neler oldu�una bakal�m.

CODE:

var sayi1="10"; 

var sayi2="20"; 

var sayi3= sayi1+sayi2 ;

Bir �nceki �rnekten farkl� olarak de�i�ken de�erlerinin al�nt� i�aretleri i�erisinde yazd�k. E�er sayi3 adl� de�i�keni taray�c�da bast�r�rsak g�rece�imiz ifade 1020 ifadesidir. Yani taray�c� karakter olarak tan�mlad��m�z de�i�kenleri ardada ekledi. Burada unutulmamas� gereken �ey bunun sadece + i�leminde ge�erli olmas�d�r. Di�er i�lem t�rlerinde bu t�r bir sonu� al�namaz.

De�i�kenlere ad verirken uymam�z gereken kurallar.

1).De�i�ken isimleri harf veya _ karakteri ile ba�layabilir. Rakam kullanmak istersek 2. karakterden sonra kullanabiliriz. Yani de�i�kenin ilk karakteri rakam olamaz. De�i�ken isimlerine �rnekler;

CODE:

var url="webteknikleri"; do�ru 

var _rakam=12; do�ru 

var a1=123; do�ru 

var 3uzler="���zler" yanl��

2).De�i�ken tan�mlarken bir veya birden fazla bo�luk b�rakmak tan�mlama a��s�ndan herhangi bir sorun te�kil etmez.

3).De�i�ken ad� verirken kulland��m�z harflerin b�y�k veya k��k olmas� baz� taray�c�larda fark etmezken �o�u taray�c�da farkl� bir de�i�ken anlam�ndad�r. Yani;

CODE:

var say=1; 

var Say=1;

Bir�ok taray�c�da farkl� de�i�kenler olarak alg�lan�r.

De�i�kenlerin i�lem operat�rleri ile kullan�m�

De�i�kenlere i�lem yapt�rabilecek operat�rleri ve �zelliklerini inceleyelim.

Operat�rleri birka� k�s�ma ay�rarak inceleyelim;
• Aritmetik operat�rler
• Kar��la�t�rmak operat�rleri
• Mant�ksal operat�rler
• �zel operat�rler

Aritmetik Operat�rler
Her zaman kulland��m�z bu operat�rler + , - , * , / , % 'dir.De�i�kenlerin �e�itli aritmetik operat�rlerle kullan�m�na bir �rnek verelim.

CODE:

var i=10; 

var j=11; 

var k=12; 

var m,n; 

m=i*j+k; 

n=i*(j+k);

�imdi �rne�imizi inceleyelim:
�lk �� sat�rda de�i�kenlerimizi hem tan�mlay�p hem de de�er atad�k. D�rd�nc� sat�rda ise m ve n de�i�kenlerini tan�mlay�p de�er atamd�k. Di�er sat�rlarda ise m ve n de�i�kenlerinden istenen i�lemleri tan�mlad�k. Buna g�re son iki sat�r�n sonu�lar� farkl�d�r. ��nk� parantezlerin i�lem �nceli�i vard�r.
Be�inci sat�r�n cevab� (10*11)+12 = 122 �eklinde olacakt�r. Son sat�rda ise sonu� 10*(11+12) = 230 olacakt�r. Di�er bir i�lem operat�r� olan % 'nin yapt�� i�lemi �u �ekilde anlatabiliriz.% operat�r� % i�aretinin solundaki de�i�keni sa��ndaki de�i�kene b�ler ve kalan� verir. �rnek olarak;

CODE:

var a=100; var b=9; var c=100%9;

Burada c de�i�kenin de�eri 100/9'un kalan� 1'dir. Yani c de�i�keninin de�eri 1 olacakt�r. Di�er -(eksi) ve / (b�lme) operat�rlerinin i�lemleri kendilerine atanan ��kartma ve b�lme i�lemidir.Bu operat�rlerin k�sa kullan�m� i�inde Javascript bize kolayl�k sa�lar. Bu operat�rleri s�ralamak istersek;
-= : *= : /= : %= : ++ : --
Bu operat�rlerin k�sa uzun �ekilde yaz�l��lar� ise;

x+=y x=x+y
x-=y x=x-y
x*=y x=x*y
x/=y x=x/y
x%=y x=x%y
x++ x=x+1
x-- x=x-1

�eklindedir.

Bu operat�rlerin nas�l i�lem yapt��n� bir �rnekte g�relim.
CODE:

var x,y,z;

x=10; y=20; z=30;

x++; x+=y; z--; y*= z;

�imdi her zamanki gibi i�lem sat�rlar�n�n cevaplar�n� birlikte bulal�m.
x++ sat�r� x=x+1 i�leminin yap�lmas�n� s�yler. Buna g�re x de�i�keni 11 de�erini al�r.�kinci sat�ra geldi�imizde x+=y sat�r� x=x+y i�leminin yap�lmas�n� s�yler. Bir �nceki sat�rdaki x'in de�eri 11 idi. B�ylelikle yeni x'in de�eri 11+20=31 olacakt�r. Di�er sat�rda z-- i�lemi sonucunda z'nin de�eri 29 olacakt�r. Son sat�rda ise y=y*z i�lemi ile y de�i�keni 20*29= 380 de�erini alacakt�r.
Kar��la�t�rma operat�rleri
Bu operat�rler de�i�kenlerin birbirleri ile kar��la�t�r�lmak istendi�inde kullan�l�r.
Bu operat�rler ise;

== operat�r� iki de�i�kenin birbirine e�itli�ini kontrol eder.
!= operat�r� iki de�i�kenin birbirine e�it olmad�� durumlarda kullan�l�r.
< operat�r� bilindi�i �zere k��kt�r operat�r�d�r. Soldaki de�i�kenin sa�dakinde k��kl��n� kontrol eder.
<= soldaki de�i�kenin sa�daki de�i�kene k��k e�itli�ini kontrol eder.
> soldaki de�i�kenin sa�daki de�i�kene g�re b�y�k olup olmad��n� kontrol eder.
>= soldaki de�i�kenin sa�daki de�i�kene b�y�k e�itli�ini kontrol eder.

Mant�ksal Operat�rler
Bu tip operat�rler iki de�i�kene ba�l� kar��la�t�r�lmalar�n yap�lmak istendi�i durumlarda kullan�l�r.

Operat�rler && , || , ! operat�rleridir.
&& And (ve) operat�r� iki de�i�kenin de de�eri do�ru olmas� istendi�inde kullan�l�r.
|| Or (veya) operat�r� iki de�i�kenden en az birinin do�ru olmas� durumu istedi�inde kullan�l�r.
! Not (de�il) operat�r� de�i�kenin de�eri do�ru ise yanl�� , yanl�� ise do�ru olmas� istendi�i durumlarda kullan�l�r.

�zel kar��la�t�rma Operat�r�
Bu operat�r iki de�i�ken aras�nda kar��la�t�rma yapman�n en sade ve k�sa yoludur.

Operat�r�n kullan�m bi�imi :

de�i�ken_1 [istenen kar��la�t�rma operat�r�] de�i�ken_2 ? de�i�ken_3 : de�i�ken_4
Bunu bir �rnekle a��klayal�m.
De�i�kenleri var ile tan�mlad��m�z� farz ediyorum. Buna g�re ;
CODE:

a < b ? c : d

Yukar�daki sat�rda yap�lmas� istenen i�lem ;
a de�i�keninin b de�i�keninden k��k olup olmad�� kar��la�t�r�l�yor. Buna g�re cevap do�ruysa i�lemin sonucu c de�i�keninin de�eri de�ilse d de�i�keni oluyor.
�imdi t�m bu ��rendiklerimizi bir Javascript kodunda g�relim. Bu bizim ilk Javascript kodumuz olacak.
�rnek :

CODE:

var i=1; var j=2; 

var k=3; var m=4; 

var n=5; var 

p=6; var q=7;

i=+j; 

j++;

k--;

m=m+k;

n=*j;

i < j ? 3 : 1 ;

k >= n ? 0 : 1 ;

k=2 && j=5 ? p : q ; 

i=2 || j=3 ? m : n ; 

p!=2 ? k : 10 ;

�lk yedi sat�rda de�i�kenlerimizi hem tan�mlad�k hem de de�er atad�k. B�yle bir yaz�m� yapabilece�imizi de�i�kenleri anlatmaya ba�larken s�ylemi�tik.

��lem sat�rlar�na ge�ti�imizde ise;

i+=j;

Bu i�lem daha da �nce g�rd��m�z gibi bize i=i+j i�lemini yapmam�z� s�yler. Buna g�re i de�i�keninin de�eri 3 olacakt�r. Hemen alt�ndaki sat�rda bulunan j++ i�lemi dolay�s�yla da j de�i�keni 3 de�erini alacakt�r. Di�er i�lem sat�r�nda k--i�lemi ile de k de�i�keni 2 de�erini al�r. Bir di�er sat�rdaki m=m+k i�lemi ile m(m=4) de�i�keni k(k=2) de�i�keni toplanarak 6 de�erini al�r. n=*j i�lemi ile de n(n=5) de�i�keni 3*5=15 de�erini alacakt�r.
�imdi di�er kar��la�t�rma i�lemlerine ge�meden �nce de�i�kenlerimizin i�lem sonras� ald�� de�erleri yazal�m.

i=3 , j=3 , k=2 , m=6 , n=15 , p=6 , q=7 ; i < j ? 3: 1 ;

Bu sat�r�n 3 < 3 i�leminin cevab� do�ru ise 3 de�ilse 1 de�eri alaca��n� g�rebiliyoruz. Tabi ki �� ten k��k olmad�� i�in cevab�m�z 1 olacakt�r.

k>=n ? 0 : 1 ;

Bu sat�rda ise 2>=15 i�lemi ger�ekle�ir ki bunun cevab� da yanl��t�r ve ikinci de�er i�lem sat�r�n�n cevab�d�r yani 1 dir.
�imdiki kar��la�t�rma i�lemimiz ise mant�ksal operat�rlerle ilgili. Buna g�re;
k=2 && j=5 ? p : q ;
��lem bize ne s�yl�yor ? K de�i�keni ve j de�i�keninin kesin olarak bir de�ere e�it olup olmad��n� kar��la�t�rmam�z� s�yl�yor. Bu iki de�er de do�ruysa ��nk� &&(and) mant�ksal operat�r�n�n anlam� bu i�lem do�rudur de�ilse yanl��t�r. Buna g�re k=2 'dir. Fakat buna kar��l�k j'nin de�eri 5 de�ildir. Bu y�zden kar��la�t�rman�n cevab� yanl��t�r. Dolay�s�yla i�lem q yani 7 de�erini al�r.

p!=2 ? k : 10 ;

��lemde istenilen p de�i�keninin de�erinin ikiden farkl� olmas� durumdur. Yani 6!=2 bunun anlam� do�rudur. Ger�ektende 6=2 de�ildir. Bizde bu sat�rda bunu istiyorduk. O halde cevap do�rudur. B�ylelikle i�lem k yani 2 de�erini al�r.
�imdi biz bu yapt�klar�m�zla sadece javascript'te bir �eyler hesap etmesini ve kar��la�t�rmas�n� s�yledik. Taray�c� da bu i�lemleri yapar ve haf�zas�nda tutar. Daha sonra ��renece�imiz komutlarla bunlar� istersek taray�c�ya yazd�rabilir. Ba�ka bir yerde kullan�lmas�n� s�yleyebiliriz.

Javascripte Giri�

December 5, 2005, 1:17:23 PM

Bu ba�lant�y� t�klad��n�za g�re art�k �u i�i kes-yap��t�rdan ileri g�t�rmek istiyorsunuz. Bizim de amac�m�zda o. Size JavaScript'in genel �zelliklerini ana hatlar�yla vermek. Bundan sonras� size kalm��. Genel yaz�m kurallar�n� ��rendikten sonra yap�labilecek en g�zel �ey di�er web-cilerin yazd�klar� javascript kodlar�n� incelemektir. Herhangi bir problemle kar��la�t��n�zda bizden de yard�m alabilirsiniz. Bu konu ile ilgili olarak mailleriniz bekliyoruz.
Gelelim JavaScript'in genel baz� �zelliklerine. Ba�lang��ta baz� konulara a��kl�k getirelim. Java ile JavaScript olduk�a fazla derecede kar��t�r�lmakta. Java Sun firmas� taraf�ndan Pascal ve Delphi dillerinden esinlenerek yaz�lm�� bir programlama dilidir. Sonu�ta taray�c�dan ba��ms�z bir program elde edersiniz. Yani bir exe veya com uzant�l� dosya vard�r elinizde. Fakat JavaScript bu t�r bir programlama dili de�ildir. Yorumlanmas� i�in bir taray�c�ya ihtiya� duyar. Bu y�zden script dilidir. Html dosyas�n� i�ine g�m�l�d�r. Sonu�ta elinizde exe veya com uzant�l� bir dosya yoktur. Javascript , Netscape firmas� taraf�ndan C dilinden esinlenilerek yaz�lm��t�r. Yaz�lma amac� Html'in sahip olmad�� baz� �zelliklerin web sayfalar�nda kullan�lmak istenmesidir. Yani ziyaret�i ile etkile�im gibi �nemli unsurlar Html'de yok veya olduk�a az kapasitede diyebiliriz. Netscape firmas� bu konuya a��rl�k vererek JavaScript script dilini internet ortam�na kazand�rm��t�r.
Gelelim Netscape ve Internet Explorer taray�c�lar�n�n JavaScript kodundaki farkl� anlay��a. Bu ger�ekten do�rudur. Netscape firmas� JavaScript dilini haz�rlad��nda Microsoft firmas� bu dilin �zelliklerini veya yaz�l�m tarz�n� tam anlam�yla Internet Explorer'a eklemedi. Kendi yaz�m kurallar�n� belirledi. Bu y�zden biz JavaScript kodu yazarken bu iki taray�c� �zelliklerini de g�z �n�nde bulundurmal�y�z. Fakat bu her kodda kar��m�za ��kmaz. Biz derslerimizde gerekti�i yerde bu konuya yer verece�iz.

Java Script'in genel baz� �zellikleri

Javascript kodlar�n� yazmak i�in Windows kullan�c�lar� i�in NotePad , Mac. kullan�c�lar� i�in Simple Text yeterlidir.

JavaScript kodlar� etiketi ile biter.

Genellikle yaz�m tarz�CODE: