Webmaster
Tasarım Dersleri
Kullanıcı girişi
Kimler çevrimiçi
Son yorumlar
- tamadır teşekkür ederim :)
1 hafta 6 days önce - CVP:arkadaşım sen iyi niyetimi
1 hafta 6 days önce - arkadaşım sen iyi niyetimi
2 weeks 9 hours önce - CVP:şu cevabınn
2 weeks 1 gün önce - şu cevabınn
2 weeks 1 gün önce - CVP:Makaleniz hakkında
2 weeks 2 days önce - Makaleniz hakkında
2 weeks 2 days önce - oldukça güzel görünüyor. Bİz
3 weeks 21 hours önce - sanal kontör
3 weeks 4 days önce - Cozum bulundu mu?
5 weeks 4 days önce
Etiket bulutu
Java Script Olay Komutları
Olay Komutları:
onclick Fareyle tıklamayı ifade eder.
ondblclick Fareyle çift tıklamayı ifade eder.
onmouseover Farenin imleciyle üzerine gelmeyi ifade eder.
onmouseout Farenin imlecini üzerinden çekmeyi ifade eder.
onmousedown Fare düğmesine basmayı ifade eder.
onmouseup Fare düğmesini bırakmayı ifade eder.
onload Sayfanın yüklenmesini ifade eder.
onunload Sayfanın kapatılmasını ifade eder.
onchange Form aracının değişmesini ifade eder.
onsubmit Form bilgilerinin gönderilmesini ifade eder.
onreset Form bilgilerinin silinmesini ifade eder.
onselect Form aracının seçilmesini ifade eder.
onblur Form aracının pasif hale geçmesini ifade eder.
onfocus Form aracının aktif hale geçmesini ifade eder.
accesskey İstenen karakterin girilmesini ifade eder.
tabindex Nesnelerin işlem sıralamasını numaralandırır.
onkeydown Tuşun basılmasını ifade eder.
onkeyup Tuşun salınmasını ifade eder.
onfocus Tuşun basılıp salınmasını ifade eder.
Bu olaylar yaratıcı web tasarımcılar için yeterli değildir. Başka
olaylar oluşturmak için event (olay) komutlarından yararlanılır.
Olay komutlarının önüne event. kodu getirilir. Önemli Not: Bu
komutlar sadece IE gözatıcıları tarafından desteklenmektedir.
Sağ Tıklama, Sol Tıklama
Fareyle sağ tıklanıldığında, bir fonksiyon çağırmak için button
(düğme) olay komutu kullanılır. event.button şeklinde yazılır ve sol
tıklanırsa 1, sağ tıklanırsa 2 değerini alır.
Javascript:
<html>
<head>
<title>Sağ ve sol tıklama,</title>
<script language="JavaScript">
function tikla()
{
if (event.button==1) yazi.innerHTML="Sol tıkladınız..."
if (event.button==2) yazi.innerHTML="Sağ tıkladınız..."
}
</script>
</head>
<body onmousedown="tikla()">
<a id="yazi">Fareyle sayfanın üzerine tıklayınız.</a>
</body>
</html>
İmlecin Koordinatları
İmlecin sayfadaki konumuna göre kod yazmak isteyebiliriz.
İmlecin hangi yatay ve düşey koordinatlarda olduğunu belirlemek için
clientX, clientY veya offsetX, offsetY veya x, y olay komutlarından
yararlanılır. Kısa bir uygulama yapalım:
Javascript:
<html>
<head>
<title>Pencere koordinatları,</title>
<script language="JavaScript">
function imlec()
{
var a=event.x
var b=event.y
yazi.innerHTML="Pencere Koordinatları = (" + a + ";" + b + ")"
}
</script>
</head>
<body onclick="imlec()">
<h3 id="yazi">Fareyle sayfanın üzerine tıklayınız.</h3>
</body>
</html>
Verdiğimiz diğer kodları da siz deneyin, aynı sonuca ulaşacaksınız.
Bu kodların hepsi imlecin, pencerenin sol üst köşesine olan yatay ve
düşey mesafeyi piksel cinsinden vermektedir. Eğer pencerenin değil
de ekranın sol üst köşesine olan yatay ve düşey mesafeyi edinmek
istiyorsak, screenX, screenY komutlarını kullanırız.
Javascript:
<html>
<head>
<title>Ekran koordinatları,</title>
<script language="JavaScript">
function imlec()
{
var a=event.screenX
var b=event.screenY
yazi.innerHTML="Ekran Koordinatları = (" + a + ";" + b + ")"
}
</script>
</head>
<body onclick="imlec()">
<h3 id="yazi">Fareyle sayfanın üzerine tıklayınız.</h3>
</body>
</html>
Tuş Fare Kombinasyonları
Gelişmiş programlarda (MS Office, Adobe Photoshop vb.) tıklamak
ile shift`e basarak tıklamak arasında fark vardır. Eğer bu farkı web
sayfalarınıza taşımak istiyorsanız event.shiftKey olay komutunu
kullanabilirsiniz. Bu komut shift tuşuna basılıp, basılmadığını
gösterir; eğer onclick durumunda event.shiftkey kodu kullanırsanız,
kullanıcının tıkladığında shift`e basıp basmadığını kontrol etmiş
olursunuz. Aynı şekilde bu kodu onmouseover durumunda
kullandığınızda, fareyle nesnenin üzerine gelindiğinde shift`e
basılıp, basılmadığını kontrol etmiş oluruz. Bu çeşit fare tuş
kombinasyonları türetebiliriz.
Javascript:
<html>
<head>
<title>Tuş fare kombinasyonları,</title>
<style>
table {visibility:hidden} </style>
<script language="JavaScript">
function rubai()
{
if (event.shiftKey==0)
{
hayyam.style.visibility="visible"
yazi.innerHTML="Ey kör! Bu yer, bu gök, bu yıldızlar boştur boş!<br>Bırak
onu bunu da gönlünü hoş tut hoş!<br>Şu durmadan kurulup dağılan
evrende<br>Bir nefestir alacağın, o da boştur boş!"
}
else
{
var yenisayfa = window.open("", "Yeni_Sayfa", "toolbar=no,location=no,directories=no,
status=no, menubar=no,scrollbars=no, resizable=no,copyhistory=no,width=400,
height=120")
yenisayfa.document.write("Ey kör! Bu yer, bu gök, bu yıldızlar
boştur boş!<br>Bırak onu bunu da gönlünü hoş tut hoş!<br>Şu durmadan
kurulup dağılan evrende<br>Bir nefestir alacağın, o da boştur boş!")
}
}
</script>
</head>
<body>
<form>
<p>Düğmeye normal tıklamakla, <b>Shift</b>`e basarak tıklamak
arasında fark var.</p>
<input type="button" value="Ömer Hayyam" onclick="rubai()">
</form>
<center><table id="hayyam" cellpadding="5" cellspacing="0" border="0"
width="400" bgcolor="#D0BB82">
<tr><td id="yazi">Rubai</td></tr></table></center>
</body>
</html>
Bu uygulamamızda onclick olayında event.shiftKey kodu kullandık,
böylece fare ile shift tuşunun beraber basılmasına kod yazdık. event.shiftKey`e
1/0 gibi true/false değerleri verebiliriz. Benzer şekilde Alt ve
Ctrl tuşları için şu olay kodlarını kullanabilirsiniz: altKey,
ctrlKey.
Anket
Son Konular
2012-03-22 19:47 - Geliştirdiğin kodları satmak ister misin
2012-02-12 23:21 - SMF forumu vbulletin foruma aktarmak
2011-12-14 21:50 - Motorlu araçlar otomobil vergisi sorgulama
2011-12-14 21:47 - Sorgulamalar
2011-12-11 14:33 - Ben az önce ne arayacaktım
2011-09-10 22:51 - DSLR Fotograf Makinası sınıflandırması
2011-09-09 17:33 - ‘Crop Factor’ Nedir, hakkında bilgi
2011-09-09 17:30 - Fotograf Rehberi
2011-08-20 21:30 - Samsung LEDTV'lerde .SRF ve XFS süprizi
2011-08-19 00:45 - 2011 yılının web tasarım trendleri
2011-04-09 20:18 - Alan adları gerçek isim sahiplerine verilecek!
2011-01-13 01:43 - SEO İçin Dikkat Edilmesi Gereken Hususlar
2011-01-13 01:42 - Meta tag SEO Optimization
2011-01-13 01:41 - Google Adsense Hakkında Detaylı Bilgi
2011-01-13 01:40 - Soru Ve Cevaplar ile Google Adsense
2011-01-13 01:39 - Arama motoru Google ve Pagerank
2011-01-13 01:38 - Seo Sözlüğü
2011-01-13 01:37 - Google Arama Özellikleri
2011-01-13 01:36 - Adsense Reklam Yerleşimi
2011-01-13 01:35 - Robots.txt Dosyası Kullanım Robotları Yölendirme Kontrol
2011-01-13 01:34 - Sitenizin Google ve Web deki Yeri
2011-01-13 01:33 - Arama Motoru Bilgi ve İpuçları
2011-01-13 01:31 - Arama Motorları Teknikleri
2011-01-13 01:29 - Google Pagerank Detaylı Anlatım
2011-01-13 01:27 - Sitenize Ziyaretçiler En Çok Hangi Kelimeler İle Gelmiş
2011-01-13 01:25 - Pagerank Nedir?
2011-01-13 01:19 - Fireworks Shadow and Glow
2011-01-13 01:18 - Fireworks Sharpen
2011-01-13 01:16 - Fireworks Other
2011-01-13 01:13 - Fireworks Blur
2011-01-13 01:09 - Fireworks Bevel and Emboss
2011-01-13 01:05 - Fireworks Adjust Color
2011-01-13 01:03 - Fireworks Save as Style
2011-01-13 00:58 - Fireworks Text Menüsü
2011-01-13 00:54 - Fireworks Select Menüsü
2011-01-13 00:54 - Fireworks Modify Menüsü
2011-01-13 00:51 - Fireworks View Menüsü
2011-01-13 00:18 - Fireworks Edit Menüsü
2011-01-13 00:16 - Fireworks File Menüsü
2011-01-13 00:05 - İnternet - Web Tarayıcılar (Browser)
2011-01-13 00:04 - İnternet - Web Server Yazılımları
2011-01-13 00:03 - İnternet ve Web İlişkisi
2011-01-13 00:02 - İnternette Kullanılan Protokoller
2011-01-13 00:01 - İnternet - World Wide Web (WWW) Nedir?
2011-01-13 00:00 - İnternet - URL nedir?
2011-01-12 23:43 - İnternet Backorder Nedir?
2011-01-12 23:34 - İnternet - Virüs Nedir?
2011-01-12 23:32 - İnternet Paypal nedir? Nasıl Kullanılır?
2011-01-12 23:31 - İnternet - DNS Nedir?
Günün Konuları
CSS . html . css nedir . Linux . nasıl kurulur . internet . SCADA . MySQL nedir . domain piyasası . PHPRunner . PHPRunner kullanımı . PHPRunner hakkında bilgi . PHPRunner nedir . Top PHP Studio . Top PHP Studio indir . Top PHP Studio nedir . USB ADSL modem . kablosuz ağ . Ubuntu linux . Google Earth . Zone Alarm . CSS kodlama . HMI . HMI nedir . HMI nasıl kullanılır . Scada nedir . Scada nasıl kullanılır . Video . Cacti . Cacti nedir . Cacti kurulumu . Rsyslog . Rsyslog nedir . Rsyslog kurulumu . Nagios . Nagios nedir . Nagios kurulumu . Apache . Apache nedir . Apache kurulumu . MySQL kurulumu . Squid . Squid nedir . Squid kurulumu . Dansguardian . Dansguardian nedir . Dansguardian kurulumu . Postfix . Postfix nedir . Postfix kurulumu . Dovecot . Dovecot nedir . Dovecot kurulumu . Dbmail . Dbmail nedir . Dbmail kurulumu . OpenLDAP . OpenLDAP nedir . OpenLDAP kurulumu . ProFTP . ProFTP nedir . ProFTP kurulumu . Samba . Samba nedir . Samba kurulumu . BIND . BIND nedir . BIND kurulumu . dhcp3 server . DHCP . DHCP nedir . DHCP kurulumu . WIPO Kimdir . WIPO Nedir . WIPO . Aveamüzik Radyo . Sabit disk . Harddisk . Advanced Format nedir . kodlama .














Yeni yorum gönder