Menopoz her kadının yolunun üzerinde bir durak.bu durakta durmak ya da durmamak.işte o sizin elinizde.menopoz dönemi az hasarla atlatmak için yapmanız gereken ilk şey doktorunuza danışmak.

bu dönemde değişik şikayetlerinizin olacağı kesin.doktorunuzla iletişimde olduğunuz sürece içiniz rahat olsun. Read the rest of this entry »

<?php
// Setting the URL variable
$link = $_GET['url'];

// Google Backlinks
function fetch_google($uri) {
$uri = trim(eregi_replace('http://', '', $uri)); $uri = trim(eregi_replace('http', '', $uri));
$url = 'http://www.google.com/search?hl=en&lr=&ie=UTF-8&q=link:'.$uri;
$v = file_get_contents($url);
preg_match('/of about <b>(.*?)</b>/si',$v,$r);
return ($r[1]) ? $r[1] : '0';
}

// Yahoo Inlinks
function fetch_yahoo($uri) {
$uri = trim(eregi_replace('http://', '', $uri)); $uri = trim(eregi_replace('http', '', $uri));
$url = 'http://siteexplorer.search.yahoo.com/search?p=http://'.$uri.'&bwm=i&bwmf=s&bwmo=&fr2=seo-rd-se';
$v = file_get_contents($url);
preg_match('/of about <strong>(.*?) </strong>/si',$v,$r);
return ($r[1]) ? $r[1] : '0';
}

// Alexa Rating
function fetch_alexa($uri){
$uri = trim(eregi_replace('http://', '', $uri)); $uri = trim(eregi_replace('http', '', $uri));
$url = 'http://data.alexa.com/data?cli=10&dat=snbamz&url=' . urlencode($uri);
$v = file_get_contents($url);
preg_match('/<popularity url="(.*?)" TEXT="([0-9]+)"/>/si', $v, $r);
return ($r[2]) ? $r[2] : '0';
}

// Page Header
echo "<h2>Search Engine Popularity</h2>";

// Display Links and Information
if (isset($link)) {
echo "<strong>URL:</strong> " . $link . "<br />";
echo "<strong>Google Backlinks:</strong> " . fetch_google($link) . "<br />";
echo "<strong>Yahoo Backlinks:</strong> " . fetch_yahoo($link) . "<br />";
echo "<strong>Alexa Rating:</strong> " . fetch_alexa($link) . "<br />";
}

// Search Form
echo "<br />
<form action="linkcheck.php" method="get">
<input type="text" name="url" />
<input type="submit" />
</form>";

?>

kaynak: ordan burdan

<a href="http://www.otelreferans.com/" onmouseover="window.status='Oteller İçin Referans Sitesi'; return true;" onmouseout="window.status=''; return true;">Oteller</a>

kaynak: ordan burdan

<script>

var mytest = document.getElementById('test');
mytest.addEventListener('click',fonksiyonadi,false);

function tellme()
{
alert("Clicked");
}

</script>

<a id="test">Tıklayın</a>

burada event(olay) farklı olabilir onmouseover gibi
bu yöntem html de çok fazla kod yazmanızı azaltır

kaynak: ordan burdan

her MetaTagın ne kadar önemli olduğunu 5 yıldız üzerinden sizlere niteleyeyim.

Sıralama Kriterleri

Tek Yıldız (*) = Önemsiz

İki Yıldız (**) = Fayda Sağlamayan

Üç Yıldız (***) = Orta Derecede Etkili

Dört Yıldız (****) = Görsel Açıdan Etkili

Beş Yıldız(*****) = Sıralama Açısından Etkili

1) Abstract Meta Tagı (*)

Açıklama : Tek cümle ile sitenin açıklamasını içerir.

Önem : Hiçbir arama motoru ciddiye almaz.

Kod : <META NAME="Abstract" CONTENT="Sayfanın genel içeriği">

2) Author Meta Tagı (*)

Açıklama : Site tasarımcısının adını içerir.

Önem : Hiçbir arama motoru ciddiye almaz.

