Class Kullanımına Bir Kaç Örnek vereyim (Kodların anlaşılabilmesi için değişkenleri türkçe kullanacağım):
1-
Çalışır Örnek:
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] Kod: Kodu kopyalamak için üzerine çift tıklayın!
// class için önce adını belirleyip fonksiyonunu oluşturduk.
function Sinif()
{
this.birinci_sira = 'Nickolas';
this.ikinci_sira = 'Onur';
this.ucuncu_sira = 'AnsweR';
}
Sinif.prototype.input_a_yaz = function(input_un_id_si, yazilacak_sira)
{
var input_alani = document.getElementById(input_un_id_si);
if (!input_alani)
{
alert('Böyle bir input alanı sayfada mevcut değil');
return false; // input yoksa işlemde yok.
}
if (yazilacak_sira > 3 || yazilacak_sira < 1)
{
alert('Lütfen 1 ile 3 Arasında bir değer girin');
return false; // Zaten 3 tane ismimiz mevcut... Fazla girmeye gerek yok.
}
var yazilacak_isim = '';
switch (yazilacak_sira)
{
case 1:
yazilacak_isim = this.birinci_sira;
break;
case 2:
yazilacak_isim = this.ikinci_sira;
break;
case 3:
yazilacak_isim = this.ucuncu_sira;
break;
}
input_alani.value = yazilacak_isim;
};
Kodun Kullanımı:
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html>
<head>
<style type="text/css">
body
{
font: 10pt Verdana
}
.input
{
font: bold 10pt Verdana;
font-style: italic;
text-decoration: underline;
color: red;
padding: 2px;
}
.button
{
font: bold 11px tahoma;
}
</style>
</head>
<body>
<script type="text/javascript">
<!--
// class için önce adını belirleyip fonksiyonunu oluşturduk.
function Sinif()
{
this.birinci_sira = 'Nickolas';
this.ikinci_sira = 'Onur';
this.ucuncu_sira = 'AnsweR';
}
Sinif.prototype.input_a_yaz = function(input_un_id_si, yazilacak_sira)
{
var input_alani = document.getElementById(input_un_id_si);
if (!input_alani)
{
alert('Böyle bir input alanı sayfada mevcut değil');
return false; // input yoksa işlemde yok.
}
if (yazilacak_sira > 3 || yazilacak_sira < 1)
{
alert('Lütfen 1 ile 3 Arasında bir değer girin');
return false; // Zaten 3 tane ismimiz mevcut... Fazla girmeye gerek yok.
}
var yazilacak_isim = '';
switch (yazilacak_sira)
{
case 1:
yazilacak_isim = this.birinci_sira;
break;
case 2:
yazilacak_isim = this.ikinci_sira;
break;
case 3:
yazilacak_isim = this.ucuncu_sira;
break;
}
input_alani.value = yazilacak_isim;
};
var sinif = new Sinif(); // Sınıf Nesnesi...
//-->
</script>
<div style="height: 200px;"> </div>
<table cellpadding="6" cellspacing="1" border="0" align="center">
<tr>
<td>
<div>1. Input Alanı</div>
<div><input type="text" class="input" id="birinci_input" size="20" /></div>
<div><input type="button" class="button" value="1. Alana 1. Adı Yaz" onclick="sinif.input_a_yaz('birinci_input', 1)" /></div>
<div><input type="button" class="button" value="1. Alana 2. Adı Yaz" onclick="sinif.input_a_yaz('birinci_input', 2)" /></div>
<div><input type="button" class="button" value="1. Alana 3. Adı Yaz" onclick="sinif.input_a_yaz('birinci_input', 3)" /></div>
</td>
<td>
<div>2. Input Alanı</div>
<div><input type="text" class="input" id="ikinci_input" size="20" /></div>
<div><input type="button" class="button" value="2. Alana 1. Adı Yaz" onclick="sinif.input_a_yaz('ikinci_input', 1)" /></div>
<div><input type="button" class="button" value="2. Alana 2. Adı Yaz" onclick="sinif.input_a_yaz('ikinci_input', 2)" /></div>
<div><input type="button" class="button" value="2. Alana 3. Adı Yaz" onclick="sinif.input_a_yaz('ikinci_input', 3)" /></div>
</td>
<td>
<div>3. Input Alanı</div>
<div><input type="text" class="input" id="ucuncu_input" size="20" /></div>
<div><input type="button" class="button" value="3. Alana 1. Adı Yaz" onclick="sinif.input_a_yaz('ucuncu_input', 1)" /></div>
<div><input type="button" class="button" value="3. Alana 2. Adı Yaz" onclick="sinif.input_a_yaz('ucuncu_input', 2)" /></div>
<div><input type="button" class="button" value="3. Alana 3. Adı Yaz" onclick="sinif.input_a_yaz('ucuncu_input', 3)" /></div>
</td>
</tr>
</td>
</table>
</body>
</html>