Bu yapacağımız yöntem ile IfDetay.js dosyasında çeşitli if koşullarımız olacak,buna istinaden Default.html dosyamızda oluşturacağımız radio form ile kullanıcının seçtiği değerleri IFDetay.js dosyasında koşullandırıcaz.
<!–Öncelikle IfDetay.js dosyamızdaki kodlarımızı oluşturalım.
function goster(veri){
var index,takim;
index=veri.selectedIndex;
takim=veri.options[index].text;
if (takim==”Galatasaray”){
document.takimForm.aciklama.value=takim + ” Şampiyon!”;
}
if (takim==”Beşiktaş”){
document.takimForm.aciklama.value=takim + ” Eziktaş”;
}
if (takim==”Fenerbahçe”){
document.takimForm.aciklama.value=takim + ” Ezikbahçe”;
}
}
Burada bitti –>
Java Script kısmını bitirdiğimize göre şimdi html dosyamıza dönelim.
<html>
<head>
<title>If yapıları</title>
<script src=”IfDetay.js” language=”javascript”></script>
</head>
<body>
window.status=”ilhanbahar.com”;
<form name=”takimForm”>
<p> Bir takım seçiniz</p>
<selected name=”takimListesi” onChange=”goster(this)”>
<option SELECTED>Takım seçiniz</option>
<option>Galatasaray</option>
<option>Beşiktaş </option>
<option>Fenerbahçe</option>
</select><br>
<input name=”aciklama” size=”35″>
</form>
</body>
</html>
Böylelikle onChanged yani değiştiğinde bizim IfDetay.js içersine bulunan goster fonksiyonuna gidiyor.Buradan uygun koşula dallanarak sonuç veriyor.Java script kodları istemci tarafından çalıştığı için sunuyu yormuyor.
Arkadaşlar ufaktan java script çalışmalarına başladım.Öğrendiklerimi elimden geldiğince sizlerle paylaşacağım.Bugün basit bir giriş yapalım.Farklı bir dosyada bulunan js uzantılı dosyamızı,sayfamız üzerine monte edelim.Monte ettiğimiz dosyayı ve diğer java sayfamızın içeriğini dolduralım.
Altta yazacağımız program kısaca;Java.js uzantılı dosyamızdan yönlendirme fonksiyonunu çağırarak çalıştıracak.Default.html dosyamızda ise basit html komutları bulunacak.
<!–Önce java.js dosyamızı oluşturalım
function yonlendir(){
window.location=http://www.ilhanbahar.com
}
//Gördüğünüz gibi basitçe oluşturduk –>
Şimdi sıra geldi Default.html dosyamızı oluşturmaya;
<html>
<head>
<script src=”java.js” language=”javascript”></script>
<title>Burası başlık kısmımız</title>
</head>
<body>
<center>
<a href=”JavaScript:yonlendir();”>www.ilhanbahar.com</a>
</center>
</body>
</html>
Bu iki dosyayı yazıp kaydettiğimizde Default.html dosyamıza tıkladığımızda karşımıza bir link gelecektir ve bu linke tıkladığımızda Java.js dosyasında yönlendir fonksiyonu çalışacaktır.