Kod :<META NAME="Author" CONTENT="Sayfayı Tasarlayan Kimsenin Adı ">

3) Copright Meta Tagı (*)

Açıklama : Sitenin telif hakkı ile ilgili bilgiler içerir.

Önem : Hiçbir arama motoru ciddiye almaz.

Kod : <META NAME="Copyright" CONTENT="Bu sitenin şusu busu buna aittir geyiği">

4) Description Meta Tagı (****)

Açıklama : Sitenin açıklamasıdır.Eğer site DMOZ'da ekli değilse,Google arama sonuçlarında Site Adının hemen altında yazan yazıdır.Esasında buraya spam keyword doldurmak hiç ama hiç akıl kârı değildir.Kesinlikle saçmalıktır.3-4 cümle ile özetlenmiş,arama sonuçlarında okuduğu zaman kullanıcıyı çekecek,mümkünse içinde site içeriği ile ilgili kelimeler sıkça geçecek -abartmadan- bir Açıklama yazılmalıdır.

Önem : Google görsellikte önplana çıkartır,çok nadir olarak sonuçları etkileyebilir.

Kod :<META NAME="Description" CONTENT="Dediğim şekilde Açıklama içeren cümleler">

5) Keywords Meta Tagı (***)

Açıklama : Tecrübelerime dayanarak,etkisin oldukça zayıf olduğu söylenebilir.Ancak yine de her sitenin uygulaması webmaster menfaatinedir.En ufak olumlu tepki bile kârdır.Bu sebeple keywordler eklenmelidir.Dikkat edilmesi gereken husus ise en fazla 20-25 kelime sınırıdır.Kelimelerin tamamı SİTE İÇERİÐİ İLE ALAKALI olmalıdır.Saçma sapan adult keywordler doldurmanın kimseye faydası yoktur.Araya muhakkak virgül konmalıdır - tercihen virgül sonrası bir boşluk sonra kelime sonra tekrar aynı döngü-.Virgül konulmaz ise tüm yazılanlar tek kelime gibi algılanır

Önem : Ciddiye alındığı söylenir,ancak ben aşırı derecede olumlu hiçbir etkisini göremedim.Yine de deneyin

Kod :<META NAME="Keywords" CONTENT="seo teknikleri, ücretli arama motoru optimizasyonu,">

6) Language Meta Tagı (**)

Açıklama : Site dilini bota tanımlar.Google Botun ihtiyacı çokça yoktur.Ancak yönlendirme amaçlıdır,üşengeç botu üzmez,kalbini kazanır

Önem : Mümkünse düzenlenmelidir.

Kod :<META NAME="Language" CONTENT="Dil tanımı">

7) RefreshMeta Tagı (*)

Açıklama : Oldukça gereksiz,bir o kadar da tehlikelidir.Bu taga kızan botlar olup,gönül koyabilir.Nadir uğrar,geldi mi de pek indexleyesi gelmez.

Önem : Hiçbir arama motoru ciddiye almaz.

Kod :<META NAME="Refresh" CONTENT="kaç saniyede bir yenilenecekse buraya yazılmalı,URL=http://www.seoteknikleri.com">

Revisit Meta Tagı (*)

Açıklama : Botu bir daha ne vakit çağıralım meta tagıdır.Bot fazla ilgi alaka sevmez.Yalaka adamla hiç uğraşamaz.Siz en iyisi ona hiç,şu vakitte gel bu vakitte gel demeyin.Emri-Vaki algılar,direk kızar.En iyisi bu tagı hiç kullanmamak

Önem : Hiçbir arama motoru ciddiye almaz.

Kod : <META NAME="Revisit-After" CONTETN="X Days">

9) Robot Meta Tagı (*)

Açıklama : Sayfanın indexlenip indexlenmemesi konusunda gerekli bir Koddur.Eğer botun ziyaret etmemesi için kullanacaksanız robots.txt dosyasından da disallow vermeniz önerilir.index komutu verip beni indexler misin diyebilirsiniz,ancak oldukça gereksizdir önerilmez.

Önem : Hiçbir arama motoru ciddiye almaz.

