Bir dizinin sonuna bir elementi asagidaki sekilde anlatildigi gibi array_push () fonksiyonu ile eklyebilirsiniz :
<?
// dizimiz asagidaki gibi olsun,
$tatli = array("cukulatali kek", "tiramisu", " elmali kek", " cukulatali pasta",
"visneli pasta");
//Sonuna dondurma ekleyelim
array_push($menu,"dondurma");
Simdi dizimiz soyle olacaktir:
// Dizimizin son sekli
$tatli = array("cukulatali kek", "tiramisu", " elmali kek", " cukulatali pasta",
"visneli pasta","dondurma");
?>
kaynak: ordan burdan
PHP icesinde dizi elementlerini normal birer degisken haline getirmek icin
list () ve extract () fonksiyonlari kullanilir
<?
// dizimiz asagidaki gibi olsun,
$tatli = array("cukulatali kek", "tiramisu", " elmali kek", " cukulatali pasta", "visneli pasta");
//Bu elementleri teker teker degiskenlere atayalim :
list ($a,$b,$c,$d,$e) = $tatli;
//Ekrana tiramisu yazdirir,
echo $b;
?>
kaynak: ordan burdan
in_array fonksiyonu size bir degerin o dizinin icinde olup olmadigini bulmanizda yardimci olur
<?
// dizimiz asagidaki gibi olsun,
$menu = array("yemek" => "dolma", "icecek" => "ayran", "tatli" =>
"baklava", "garson" => "serkan", "mesaj" => "afiyet olsun");
// Ekrana true yazdirir:
echo in_array("dolma",$menu)
// Ekrana false yazdirir:
echo in_array("pilav",$menu)
?>
kaynak: ordan burdan
<?
// diziyi yaratalim:
$menu = array("yemek" => "dolma", "icecek" => "ayran", "tatli" =>
"baklava", "garson" => "serkan", "mesaj" => "afiyet olsun");
// donen sonuc array ("yemek", "icecek", "tatli", "garson", "mesaj")
array_keys($menu);
// donen sonuc array ("dolma", "ayran", "baklava", "serkan", "afiyet olsun")
array_values($menu);
?>
kaynak: ordan burdan
range () fonksiyonu kullanilarak otomatik olarak bazi diziler yaratilabilir
<?
// Sonuclar ("30", "31", "32", "33", "34", "35", "36", "37", "38","39", "40")
$otuzlar = range(30, 40);
// Sonuclar ("i", "j", "k", "l", "m", "n", "o")
$alfabe = range("i", "o");
?>
kaynak: ordan burdan
array_walk () fonksiyonu dizinin her elementi uzerinde bir kullanici
tanimli fonksiyonu uygulamaniza olanak saglar
<?
// dizileri yarat
$sayilar = array(1, 567, 1.6777777777777, 0.031, 100.1, -98.6);
$yeni_sayilar = array();
// Saylari belirli bir formata getirmek icin kullandigimiz kulanici tanimli
// fonksiyon: formatla ()
function formatla($sayi) {
global $new_numbers;
$yeni_sayilar[] = sprintf("%1.2f", $sayi);
}
// formatla() fonksiyonunu dizinin butun elementlerine uygular,
array_walk($sayilar, "formatla");
// $yeni_sayilar ("1.00", "567.00", "1.68", "0.03", "100.10","-98.60")
// simdi yukaridaki gibi bir icerige sahip,
?>
kaynak: ordan burdan
array_rand () rastgele bir veya daha fazla elementin anahtarini
fonksiyonun sonucunda dondurmemize olanak saglar
<?
// diziyi yarat
$tatli = array("cukulatali kek", "tiramisu", " elmali kek", " cukulatali pasta",
"visneli pasta");
// array (1, 3) dondurulur
array_rand($tatli, 2);
// diziyi yarat
$menu = array("yemek" => "dolma", "icecek" => "ayran", "tatli" =>
"baklava", "garson" => "serkan", "mesaj" => "afiyet olsun");
// array ("yemek", "garson") dondurulur
array_rand($menu, 2);
?>
kaynak: ordan burdan
array_sum () fonksiyonu dizilerde yer alan sayilarin toplamini
sonuc olarak dondurur
<?
// diziyi yarat
$dizi = array(7, 14, 21, 28);
// Sonuc 70 olarak goruntulenir:
echo array_sum($dizi);
?>
kaynak: ordan burdan
array_intersect () ise array_diff () fonksiyonun
tam tersi olacak sekilde calisir
<?
// dizileri yarat
$dizi = array(7, 14, 21, 28);
$liste = array(1, 4, 7, 8, 0, 23, 45, 15, 67, 29, 22);
// $kesisim = array ("7")
$kesisim = array_intersect($dizi, $liste);
?>
kaynak: ordan burdan
array_diff () fonksiyonu bir veya daha fazla diziyi argument
olarak alir ve ilk ar-gumentteki dizide olup da diger argumentler de yer
alan dizilerde olmayan elementleri fonk-siyonun sonucunda dondurur
<?
// dizileri yarat
$dizi = array(7, 14, 21, 28);
$liste = array(1, 4, 7, 8, 0, 23, 45, 15, 67, 29, 22);
// $fark = array ("14", "21", "28")
$fark = array_diff($dizi, $liste);
?>
kaynak: ordan burdan
array_merge () ile bir cok dizi bir dizi haline gelecek sekilde
birbirinin icine eklenir
<?
//Dizileri yarat
$isimler = ("isim1" => "serkan","isim2" => "oktay","isim3" => "tayfun");
$soyisimler = ("soyisim1" => "ceylani","soyisim2" => "altunergil","soyisim3" =>
"ulu");
// Dizimizin son sekli :
// ("isim1" => "serkan","isim2" => "oktay","isim3" => "tayfun","soyisim1" =>
// "ceylani","soyisim2" => "altunergil","soyisim3" => "ulu");
$isim_soyisim = array_merge($isimler,$soyisimler);
?>
kaynak: ordan burdan
array_flip () ile dizide yer alan anahtarlar ile degerler karsilikli yer
degistirir
<?
// Diziyi yarat
$muzik = array("pop" => "Sezen Aksu", "arabesk" => "Orhan Gencebay", "diger" =>
"Bulent Ersoy");
// dizinin son sekli ("Sezen Aksu" => "pop", "Orhan Gencebay" => "arabesk",
"Bulent Ersoy" => "diger")
array_flip($muzik);
?>
kaynak: ordan burdan
array_unique () ile bir dizideki tekrarlayan elementler silinir
<?
// Diziyi yarat
$dizi = array("Serkan", "Serkan", "Oktay", "Serkan", "Tayfun", "Tayfun", "Oktay",
"Serkan");
// Dizinin son hali ("Serkan", "Oktay","Tayfun")
array_unique($dizi);
?>
kaynak: ordan burdan
shuffle() fonksiyonu ile dizi rastgele siralaniyor.(52 kart oyun
kagitlarini karistirmamiz gibi)
<?
// Diziyi yarat
$dizi = array("serkan", "oktay", "tayfun");
// Ornek bir shuffle ciktisi ("oktay", "tayfun", "serkan")
shuffle($dizi);
?>
kaynak: ordan burdan
array_reverse () ile dizi tersine cevriliyor :
<?
// Diziyi yarat
$dizi = array("serkan", "oktay", "tayfun");
// Dizinin son hali ("tayfun", "oktay", "serkan")
array_reverse($dizi);
?>
kaynak: ordan burdan
<?
class cevir {
//Derece Santigrattan Derece Fahrenayta,
function C2F ($derece) {
return (1.8 * $derece)+32;
}
}
?>
kaynak: ordan burdan
Asagidaki kucuk kod parcasi ile link seklinde A-Z ye (aradaki turkce karekterleri kendiniz ASCII tablosundan bulup ekleyebilirisiniz) link seklinde alfabeyi olusturabiliyoruz:
<?php for($i=65;$i<91;$i++) {
?>
<a href="<?=$PHP_SELF?>?letter=<?=chr($i)?>"><?=chr($i)?></a>
<?php } ?>
<BR>
<?php for($j=97;$j<123;$j++) {
?>
<a href="<?=$PHP_SELF?>?letter=<?=chr($j)?>"><?=chr($j)?></a>
<?php } ?>
kaynak: ordan burdan
<?php
//forma gun değerlerini döndürür
function gun_sec($say=""){
for ($i=1;$i<=31;$i++){
if($say==$i){$s="selected";} else {$s="";}
$r.="<option $s value='$i'>$i</option>";
}
return $r;
}
//forma ay değerlerini döndürür
function ay_sec($say=""){
for ($i=1;$i<=12;$i++){
if($say==$i){$s="selected";} else {$s="";}
$r.="<option $s value='$i'>$i</option>";
}
return $r;
}
//forma yıl değerlerini döndürür
function yil_sec($say=""){
for ($i=1971;$i<=2002;$i++){
if($say==$i){$s="selected";} else {$s="";}
$r.="<option $s value='$i'>$i</option>";
}
return $r;
}
//HESAP
if($HTTP_POST_VARS){
$ay=$HTTP_POST_VARS['ay'];
$gun=$HTTP_POST_VARS['gun'];
$yil=$HTTP_POST_VARS['yil'];
}
if(($ay) && ($gun) && ($yil)){
$lastday = date ("w", mktime (0,0,0,$ay,$gun,$yil));
$gunler=array("Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi");
$lcl_gun=$gunler[$lastday];
$sonuc=1;
}else{
echo "Hesaplama yapmak icin tarih seciniz.";
}
//HESAP BİTİYOR
?>
<table cellpadding="0" cellspacing="0" width="400" align="left">
<tr>
<td colspan="6" align="center"><?php if($sonuc){echo "Doğum Tarihi  Gün :$gunn "."Ay : $ayn "."Yil :$yiln <br><br>";}?></td>
</tr>
<tr>
<td colspan="6" align="center"><?php echo "Doğduğunuz gün ==> $lcl_gun";?></td>
</tr>
<form action="<?php echo $HTTP_SERVER_VARS['PHP_SELF'];?>" name="tahmini_dogum" method="post">
<tr>
<td>Gün :</td><td><?php echo "<select name='gun'>".gun_sec($gun)."</select>";?></td>
<td>Ay :</td><td><?php echo "<select name='ay'>".ay_sec($ay)."</select>";?></td>
<td>Yıl :</td><td><?php echo "<select name='yil'>".yil_sec($yil)."</select>";?></td>
</tr>
<tr>
<td colspan="6" align="center"><br><input type="Submit" value=" Ok "></td>
</tr>
</table>
kaynak: ordan burdan
function gunSira($gun , $ay) {
$aylar = array();
$aylar[] = 0;
$aylar[] = 31;
$aylar[] = 28;
$aylar[] = 31;
$aylar[] = 30;
$aylar[] = 31;
$aylar[] = 30;
$aylar[] = 31;
$aylar[] = 31;
$aylar[] = 30;
$aylar[] = 31;
$aylar[] = 30;
$aylar[] = 31;
$sira = 0;
for($i=0;$i<$ay;$i++) {
$sira += $aylar[$i];
}
$sira += $gun;
return $sira;
}
if (gunSira($date,$mount)>20 and gunSira($date,$mount)<50)
{
echo "burcunuz kova";
}
elseif (gunSira($date,$mount)>49 and gunSira($date,$mount)<80)
{
echo "burcunuz balik";
}
elseif (gunSira($date,$mount)>79 and gunSira($date,$mount)<111)
{
echo "burcunuz koc";
}
elseif (gunSira($date,$mount)>109 and gunSira($date,$mount)<142)
{
echo "burcunuz boğa";
}
elseif (gunSira($date,$mount)>139 and gunSira($date,$mount)<173)
{
echo "burcunuz ikizler";
}
elseif (gunSira($date,$mount)>171 and gunSira($date,$mount)<204)
{
echo "burcunuz yengeç";
}
elseif (gunSira($date,$mount)>202 and gunSira($date,$mount)<236)
{
echo "burcunuz aslan";
}
elseif (gunSira($date,$mount)>233 and gunSira($date,$mount)<266)
{
echo "burcunuz başak";
}
elseif (gunSira($date,$mount)>264 and gunSira($date,$mount)<297)
{
echo "burcunuz terazi";
}
elseif (gunSira($date,$mount)>295 and gunSira($date,$mount)<327)
{
echo "burcunuz akrep";
}
elseif (gunSira($date,$mount)>325 and gunSira($date,$mount)<356)
{
echo "burcunuz yay";
}
else
{
echo "burcunuz oğlak";
}
<>
kaynak: ordan burdan
Bu yazimda yer verecegim basit explorer ornegi de bunlardan biri.
Ornegimizin icinde klasor islemlerine yardimci olacak komutlar uzerinde duruluyor.
Nedir bu komutlar;
dir (string $yol) : $yol degiskeni ile belirtilen yoldaki klasor hakkindaki
bilgileri dizi olarak dondurur. bu komutu kullanabilmek icin bir degiskene atayip
donen degerleri bu diziden cekerek kullanmak gerecektir.
read() : diziden donen degerlerin adim adim okunmasini saglar.
getcwd() : İcinde bulunulan klasorun yolunu verir.
ve $_SERVER degiskenleri : print_r($_SERVER) komutuyla neler oldugunu
gorebileceginiz bu degiskenler ornegimizde en buyuk yardimcimiz olacak
degiskenlerdir.
Kullanilan komutlardan bazilarina kisaca bir bakis yaptiktan sonra ornegimize gecelim :
<html>
<head>
<style>
a.link{
font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
a.link:hover{
font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
.text{
font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.uyari{
font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: red;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="400" bgcolor="#f5f5f5">
<tr>
<td class="uyari">
<table cellpadding="0" cellspacing="0" width="400" bgcolor="#f5f5f5">
<tr>
<td colspan="3" class="uyari">
<font color="#c0c0c0" size="-4">direct explorer v1.1.b || developed by breath</font>
<ul>
<li>Sayfalari çalistirmak için üzerine tiklayiniz
<li>Klasorlere girmek için yanlarindaki [+] simgelerine tiklayiniz.
</ul>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="200" bgcolor="#f5f5f5" border="0">
<?php
//root ayarlarý
$file_name = "web_directory.php";//dosyanin adi
$root = $_SERVER['SCRIPT_FILENAME'];//director dosyaysinin bulundugu root klasor
$root = ereg_replace($file_name,"",$root);
$web_root = $_SERVER['SCRIPT_URI'];//director dosyaysinin web yolu
$web_root = ereg_replace($file_name,"",$web_root);
$page = $_SERVER['HTTP_REFERER'];
$active = getcwd();
if($_GET['dir']){
$dir_path = $HTTP_GET_VARS['backDir'];
$change_path = $dir_path."/".$_GET['dir'];
chdir($change_path);
}else{
$change_path = getcwd();
chdir($change_path);
}
$dir = getcwd();
if(is_dir($dir)){
$d = dir($dir);
//once klasorlerin listelenmesi saglanir
while( false != ($entry = $d->read())){
if(is_dir($entry)){
if(($entry!='.') && ($entry!='..')){
echo "<tr class="text"><td valign="middle" width="10"><img src='$web_root/icons/folder03.gif' height=25 width=30></td><td align="left">$entry</td><td valign="middle"><a class="link" href="$page?dir=$entry&backDir=$dir"> [+]</a></td><td>[dir]</td></tr>";
}
}
}
//daha sonra dosyalar listelenir
$d = dir($dir);
while( false != ($entry = $d->read())){
if(!is_dir($entry)){
if($entry!='index.php'){
$file = explode(".",$entry);
$file = $file[1];
if($file=='php'){
/*
system rootundan faydalanarak web rootunu parse eder
filela birlestirerek link haline getirir
*/
$f = getcwd();
$f = explode($root,$f);
$f = $f[1];
$f = ereg_replace('[]',"/",$f);
$link_path = $web_root.$f."/".$entry;
echo "<tr class="text"><td><img src='$web_root/icons/letter.gif' height=25 width=30></td><td><a href="$link_path">$entry</a></td><td></td></tr>";
}
//bu kismi aktif yaparak tum dosyalarin listelenmesi saglanabilir.
/*else{
echo "<tr><td>— $entry</td><td></td></tr>";
}*/
}
}
}
}
?>
<?php if (@getcwd()!=$root){?>
<tr>
<td>
<br>
<br>
<a href="javascript:history.back()">Üst klasor</a>
</td>
</tr>
<?php }else{?>
<tr>
<td>
<br>
<br>
Üst klasor
</td>
</tr>
<?php }?>
</table>
</td>
</tr>
</table>
</body>
</html>
kaynak: ordan burdan
md5($degisken) -> 32 karakter döndürür
her karakter bir hexadecimal rakamdır
hexadecimal her rakam 4 bittir
yani sadece md5()-> 4.32=128 bittir
md5'i 4 kez kullanırsak bu 4*128=512 bit eder
örnek kod aşağıda…
<?php
function 512bit_md5($d1, $d2)
{
$bir = $d1;
$iki = $d2;
$uc = $bir . $iki;
$drt = $uc . $bir;
$bes = $drt . $bir;
$alt = $uc . $uc;
$yed = $bir . $iki . $uc . $bir;
$md1 = md5( $yed . $iki . md5($bir . $bes . md5($yed . strrev( $yed))));
$md2 = md5( $md1 . md5( $bir . $uc . $drt . md5( $yed . $md1)));
$md3 = md5( $md2 . md5($md1));
$md4 = md5( $md3 . $md1 . $md2 . md5($yed));
return $md2 . $md1. $md4 . md5($md3 . $md2);
}
?>
kaynak: ordan burdan
<?php
define("CONSTANT", "Hello world.");
echo CONSTANT; // outputs "Hello world."
echo Constant; // outputs "Constant" and issues a notice.
?>
kaynak: ordan burdan
<?php
header("Content-type: image/jpeg");
$on = imagecreatefromjpeg("on.jpg");
$on_genislik = imagesx($on);
$on_yukseklik = imagesy($on);
$arka = imagecreatefromjpeg("arka.jpg");
$arka_genislik = imagesx($arka);
$arka_yukseklik = imagesy($arka);
$koordinat_x = $arka_genislik - $on_genislik;
$koordinat_y = $arka_yukseklik - $on_yukseklik;
$seffaflik = 40;
$kalite = 85;
$resim_ismi = "deneme.jpg";
imagecopymerge($arka, $on, $koordinat_x, $koordinat_y, 0, 0, $on_genislik, $on_yukseklik, $seffaflik);
imagejpeg($arka, $resim_ismi, $kalite);
$son_hali = imagecreatefromjpeg($resim_ismi);
imagejpeg($son_hali);
imagedestroy($on);
imagedestroy($arka);
imagedestroy($son_hali);
?>
kaynak: ordan burdan
Bundan böyle burada javascript kodları vermeye çalışacağım. Bunlardan bazıları benim çok işime yarıyorlar. Gerçektende kullanışlı kodlar denk geliyor, buda bunlardan birtanesi (yukarıda resimdeki) Adı gizli menü ekranın solunda duruyor ve mouse üzerine getirince açılıyor. Kodu aşağıda veriyorum devamını okuyun yazan yere tıklarsanız göreceksiniz, ama önce test etmek isterseniz buraya tıklayarak test sayfamızdan test edebilirsiniz. Testi Firefox harici bir tarayıcıyla yapın mesela internet explorer ile.Unutmayın bunun içeriğini istediğiniz gibi değiştirebilirsiniz.
<HEAD>..</HEAD> arasına eklenecek kod
<HTML>
<HEAD>
<TITLE>gizli-menu</TITLE>
<script language="JavaScript1.2">
/*
Static menu script II (By maXimus, maximus@nsimail.com, http://absolutegb.com/maximus/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>
<style>
<!-
.hl {
Background-Color : yellow;
Cursor:hand;
}
.n {
Cursor:hand;
}
->
</style>
<BODY>..</BODY> arasına eklenecek kod
</HEAD>
<BODY>
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onMouseOver="move(132)" onMouseOut="move(-132)">
<script language="JavaScript1.2">
function positionmenu(){
move(-132)
}
if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>
<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>
<script language="JavaScript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial
Black">G<br>I<br>Z<br>L<br>I<br>M<br>E<br>N<BR>U
</font></p></span></TD>')
</script>
</tr>
<script language="JavaScript1.2"><!-
if (document.all||document.layers) {
makeStatic();}
var text=new Array();
var thelink=new Array();
//configure thelinks below. Extend as desired
text[0]="extradestek.org";
text[1]="buzlu.org";
text[2]="themes-wordpress";
text[3]="epardus";
text[4]="derinayna";
text[5]="egazetem";
text[6]="centerforum";
text[7]="Email";
thelink[0]="http://www.extradestek.org";
thelink[1]="http://www.buzlu.org";
thelink[2]="http://www.themes-wordpress.com";
thelink[3]="http://www.epardus.com";
thelink[4]="http://www.derinayna.com";
thelink[5]="http://www.egazetem.com";
thelink[6]="http://www.centerforum.net";
thelink[7]="mailto:dynamicdrive@yahoo.com";
//enter target of above links
//Valid values are ", 'new', or 'framename' (where 'framename' is the name of the frame you wish the links to target)
var linktarget="
///DO NOT EDIT BELOW THIS LINE////////////////
function navigateie(which){
if (linktarget==")
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}
for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className='hl'" onmouseout="className='n'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='white'" width=131><FONT SIZE=2 FACE=ARIAL> <A href="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}
//->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
</BODY>
</HTML>
kaynak: ordan burdan
JavaScript için olay nedir? Kullanıcının sayfa üzerinde yaptığı her türlü işlem olaydır. Sayfayı açmak, bir nesnenin üzerine tıklamak, fareyle bir nesnenin üzerine gelmek, bir tuşa basmak, bir değeri değiştirmek. Bunların hepsi bir olaydır. HTML nesneleridir ve küçük harfle veya büyük harfle yazılmalarında sakınca yoktur.
"onClick" Olayı
Bu sayfaya kadar onclick (tıklanıldığında) olayını düğme üzerinde birçok uygulamamızda kullandık. Bu olayı uygulamak için düğmeye ihtiyacımız yok, herhangi bir HTML nesnesi de olur: resim, hiperlink, metin vb. onclick olayı kullanıcının fareyle oluşturduğu olaylardandır.
<html>
<head>
<title>Olay: Onclick</title>
<script language="JavaScript">
function mesaj()
{
sayfa = window.open("","yeni_sayfa", "toolbar=0,location=0,directories=0, status=0, menubar=0,scrollbars=0,resizable=0, copyhistory=0,width=280, height=80, left=200, screenX=200, top=100, screenY=100")
sayfa.document.write("<h1>Merhaba</h1>")
}
</script>
</head>
<body>
<a href="#" onclick="mesaj()">Mesajınız var.</a>
</body>
</html>
[Sayfayı göster] [Temizle] [İlk haline getir]
"onDblClick" Olayı
onclick olayına çok benzeyen diğer olay: ondblclick (çift tıklanıldığında). Adından da anlaşılacağı gibi kullanıcının fareyle çift tıklamasını ifade eder. Aşağıdaki uygulamaya bakalım:
<html>
<head>
<title>Olay: OnDblclick</title>
<script language="JavaScript">
function mesaj()
{
alert("Hiperlinkin üzerine geldiniz.")
}
</script>
</head>
<body>
<img src="web.jpg" border="0" ondblclick="mesaj()"><br>
<p>Resmin üzerine çift tıklarsanız mesaj kutusu görünür.</p>
</body>
</html>
[Sayfayı göster] [Temizle] [İlk haline getir]
"onMouseOver" Olayı
Fareyle yaratılan bir diğer olay: onmouseover olayıdır, fare imlecinin bir HTML nesnesi üzerine gelmesini ifade eder. Daha önceki uygulamayı onmouseover olayına uyarlıyalım.
<html>
<head>
<title>Olay: OnMouseOver</title>
<script language="JavaScript">
function mesaj()
{
alert("Hiperlinkin üzerine geldiniz.")
}
</script>
</head>
<body>
<a href="#" onmouseover="mesaj()">Hiperlinkin üzerine gelirseniz mesaj görünür.</a>
</body>
</html>
[Sayfayı göster] [Temizle] [İlk haline getir]
"onMouseOut" Olayı
Bir başka benzer fare olayı ise onmouseout. Bu olay fare imlecin herhangi bir HTML nesnesi üzerinden gitmesini ifade eder. Uygulamamıza bakalım.
<html>
<head>
<title>Olay: OnMouseOut</title>
<script language="JavaScript">
function mesaj()
{
alert("Hiperlinkten çıktınız.")
}
</script>
</head>
<body>
<a href="#" onmouseout="mesaj()">İmleci hiperlinkin üzerinden çekerseniz mesaj görünür.</a>
</body>
</html>
[Sayfayı göster] [Temizle] [İlk haline getir]
Genellikle onmouseover ve onmouseout olay kodları birlikte kullanılıyor. Bunlar en çok kullanılan fare kodlarıdır. Böyle bir başka ikili fare olay koduna bakalım: onmousedown (fare tuşuna basıldığında), onmouseup (fare tuşu bırakıldığında)
kaynak: ordan burdan
