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
CSS özellikleri bir elementin arkaplanını belirlemenize imkan sağlar. Arkaplanlar renkler ya da resimler olabilir.
Arkaplan özellikleri şunlardır:
1. back-ground,
2. background-color,
3. background-image,
4. background-repeat,
5. back-ground-attachment,
6. background-position.
Şimdi bunları tek tek açıklayalım:
1. background
Değer: background-color, background-image, back ground-repeat, background-attachment, back-ground-position, inherit
Nelere uygulanır: Bütün unsurlara.
background özelliği kişisel arkaplan özelliklerini ayarlamak için pratik bir yoldur.
Örnek:
BODY { background: red }
P { background: url("bg.png") #cecece 50% repeat fixed }
2. background-color
Değer: color, transparent, inherit
Nelere uygulanır: Bütün unsurlara.
Örnek:
table { background-color: #cecece }
3. background-image
Değer: url, none, inherit
Nelere uygulanır: Bütün unsurlara.
Bir arkaplan resmi ayarladığınız zaman eğer resim mevcut değilse bir renk belirtmeniz gerekir.
Örnek:
.title { background-image: url("images/title.gif") }
div { background-image: none }
4. background-repeat
Değer: repeat, repeat-x, repeat-y, no-repeat, inherit
Nelere uygulanır: Bütün unsurlara.
Bu özellik arkaplan resminin x veya y pozisyonunda tekrarı istendiği zaman kullanılır.
Örnek:
.content {
background: white url("bg.gif");
background-repeat: repeat-x;
background-position: center;
}
5. background-attachment
Değer: scroll, fixed, inherit
Nelere uygulanır: Bütün unsurlara.
Örnek:
.content {
background: white url("bg.gif");
background-repeat: repeat-x;
background-attachment: fixed;
}
6. background-position
Değer: percentage, length, top center bottom left center right, inherit
Nelere uygulanır: block-level ve değiştirilen unsurlar.
Örnek:
BODY { background: url("logo.jpeg") right top } /* 100% 0% */
kaynak: ordan burdan