Kod :<META NAME="Robot" CONTETN="index,follow">

10) Akıllı Webmaster Meta Tagı (*****)

Açıklama : Descriptionu,Keywordu,bir de garanti olsun diye Language metasını ekler.Başka hiçbirşey yapmaz.Çünkü bilir ki arama motorları üstten indexlemeye başlar.Ve her satır kaybı site içerisindeki içeriğin önemini biraz daha arttırır.

kaynak: ordan burdan

Doküman (document) nesnesi HTML dokümanının tamamını ifade etmektedir ve HTML'de kullandığımız <p>, <h1>, <div>, vb. gibi tüm komutları içerir. Doküman nesnesini HTML'deki <body> bölümü olarak düşünebilirsiniz.

Aslında ilk JavaScript dersinden başlayarak, document.write() komutu ile HTML dokümanlarına yazı eklemeyi öğrenmiştik.

Doküman Nesnesinin İçeriğini Değiştirmek
Doküman nesnenin içeriğini değiştirmek için innerHTML kullanılır. Önce doküman id="…" parametresi ile tanımlanır. Tanımlanan doküman dokümantanımı.innerHTML ile içerik değiştirilir:

<html>
<head>
<title>InnerHTML</title>
<script language="JavaScript">
function cikis()
{
ilan.innerHTML="Barımızdan çıkış 50 milyon TL!!!"
ilan.style.color="blue"
}
function giris()
{
ilan.innerHTML="Barımıza giriş bedavadır."
ilan.style.color="black"
}
</script>
</head>
<body>

<h1 id="ilan" onmouseover="cikis()" onmouseout="giris()" >Barımıza giriş bedavadır.</h1>

</body>
</html>
[Sayfayı göster] [Temizle] [İlk haline getir]

Doküman Başlığını Belirlemek
HTML'de <title> komutu ile sayfa başlığını belirliyorduk. Sayfa başlığını değiştirmek için document.title komutunu kullanacağız.

document.title komutu, sayfa başlığı değerini taşıyor. Bu değeri değiştirdiğimizde sayfa başlığı da değişir.

<html>
<head>
<title>Sayfa Başlığını Değiştirmek</title>
</head>
<body>
<p>Sayfa başlığı: <b><script language="JavaScript">document.write(document.title)</script></b></p>
</body>
</html>

[Sayfayı göster] [Temizle] [İlk haline getir]

Bu örnek biraz basit oldu ama document.title komutunun ne işe yaradığını gösteriyor. Form araçları sayfasından sonra sayfa başlığını ziyaretçiye yazdırabiliriz. Veya saat bilgisini başlığa yansıtabiliriz.

Doküman Nesnesini Türünü Belirlemek
Daha önce belirttiğimiz gibi doküman nesnesi HTML'in herhangi bir doküman nesnesi olabilir: <p>, <h1>, <div>, vb. Nesne ne olursa olsun id parametresiyle isimlendirerek o nesne içeriğine dilediğimiz komutları verebiliriz.

Peki elimizde id ile verdiğimiz ismi kullanarak, nesnenin ne olduğunu sayfada gösterebilir miyiz? (Bazen oldukça işe yarıyor.) O nesnenin ne olduğunu bilmek istersek getElementById().tagName komutunu kullanırız.

<html>
<head>
<title>getElementById() Kullanımı</title>
<script language="JavaScript">

function bul(metin)
{
var x=document.getElementById(metin)
alert("Ben bir <" + x.tagName + "> elemanıyım")
}
</script>
</head>
<body>
<h1 id="eleman1" onclick="bul('eleman1')">Bana tıklarsanız, hangi HTML nesnesi olduğumu görürsünüz!!!</h1>
<h2 id="eleman2" onclick="bul('eleman2')">Bana tıklarsanız, hangi HTML nesnesi olduğumu görürsünüz!!!</h2>
<h3 id="eleman3" onclick="bul('eleman3')">Bana tıklarsanız, hangi HTML nesnesi olduğumu görürsünüz!!!</h3>
<h4 id="eleman4" onclick="bul('eleman4')">Bana tıklarsanız, hangi HTML nesnesi olduğumu görürsünüz!!!</h4>
<p id="eleman5" onclick="bul('eleman5')">Bana tıklarsanız, hangi HTML nesnesi olduğumu görürsünüz!!!</p>
<div id="eleman6" onclick="bul('eleman6')">Bana tıklarsanız, hangi HTML nesnesi olduğumu görürsünüz!!!</div>
</body>
</html>

