Tolga GönüL

sayfayı yenilişte oto Banner Değişimi

kodu kulllanmak için <body> </body> arasına yerleştircekseniz ve kodda zaten değiştirceğiniz yerler bellidir.

Etiketler: banner degisimi, Genel Katagori, javascript

JS Sayfaya giriş ve çıkışta mesaj verme

sayfa giriş ve çıkışta mesaj verme buda değişik bir kod :)

ADIM 2 <body> tagını <body onLoad="giris()" onUnload="cikis()"> olarak değiştirin. İyi çalışmalar

// ADIM 1 HEAD tagları arasına eklenecek bölüm.

// -----------------------------------------------------------------------

function giris()

{

alert("ipucu sitemize hoş geldiniz")

}

function cikis()

{

alert("Iyi çalışmalar dileriz.")

}

</script>

Etiketler: Genel Katagori, javascript, uyarı mesajı

JS Sağ Fare Tuşunu Kilitleme

sitenizde izinsiz kullanıcıların resimler veya yazıları çalmaları için sağ tık engelleme kodu sağ tıklandı zaman uyarı verecek şekilde ayarlandı

resminiz.gif

olan yere bir resim urlsi koya bilirsiniz

Etiketler: Genel Katagori, javascript, sag tık engelleme

JS Arka plan renklerinin sürekli değişmesi

Sayfanızda arka planınızın sürekli değişmesini istiyorsanız bu scripti kullanabilirsiniz. gerçekten farklı bir kod denemek serbest :)

ADIM 2 <body> tagını <body bgcolor="#006000" onload="greenizer()"> olarak değiştirin. Eğer renk değerlerini değiştirmek isterseniz green dizisinin renk değerlerini değiştirmeniz yeterli olacaktır.

Etiketler: Genel Katagori arka plan, javascript

JS Buton Şeklinde Saat

Bir buton üzerinde saat göstermek için kullanabileceğiniz script örneği.

Kodları BODY bölümüne kopyalamanız yeterlidir. Scriptin ierisinde saati çalıştırmak için clock() fonksiyonu çağrılmıştır. Sizde kullanmak istediğinizde clock() fonksiyonunun kullanmanız yeterlidir. İyi çalışmalar.

kodu denemek için html kod editörünü kullana bilirsiniz..

//   *****************************************************************
//     <body> Bölümleri arasına eklenecek olan bölüm
//   *****************************************************************

<!-- Begin
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes(); 
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
self.status = time;
setTimeout('clock()', 1000);
}

