Mart 11th, 2008
Konuyu Açan 
admin
| Merhaba Arkadaşlar şimdi sizlere JavaScript ile bir büyüteç efekti nasıl olur onu görüceksiniz.Başlıktanda anlıyacağınız gibi google map tarzı yerler veya iletişim adres bölümündeki küçük harita resimlerini büyütmek için kullanabilirsiniz.
Örnek : http://www.ademkarhal.com/webders/buyutec
ekten dosyayı indirerek index.html kısmından ekleyeceğiniz resim isimlerini büyüteç efektlerinide webders.js dosyasından istediğiniz gibi düzenleyebilirsiniz… |
| |
| Ek dosyayı indirmek için tıklayın. |
Katagori
Java Script | 
Hic Yorum Yok »
Mart 11th, 2008
Konuyu Açan admin
Aşağıda vermiş olduğum kodu istediğiniz şekilde düzenleyebilir ve sitenizde istediğinz şekil kullanabilirsiniz.
<!— KAYNAK: http://www.vebsa.net —>
<script language="javascript">
pos = 15;
TO = null;
function shake_funct2(object,speed)
{
obj = eval(object)
txt = clear_space(obj.value);
if (pos == 15)
{
txt = txt + " ";
pos = -15;
}
else
{
txt = " " + txt;
pos = 15;
}
obj.value = txt;
obj.style.width = parseInt(obj.style.width) + pos;
obj = object
sp = speed
TO = setTimeout("shake_funct2(obj,sp)",speed);
}
function clear_space(text)
{
while (text.substring(0,1) == " ")
{
text = text.substring(1,text.length);
}
while(text.substring(text.length-1,text.length) == " ")
{
text = text.substring(0,text.length-1);
}
return text;
}
function end_shake_funct2(object)
{
clearTimeout(TO);
obj = eval(object);
txt = clear_space(obj.value);
obj.value = txt;
//alert(pos);
if (pos == -15)
{
obj.style.width = parseInt(obj.style.width) +15;
}
pos = 15
}
</script>
<html>
<center>
<form name=myform2>
<table border=0>
<tr><td>
</td>
<td align=center width=160>
<input type=button value = "Yavaş" style="font-size:10;width:150" onmouseover="shake_funct2(this,100)" onmouseout="end_shake_funct2(this)">
</td></tr>
<tr><td>
</td>
<td align=center width=160>
<input type=button value = "Hızlı" style="font-size:10;width:150" onmouseover="shake_funct2(this,50)" onmouseout="end_shake_funct2(this)">
</td></tr>
</Table>
</form>
<!— KAYNAK: http://www.vebsa.net —>
Örnek: http://www.ademkarhal.com/webders/salla-buton.html
Katagori
Java Script | Hic Yorum Yok »
Mart 11th, 2008
Konuyu Açan admin
Aşağıda vermiş olduğum kodu sitenize ekleyerek pencere kapama butonunu oluşturmuş olursunuz…
<!— KAYNAK: http://www.vebsa.net —>
<form>
<input type=button value="Pencereyi kapat" onClick="javascript:window.close();">
</form>
<!— KAYNAK: http://www.vebsa.net —>
Örnek: http://www.ademkarhal.com/webders/pencere-kapa.html |
| |
| http://www.vebsa.net |
Katagori
Java Script | Hic Yorum Yok »
Mart 11th, 2008
Konuyu Açan admin
merhaba arkadaşlar şimdi size bir web sayfasına javaScript kodu ile 3 türlü değişen efekte sahip yazı yazdırmayı göstereceğim.aşağıda vermiş olduğum javaScript kodunu sitenizin
<head> </head>
tagları arasına yerleştirin sonra kendinize göre editlemek istediğiniz yerleri değiştirin.
editlenmesi gereken yerleri js dosyasının içerisinde anlattım dosyayı ekten indirebilirsiniz…
||Scriptin efekti sayfayı her yenilediğinizde değişir.||
Örnek için http://www.ademkarhal.com/webders/js1.html |
| |
| Ek dosyayı indirmek için tıklayın. |
vebsa.net
Katagori
Java Script | Hic Yorum Yok »
Mart 11th, 2008
Konuyu Açan admin
Web sitelerimizde hazırladığımız formlara, kullanıcı bilgi girmek için öncelikle formadaki bir nesneye tıklaması gerekmektedir. Bu durum sadece formdan oluşan sayfalarımızda bir gereksinim ortaya çıkarmaktadır.
Kullanıcı neden sayfaya girdiği anda formu doldurmaya başlayamasın? Eğer imleç otomatik olarak sayfa başlangıcında formun ilk alanına focuslanırsa bu sorun ortadan kalkacaktır.
Şimdi bunu aşağıdaki adımları takip ederek gerçekleştirelim…
1. Aşama
Sayfamızın HTML kod kısmına </head> tagından önce aşağıdaki kodları ekliyoruz…
<script>
function setFocus()
{
if (document.forms[0].username) {
document.forms[0].username.focus();
document.forms[0].username.select();
}
}
</script>
Eklemiş olduğumuz bu kod imlecin otomatik olarak formdaki username isimli alanında başlamısını sağlayacaktır. Eğer sizin formunuzdaki alanlar farklı isimlendirilmiş ise yukarıdaki kodda username gördüğünüz yerleri kendi verdiğiniz isim ile değiştirin.
2. Aşama
Kodumuzun çalışmabilmesi için yazmış olduğumuz javascript kodu tetiklememiz gerekiyor. Mouse un imlecinin sayfa açıldığı anda formda focuslanabilmesi için tetiklemeyi sayfa başlangıcında yapmamız gerekiyor. Bu yüzden <body> tagının onLoad methodunu kullanıyoruz.
Sayfanızın <body> tagına aşağıdaki kodu eklerseniz işlemimiz tamamlanacaktır.
<body onLoad=’setFocus();’>
Hepinize kolay gelsin…
Katagori
Java Script | Hic Yorum Yok »
----------------------------------------------------------------------------------------------------------------------
İletişim Msn ve Mail : byexploit@gmail.com Yorum RSS