[Sayfayı göster] [Temizle] [İlk haline getir]

Arka Plan Rengini Değiştirmek
Arka plan rengini değiştirmek için document.bgcolor komutunu kullanırız.

<html>
<head>
<title>Arka Plan Renkleri</title>
<script language="JavaScript">

function renklendir(n)
{
switch(n)
{
case 1: document.bgColor="red"
break
case 2: document.bgColor="yellow"
break
case 3: document.bgColor="blue"
break
case 4: document.bgColor="orange"
break
case 5: document.bgColor="green"
break
case 6: document.bgColor="crimson"
break
default: document.bgColor="white"
break
}
}
</script>
</head>

<body>
<a href="#" onclick="renklendir(1)">Kırmızı</a><br /><br />
<a href="#" onclick="renklendir(2)">Sarı</a><br /><br />
<a href="#" onclick="renklendir(3)">Mavi</a><br /><br />
<a href="#" onclick="renklendir(4)">Turuncu</a><br /><br />
<a href="#" onclick="renklendir(5)">Yeşil</a><br /><br />
<a href="#" onclick="renklendir(6)">Bordo</a><br /><br />
<a href="#" onclick="renklendir(7)">Beyaz</a><br /><br />
</body>
</html>

kaynak: ordan burdan

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.

<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>
[Sayfayı göster] [Temizle] [İlk haline getir]

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.

kaynak: ordan burdan

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.

kaynak: ordan burdan

accesskey="karakter": Form denetimlerinde ve <a> (anchor) etiketlerinde, doküman öğesine erişim için kullanılabilen tek karakter.

align="metin": Bir dokümanın bir kısmındaki bilginin hizalanması.

alt="metin": Resimleri, formları, nesneleri ve bir dokümanın diğer kısımlarını tanımlayan alternatif metin.

char="karakter": Bir tablonun içeriği hizalanırken, bir hizalama ekseni olarak davranan karakter.

charoff="sayı": Tablo içeriğini hizalarken, eksen karakterinden itibaren bırakılacak boşluk sayısı.

class="metin": Doküman öğesine atanmak üzere birbirinden boşluklarla ayrılmış bir veya daha fazla sınıf ismi.

dir="metin": Metin ve tabloların doğrultusu: "ltr" (left-to-right, yani soldan sağa) veya "rtl" (right-to-left, yani sağdan sola).

disabled: Bir form üzerindeki denetimi kullanıcı girdisini idare edemeyeceği şekilde iptal eden bir nitelik.

id="metin": Doküman öğesine verilecek isim.

lang="metin": Bir doküman öğesinin niteliklerinde ve içerdiği metinde kullanılan dil.

name="metin": Doküman öğesi için bir isim.

onblur="script": Bir doküman öğesi kullanıcı girişi odağını yitirdiğinde olan bir olay.

onchange="script": Bir doküman kullanıcı girişi odağını yitirdiğinde ve değeri odaktayken değiştirilen bir doküman öğesi.

onclick="script": Kullanıcı doküman öğesine fareyle tıkladığında olan bir olay.

ondblclick="script": Kullanıcı doküman öğesi üzerine fareyle çift tıkladığında olan bir olay.

onfocus="script": Bir doküman öğesi, kullanıcı girişi odağını aldığında olan bir olay.

onkeydown="script": Bir tuş basıldığında olan bir olay.

onkeypress="script": Bir tuşa basılıp bırakıldığında olan bir olay.

onkeyup="script": Bir tuş bırakıldığında olan bir olay.

onload="script": Tüm doküman veya bir frameset'teki tüm çerçeveler yüklendiğinde olan bir olay.