document.write("<form name=\"form\">
"
+ "<input type=button"
+ " name=button ></form>
");
onError = null;
clock();
// End -->
</SCRIPT>

Etiketler: button saat, Genel Katagori, javascript

JS Javascript Menü -Hareketli Menü

Javascript ile yapılmış hareket eden bir menü örneği. Sayfada linklerinizin değişik bir biçimde gözükmesini istiyorsanız deneyebilirsiniz.

///// ADIM 1 <HEAD> Bölümleri arasına eklenecek olan bölüm

.menulinks {position:relative;}

#menucont a{color:#006699; font-weight:bold; text-decoration:none;}

#menucont a:hover{color:#ff0000; font-weight:bold; text-decoration:underline overline; text-transform: uppercase;}

</style>

nSpace=7 // how many space maximum between each letter

nSpeed=200 // Animasyonun Hızı

timerLSM=null;

function LetterSpacingMenu() {

if(document.getElementById){

lnks = Math.floor(Math.random()*lnk.length);

letterSpacing = Math.floor(Math.random()*nSpace);

lnk[lnks].style.letterSpacing = letterSpacing + "px";

timerLSM = setTimeout("LetterSpacingMenu()", nSpeed);

}

function StopMenu() {

if(document.getElementById) {

clearTimeout(timerLSM);

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

lnk[i].style.letterSpacing = 0 + "px";

}

function LSMenuInit() {

if(document.getElementById) {

lnk = document.getElementById("menucont").getElementsByTagName("a");

cnt = document.getElementById("menucont");

cnt.style.textAlign= "center";

cnt.onmouseover=StopMenu;

cnt.onmouseout=LetterSpacingMenu;

LetterSpacingMenu();

}

onload=LSMenuInit;

</script>

// ***********************************************************

//// ADIM 2.. BODY tagları arasına eklenecek olan bölüm

// ***********************************************************

<a href="http://www.ipucu.web.tr" id="a1" class="menulinks" title="Yeni ipucu siteniz">Anasayfa</a><br>

<a href="http://www.ipucu.web.tr/forums" id="a2" class="menulinks" title="Forumlar bölümü">Forumlar</a><br>

<a href="http://www.ipucu.web.tr" id="a1" class="menulinks" title="Yeni ipucu siteniz">ASP İpuçları</a><br>

<a href="http://www.ipucu.web.tr" id="a1" class="menulinks" title="Yeni ipucu siteniz">PHP İpuçları</a><br>

<a href="http://www.ipucu.web.tr" id="a1" class="menulinks" title="Yeni ipucu siteniz">Javascript İpuçları</a><br>

<a href="http://www.ipucu.web.tr" id="a1" class="menulinks" title="Yeni ipucu siteniz">Haberler</a><br>

<a href="http://www.ipucu.web.tr" id="a1" class="menulinks" title="Yeni ipucu siteniz">Yeni Başlayanlar İçin</a><br>

</div>

Menüyü kullanmak için iki adımın takip edilmesi gerekmektedir. Birinci adımda bulunan kodları head tagları arsına yerleştirmeniz gerekmektedir. İkinci adımda bulunan kodların ise body tagları arasına kopyalanması gerekmektedir. Bu bölümde ise menüler ve linkleri ayarlanmaktadır. Sizde bu bölümü inceleyerek kendi sitenize göre linkleri ayarlayabilirsiniz. İyi Çalışmalar

Etiketler: Genel Katagori, javascript, javascript kodları

Sexy Sliding JavaScript Side Bar Menu

Blogger için javascript slidermenü solda çok güzel bir menü

bunu kullana bilmeniz için aşağıdaki komutları takip ediniz

yapmamız gereken sadece

'HTML/Javascript' olarak kodu yağıştırmamız

Etiketler: Android, Blogger, Blogger Eklentileri, Genel Katagori, javascript, javascript menü, slider menü

Blogger Acordion Menü

bloğunuz için güzel bir acordion menü örneğini kendi sitemizdede göre bilirsiniz bunu kullana bilmeniz için fazla birşey yapmanıza yok Yerleşim bölgesinden gatged ekle diyim HTML/Javascript
yapıp kodları yapıştırıyoruz ve buraya kod ekle yazar yerlere kodlarınızı ekliyosunuz hepsi bu kadar kod aşağıdadır

<style type="text/css">
#accordion{width:100%;margin:auto;border:0px solid white}
#accordion h2{padding:5px 10px;background-color:#ccc;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5wTMBz5R183_ZKpwHkc8mQaZ_XXxyXZeZjmEW0wHm0r1KaCiyTAWwU2Iqer7Q6bLvgB5LkQ9YiNinmK7Lg5Fh-Nw151BI2jBxGOJbqHmUx9lpUtBL5-eKVhEVXv8vtOUgNYTzT4L9FWc/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#000;font:normal 11px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;}
#accordion .content{font:normal 11px Arial;padding:5px 10px;background:#eee;}
#accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;}
#accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;}
#accordion .content li a:hover {text-decoration:none;color:#000;}
#accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjah3ETqxzaXzHE_g-qAjG8RGcywp676RRrZ7V5hTdd6vMtdkoWb8_Gxjw0Y-M1O4Wnk2_vxLWBBg1meEe8ag0Pm-6GF_qKRVMgCYx4wVanGK2McB1wkWluMyJFadTuizQsv6wvT5AN1w0/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script>
<script type='text/javascript'>
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script>
<div id="accordion">
<h2>Title 1</h2>
<div class="content">
Kodu Buraya Ekle 1
</div>
<div id="accordion">
<h2>Title 2</h2>
<div class="content">
Kodu Buraya Ekle 2
</div>
<div id="accordion">
<h2>Title 3</h2>
<div class="content">
Kodu Buraya Ekle 3
</div>
<div id="accordion">
<h2>Title 4</h2>
<div class="content">
Kodu Buraya Ekle 4
</div>
<div id="accordion">
<h2>Title 5</h2>
<div class="content">
Kodu Buraya Ekle 5
</div>
</div></div></div></div></div>

Etiketler: acordion menü, açılır menü, Android, Blogger, Blogger Eklentileri, Genel Katagori, javascript, menü