onmousedown="script": Fare doküman öğesi üzerindeyken fareyle tıkladığında olan bir olay.

onmouseout="script": Fare, bir doküman öğesi üzerindeyken o öğeden uzaklaşırken olan bir olay.

onmouseover="script": Fare imleci bir doküman öğesi üzerine getirildiğinde olan bir olay.

onmousemove="script": Fare imleci bir doküman öğesi üzerindeyken hareket ettirildiğinde olan bir olay.

onmouseup="script": İmleç bir doküman öğesi üzerindeyken kullanıcı fare öğesini bıraktığında olan bir olay.

onreset="script": Bir formdaki tüm kontroller resetlendiğinde olan bir olay.

onselect="script": Bir metin işleme kullanıcı kontrolü seçildiğinde olan bir olay.

onunload="script": Bir doküman bir pencere veya çerçeveden atıldığında olan bir olay.

readonly: Bir form kontrolündeki bir değerin değiştirilemeyeceğini belirten bir nitelik.

style="metin": Bu bağımsız doküman öğesi için stil bilgisi.

tabindex="sayı": Doküman öğesinin sekme sırasındaki konum.

target="metin": Bir dokümanın içinde açılması gereken çerçevenin adı.

title="metin": Bir doküman öğesi hakkında açıklayıcı metin.

usemap="URI": Bir imagemap'in doküman öğesiyle ilişkilendirilecek URI'si, bunun mevcut <MAP> öğesinin name niteliğine uyması gerekir.

valign="metin": Tablo hücreleri içindeki bilginin dikey hizalaması.

kaynak: ordan burdan

<!– TWO STEPS TO INSTALL CHANGE IMAGE:

1. Paste the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document –>

<!– STEP ONE: Copy this code into the HEAD of your HTML document –>

<HEAD>

<SCRIPT language="JavaScript">

<! >
<! >

<!– Begin
function movepic(img_name,img_src) {
document[img_name].src=img_src;
}
// End –>
</SCRIPT>
<!– STEP TWO: Put this code into the BODY of your HTML document –>

<BODY>

<!– Be sure to give each image a name! (<img name="button">)
Include that name in the onmouseover/onmouseout tags! –>

<CENTER>
<A HREF="http://javascript.internet.com"
onmouseover="movepic('button','pic-off.gif')"
onmouseout="movepic('button','pic-on.gif')">
<IMG NAME="button" SRC="pic-off.gif" ALT="Image"></A>
</CENTER>

<!– Script Size: 1.17 KB –>

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

<HEAD>..</HEAD> arasına eklenecek kod

<!- Original: ScriptBreaker ->
<!- Web Site: http://www.ScriptBreaker.com ->
<style>
.move
{
width:100%;
background-color:#3E5999;
border-bottom:1px solid black;
font-size:14px;
font-family:verdana;
font-color:"#C9D2DC";
text-align:center;
}
.info
{
width:100%;
background-color:#3E5999;
border-top:1px solid black;
font-size:13px;
font-family:verdana;
font-color:"#FFFFFF";
color:"FFFFFF";
}
.panel
{
width:150;
position:absolute;
border:1px solid black;
left:350;
top:200;
font-size:13px;
font-family:verdana;
}
.panel a:visited{color:blue;}
.panel a{text-decoration:none;color:blue}
.panel a:hover{text-decoration:none;}
#panel a.visited{
text-decoration:none;
}
.menu
{
width:100%;
background-color:#96C5AA;
font-size:13px;
font-family:verdana;
}
.bilgi {font-family:arial black, arial;font-size:17px; color:gold; font-weight:bold;}
</style>

<SCRIPT LANGUAGE="JavaScript">
N = (document.all) ? 0 : 1;
var ob;
var over = false;

function MD(e) {
if (over)
{
if (N) {
ob = document.getElementById("panel");
X=e.layerX;
Y=e.layerY;
return false;
}
else {
ob = document.getElementById("panel");
ob = ob.style;
X=event.offsetX;
Y=event.offsetY;
}
}
}

function MM(e) {
if (ob) {
if (N) {
ob.style.top = e.pageY-Y;
ob.style.left = e.pageX-X;
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}

function MU() {
ob = null;
}
if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
</script>

<BODY>..</BODY> arasına eklenecek kod

<div id="panel" class="panel" >

<script language="JavaScript">

function getArray(id)

{

var splitarray = link[id].split("|");

return splitarray;

}

function info(i,obj,col)

{

sublink = getArray(i);

infobar = document.getElementById("infob");

infobar.innerHTML = "<font class='bilgi'><i>!</i></font> "+sublink[2];

obj.style.backgroundColor=col;

}

function endi(obj,col)

{

obj.style.backgroundColor=col;

infobar = document.getElementById("infob");

infobar.innerHTML = "<font class='bilgi'><i>!</i></font> Açıklamasını görmek için bir öğe seçin.<br>";

}

var link = new Array();

link[0] = " » extradestek.org|http://www.extradestek.org |Destek sitesi";

link[1] = " » hediyeler.org|http://www.hediyeler.org|Hediyelerini kendin yap";

link[2] = " » Wordpress temaları|http://www.themes-wordpress.org |Türkçe tema arşivi";

link[3] = " » epardus.com|http://www.epardus.com |Özgür yazılım pardus destek sitesi";

link[4] = " » derinayna.com|http://www.derinayna.com|Küresel ısınma";

document.write("<div class='move' onmouseover='over=true;' onmouseout='over=false;' style='cursor:move'><font color=#C9D2DC><b>:: M e n ü ::</b></font></div><div class='menu'><br></div>");

for(i=0;i<link.length;i++)

{

sublink = getArray(i);

document.write("<a href='"+sublink[1]+"'><div class='menu' onmouseover="info("+i+",this,'gold')" onmouseout="endi(this,'#96C5AA')" style='cursor:hand'> "+ sublink[0] +"</div></a>");

}

document.write("<div class='menu'><br></div><div class='info' id='infob' name='infob'><font class='bilgi'><i>!</i></font> <br></div>");

</script>

</div>
<!- end Source ->

kaynak: ordan burdan

<style TYPE="text/css">
<!–
body{
overflow:scroll;overflow-x:hidden
}
.popper
{
position : absolute;
visibility : hidden;
}
//–>
</style>

<tr>
<td width="139" height="134" valign="top" bgcolor="#C0C0C0"><div ID="topdeck" CLASS="popper"></div>
<script>
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

function pop(msg,bak)
{

var :-):-):-):-):-):-):-) ="<TABLE WIDTH=130 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><FONT COLOR=#FFFFFF SIZE=2><B>ACIKLAMA</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD><FONT COLOR=#000000 SIZE=2><CENTER>"+msg+"</CENTER></FONT></TD></TR></TD></TR>";

if (nav)
{
skn.document.write(:-):-):-):-):-):-):-));
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = :-):-):-):-):-):-):-);
skn.visibility = "visible";
}
}

function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 60;
skn.top = y+20;
}

function kill()
{
skn.visibility = "hidden";
}

:-):-):-):-):-):-):-):-):-):-):-)

<style="word-spacing: 0; margin: 0"><a href="http://www.bilenin.sayfasi.com" target="_blank"
ONMOUSEOVER="pop('Çok harika bir script,renklerinide değiştirebilirsiniz.','lightgreen')" ; ONMOUSEOUT="kill()">Deneme</a>

kaynak: ordan burdan

<html>
<head>
<title>FORUM</title>
<style>
<!–
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:2px solid navy;
background-color:lightblue;
layer-background-color:lightblue;
font:bold 12px Verdana;
line-height:20px;
}
–>
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<!– Type your text here //–>
<script language="JavaScript1.2">

if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()
//extend or shorten this list
sitems[0]="………link1"
sitems[1]="………link2"
sitems[2]="………link3"
sitems[3]="………link4"
sitems[4]="………link5"
sitems[5]="………link6"
sitems[6]="………link7"
sitems[7]="………link8"
sitems[8]="………link9"
sitems[9]="………link10"
sitems[10]="……..link11"
sitems[11]="……..link12"
sitems[12]="……..link13"

//These are the links pertaining to the above text.
sitemlinks[0]="link1.html"
sitemlinks[1]="link2.html"
sitemlinks[2]="link3.html"
sitemlinks[3]="link4.html"
sitemlinks[4]="link5.html"
sitemlinks[5]="link6.html"
sitemlinks[6]="link7.html"
sitemlinks[7]="link8.html"
sitemlinks[8]="link9.html"
sitemlinks[9]="link10.html"
sitemlinks[10]="link11.html"
sitemlinks[11]="link12.html"
sitemlinks[12]="link13.html"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>
</body>
</html>

alt taraftakilerde(link1.html,link2.html) onları değiştireceksiniz

kaynak: ordan burdan

Php dosyasının bulunduğu yerde resim klasörü açılıp içine konacak olan resim dosyaları aşağıdadır. Yukarıdan aşağıya doğru sıfır dan başlayarak numaralandırmanız gerekiyor.

Javascript - Checkbox Seçim Kutusu (scriptler, programlama, nasıl, nedir?, bedava)

Nisan 15, 2008 at 21:35 | Bilgisayar
- Gönderen: admin | Yorum Ekle

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Checkbox_Seçim kutusu</title>
</head>
<body>

<div style="position: absolute; width: 254px; height: 100px; z-index: 1; left: 252px; top: 121px" id="secim_kutusu">

<form name="kutubak">
<p>
<font color="#000080" size="4">
<input type="checkbox" name="saab" value="ON" style="font-weight: 700"></font><b><a href="http://www.saab.tr.cc" onMouseover="kutusec(0)" onMouseout="secme(0)"><font size="4" color="#000080">Ana sayfa</font></a></b><font color="#000080" size="4"><b><br>
<input type="checkbox" name="saab" value="ON" style="font-weight: 700"></font><b><a href="http://www.tr.cc/asp/down.html" onMouseover="kutusec(1)" onMouseout="secme(1)"><font size="4" color="#000080">Download</font></a></b><font color="#000080" size="4"><b><br>
<input type="checkbox" name="saab" value="ON" style="font-weight: 700"></font><b><a href="http://www.tr.cc/asp/oyun.html" onMouseover="kutusec(2)" onMouseout="secme(2)"><font size="4" color="#000080">Oyun</font></a></b><font color="#000080" size="4"><b><br>
<input type="checkbox" name="saab" value="ON" style="font-weight: 700"></font><b><a href="http://www.mydesign.gen.tr/kategoriler/javascript/" onMouseover="kutusec(3)" onMouseout="secme(3)"><font size="4" color="#000080">Javascript kod</font></a></b><font color="#000080" size="4"><b><br>
<input type="checkbox" name="saab" value="ON" style="font-weight: 700"></font><b><a href="http://www.mydesign.gen.tr/kategoriler/html/" onMouseover="kutusec(4)" onMouseout="secme(4)"><font size="4" color="#000080">Html - Css</font></a></b><font color="#000080" size="4"><b><br>
<input type="checkbox" name="saab" value="ON" style="font-weight: 700"></font><b><a href="http://www.mydesign.gen.tr/myforum/default.asp" onMouseover="kutusec(5)" onMouseout="secme(5)"><font size="4" color="#000080">Forum</font></a></b><font color="#000080" size="4"><b><br>
<input type="checkbox" name="saab" value="ON" style="font-weight: 700"></font><b><a href="mailto:ksabitk@hotmail.com" onMouseover="kutusec(6)" onmouseout="secme(6)"><font size="4" color="#000080">ksabitk@hotmail.com</font></a><font size="4" color="#000080">
</font></b>
</p>
</form>
<script>
var kutu=document.kutubak
function kutusec(whichbox){
kutu.saab[whichbox].checked=true
}
function secme(whichbox){
kutu.saab[whichbox].checked=false
}
</script>
</div>
</body>
</html>

kaynak: ordan burdan