extradestek.org » Javascript

Javascipt kodları ile sallanan buton yapımı

extradestek — Thu, 30 Jul 2009 16:41:46 +0000

Sitenize çılgın menüler koymak ve sitenizi canlandırmak isterseniz bu butonlar tam size göre. Üzerine mause ile gelince sallanmaya başlayan bu düğmeleri javascript kullanarak yapmak çok kolay. Test etmek isterseniz buraya tıklayın.

Kodları yazının devamında görebilirsiniz.

Kodlar;


 

 
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 
HEAD>
 

 
<BODY>
 
<form name=myform2>
<table border=0>
<tr><td>
Yavaş sallanan
td>
<td align=center width=160>
<input type=button value = "extradestek.org" style="font-size:10;width:150" onmouseover="shake_funct2(this,100)" onmouseout="end_shake_funct2(this)">
td>tr>
<tr><td>
Hızlı sallanan
td>
<td  align=center width=160>
<input type=button value = "themes.extradestek.org" style="font-size:10;width:150" onmouseover="shake_funct2(this,50)" onmouseout="end_shake_funct2(this)">
td>tr>
Table>
form>
 
 
 
code>

javascript kodları ile geri sayım

extradestek — Wed, 24 Jun 2009 19:46:46 +0000

Javascript kodları ile çok çeşitli uygulamalar yapılabilir.Bunların bazıları gerekli bazılarıda gereksiz uygulamalar. Bana göre çoğu site sahipleri için gereksiz uygulama olan geri sayım uygulamasına burada veriyorum. Madem gereksiz neden yazıyorsun diyor olabilirsiniz, ama bu bizim için lazım değilse bile mutlaka birilerinin işine yarayacaktır.

Gerekli kod:

 
<html>
<head>
<title>extradestek.org testtitle>
<script type="text/javascript">
var newCount;
function timer(position,count)
{
if (position == 'start') {
document.getElementById("timer").innerHTML=count
newCount = count - 1
setTimeout("timer('go',newCount)",1000)
}
 
if (position == 'go') {
document.getElementById("timer").innerHTML=count
newCount--;
setTimeout("timer('go',newCount)",1000)
}
}
script>
head>
<body onload="timer('start',55);">
<div id="timer" />
body>
html>

Süre ile oynamak isterseniz aşağıdaki kodu yukarıda bulup içinde yazan 55 rakamını istediğiniz gibi değiştirebilirsiniz.

1 2	<body onload="timer('start',55);">

Javascript kodu ile sağ tuş engelleme

extradestek — Wed, 24 Jun 2009 19:29:23 +0000

Javascript kodu ile sitenizde sağ tuş engellemek isteyebilirsiniz. Bunun için Yazının devamındaki kodu index sayfasına koymanız yeterli. Tabi hazır scriptlerden kullanıyorsanız. Eğer düz Kendi yaptığınız html sayfalarından oluşan siteniz varsa engellemek istediğiniz sayfalara tek tek koymalısnız.

 
<script>
 
browserName = navigator.appName
browserVersion = parseInt(navigator.appVersion)
 
document.onmousedown = checkforRightMouseButtonClick;
if (browserVersion<5 && browserName=="Netscape")
{
window.onmousedown = checkforRightMouseButtonClick;
}
 
function rightClickPressed()
{
alert("Bu Sitede Sağ Tıklamak Yasaktır!");
}
 
function checkforRightMouseButtonClick(mouseEvent)
{
if ( ((browserName=="Microsoft Internet Explorer") && (event.button >1)) ||
((browserName=="Ne tscape") && (mouseEvent.which > 1)) )
{
rightClickPressed()
return false;
}
else
return true;
}
script>

Javascript kodları ile oyun yapımı

extradestek — Mon, 08 Jun 2009 13:40:21 +0000

Sitenize gelen ziyaretçilerinizin mola verip hoş bir vakit geçirmesini istiyorsanız basit bir oyun kodu vermek istiyorum.Yine Javascript kodları ile. Kodları yazımın devamında bulabilirsiniz ve test edebilirsiniz.

Test etmek için.


 

 

 

 

 

 

 

 

 

 

 

 
<script type="text/javascript">script>
<table border="0" cellpadding="4">
<tbody>
<tr>
<td align="center">
 
<strong>Choose Level: strong>
<select id="level">
 
<option value="3">3option>
 
<option value="4">4option>
 

select>td>
tr>
<tr>
<td align="center">
<input class="but" onclick="startGame();" type="button" value="Start Game" />td>
tr>
<tr>
<td id="fldStatus" class="capt2" align="center">td>
tr>
tbody>table>

Javascript kodları ile hesap makinası

extradestek — Sun, 07 Jun 2009 20:05:44 +0000

Javascript ile basit bir hesap makinası yapımı için gerekli kodlar yazının devamındadır.

Önce test etmek isterseniz buradan buyrun..


 

<form>
 


<table border="4">
<tbody>
<tr>
<td>
<input name="Input" size="16" type="text" />td>
tr>
<tr>
<td>
<input onclick="Calc.Input.value += '1'" name="one" type="button" value="  1  " />
<input onclick="Calc.Input.value += '2'" name="two" type="button" value="  2  " />
<input onclick="Calc.Input.value += '3'" name="three" type="button" value="  3  " />
<input onclick="Calc.Input.value += ' + '" name="plus" type="button" value="  +  " />
<input onclick="Calc.Input.value += '4'" name="four" type="button" value="  4  " />
<input onclick="Calc.Input.value += '5'" name="five" type="button" value="  5  " />
<input onclick="Calc.Input.value += '6'" name="six" type="button" value="  6  " />
<input onclick="Calc.Input.value += ' - '" name="minus" type="button" value="  -  " />
<input onclick="Calc.Input.value += '7'" name="seven" type="button" value="  7  " />
<input onclick="Calc.Input.value += '8'" name="eight" type="button" value="  8  " />
<input onclick="Calc.Input.value += '9'" name="nine" type="button" value="  9  " />
<input onclick="Calc.Input.value += ' * '" name="times" type="button" value="  x  " />
<input onclick="Calc.Input.value = ''" name="clear" type="button" value="  c  " />
<input onclick="Calc.Input.value += '0'" name="zero" type="button" value="  0  " />
<input onclick="Calc.Input.value = eval(Calc.Input.value)" name="DoIt" type="button" value="  =  " />
<input onclick="Calc.Input.value += ' / '" name="div" type="button" value="  /  " />td>
tr>
tbody>table>
form>

Siteleriniz için akordiyon menüler (tab menu)

extradestek — Mon, 16 Mar 2009 20:30:14 +0000

Sitenize renk katmak ve profosyenel göstermek için akordiyon şeklinde menülere ihtiyaç duyabiliriz.
Bu sayede hem yerden kazanırız hemde göze hoş gelen menüler elde edebilriz.
Tabiki bunu yaparken javascriptleri kullanmak gerekir.Neyseki bunu bizim için düşünmüşler.

Bunun demosunu buradan, indirmesinide buradan yapabilirsiniz.

Javascript ile kendiliğinden değişen buton yapımı

ByM — Thu, 05 Jun 2008 11:13:22 +0000

Javascript ile kendiliğinden değişen buton yapmak isterseniz ve sitenizin bir yerine koymak isterseniz verdiğim kodları kullanarak yapabilirsiniz.

Bu buton kendliğinden değişiyor ve her değişime tıklandığında ayarladığınız site veya sayfa açılıyor.Bunun ile ilgili bazı ayarlarıda değiştirebilirsiniz.

Ama önce test etmek isterseniz buradan deneyin.Ayrıca 2. bir seçenek olarak test sayfasının kaynak kodlarını alarakta birşeyler yapabilirsiniz.

HEAD.. HEAD..arasına gelecek kod;

 
<HTML>
<head>
<title>butontitle>
<BASE TARGET="welcome">
 
<SCRIPT LANGUAGE="JavaScript">
 
var startTime   =null;
 
var timerID     =null;
 
var initial     =new Date();
 
var pos         =0;
 
var menuItem    =null;
 
function initArray() {
 
 this.length = initArray.arguments.length
 
   for (var i = 0; i < this.length; i++)      {
 
    this[i+1] = initArray.arguments[i]
 
   }
 
}
 
function parsemenuItem(data,num) {
 
 for(var i=0;i<data.length;i++)  {
 
  if(data.substring(i,i+1)=="|")  break;
 
   }
 
   if (num==0) return(data.substring(0,i));
 
   else  return(data.substring(i+1,data.length));
 
}
 
function startTimer() {
 
   initial = new Date();
 
   startTime=initial.getTime();
 
   stopTimer();
 
   menuItem = new initArray("dersdunyasi.com|http://www.dersdunyasi.com",
 
    "extradestek.org|http://www.extradestek.org",
 
      "Hediyeler.org|http://www.hediyeler.org",
 
      "Yahoo|http://www.yahoo.com",
 
      "siircim.com|http://www.siircim.com",
 
      "themes-wordpress|http://www.themes-wordpress.org",
 
      "cixfoto.com|http://www.cixfoto.com",
 
  "Email|mailto:info@....com"
 
   );
 
   showTimer();
 
}
 
function stopTimer() {
 
   timerID=null;
 
   menuItem=null;
 
}
 
function showTimer() {
 
 pos= (pos == menuItem.length) ? 1 : pos + 1;
 
document.forms[0].elements[0].value=parsemenuItem(menuItem[pos],0);
 
   timerID=window.setTimeout('showTimer()',1000);
 
}
 
function goToUrl()  {
 
this.location=parsemenuItem(menuItem[pos],1);
 
   return (false);
 
}
 
SCRIPT>
head>
<BODY onLoad="window.startTimer()">
 
 
<BR>
<B>
 
<CENTER>

BODY..BODY Arasına gelecek kod;

<FORM>
 
<INPUT TYPE="button" VALUE="  NEREYE? "  NAME="goTo"
 
        onClick="window.goToUrl()">
 
FORM>CENTER>

En kücük resim galerisi scripti “Ajax silideshow”

ByM — Mon, 02 Jun 2008 07:44:55 +0000

Piyasada binlerce ücretsiz ve bir okadarda ücretli çeşitli dillerde yazılmış script bulunmakta.
Bunların güvenliği,boyutu ve güncellemeleride bir okadar önemli bizim için.
Michael Leigeber isimli vatandaşın javascript kullanarak geliştirmiş olduğu ajax silideshow resim galerisi isimli bir resim scripti varki bu alanda rekor sayılabilir.Boyutu sadece 4 kb ve slideshow özelliği var. Ayrıca ücretsiz olarak kullanıma sunmuş.

Bu scriptin demosu için buradan indirmek için ise buradan buyrun.

Javascript ile açıklamalı menü yapımı

ByM — Fri, 28 Dec 2007 17:30:11 +0000

Tekrardan basit bir javascript kodu vermek için yazıyorum.Bu kod ile menünüzü oluşturdunuz diyelim menü linkinin üzerine geldiğinizde o link ile ilgili veya düğme diyelim yazdığınız açıklama çıkyor alttarafta.Açıklamaya istediğinizi yazabilirsiniz.

Buradan test edebilirsiniz. Kodlar ise aşağıdadır istediğiniz gibi değiştirip kullanabilirsiniz.

 <html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>z-aciklamalı_link-1title>
head>
 
<body>
 
<p>
<style>
DIV{font-family:arial,helvetica; font-size:10pt}
style>
<script>
/*
Created by A1 JavaScripts - http://www.a1javascripts.com/
This may be used freely as long as this msg is intact!
*/
//You have to set some variables here:
//Set the font for the msg
msgFont='Arial,helvetiva'
//Set the fontSize in px
msgFontSize="12"
//Set the fontColor
msgFontColor="black"
/*
Here's the array that holds the text to change the divmessage to
when you mouseover. Change the text here
*/
messages=new Array(6)
messages[0]="JavaScript
A heap of free javascripts to enhance your site!"
messages[1]="JavaOnline
The largest directory of free webmaster resources on the planet!"
messages[2]="Başlık2
25 megs of free webspace;
 httpcity.com/you!"
messages[3]="Başlık3
A monstrous collection of free graphics!"
messages[4]="Başlık4
The HOTTEST free clipart and resource sites ranked by popularity!"
messages[5]="Başlık5
Download tons of free Software!"
messages[6]="Geri dön
Geri dönmek içinfree hemen tıkla!"
messages[7]=""
//nothing needs to be changed below here
ie=document.all?1:0
n=document.layers?1:0
//Constructing the ChangeText object
function makeChangeTextObj(obj){												
   	this.writeref=(n) ? eval('document.'+obj+'.document'):eval(obj);		
	this.writeIt=b_writeIt;					
}
function b_writeIt(text){
	if(n){
		this.writeref.write(text)
		this.writeref.close()
	}
	if(ie)this.writeref.innerHTML=text		
}
function changeText(num){
	if(ie || n) oMessage.writeIt('+msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'">'+messages[num]+'')
}
function changeTextInit(){
	if(ie || n) oMessage=new makeChangeTextObj('divMessage')	
}
//Calls the init function on pageload
onload=changeTextInit
script>
 
 
 
 
 
 
<div id="divlinks" style="position:absolute; left:10; top:150">
<a href="http://www.extradestek.org" onmouseover="changeText(0); window.status='JavaScript';return true;" onMouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">extradestek.orga><br>
 
<a href="http://www.extradestek.org" onmouseover="changeText(1); window.status='123Webmaster';return true;" onMouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">extradestek.orga><br>
 
<a href="http://www.extradestek.org" onmouseover="changeText(2); window.status='extradestek.org';return true;" onMouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">extradestek.orga><br>
 
<a href="http://www.extradestek.org" onmouseover="changeText(3); window.status='Free Clip Images';return true;" onMouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">extradestek.orga><br>
 
<a href="http://www.extradestek.org" onmouseover="changeText(4); window.status='1-Click-Clipart';return true;" onMouseout="changeText(7,0)"; window.status='';return true;" onclick="window.focus()">extradestek.org

 
://www.extradestek.org" onmouseover="changeText(5); window.status='FreeWare Files';return true;" onMouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">extradestek.org

 
<a href="http://www.extradestek.org" onmouseover="changeText(6); window.status='Geri dön';return true;" onmouseout="changeText(7,0); window.status='';return true;" onclick="window.focus()">extradestek.orga>
div>
 
 
<table Border=0 cellpadding=0 cellspacing=0 width="400" hight="200">
<td align=center width="100%" height="100%"><div id="divMessage" style="position:absolute; left:200; top:300">
This is the default text that will show in<br> 3.x browsers. You have to place this with tables or <br>something instead of layers for backwards compatibility.td>table>
div>
 
 
p>
 
body>
 
html>

Javascript kodları ile kronometre yapalım

ByM — Sun, 09 Dec 2007 21:44:51 +0000

Bir başka Javascript kodu ilede sayfalarınıza veya yan menülerinize Kronometre koyabilirsiniz.Yada özel olarak kullanabilirsiniz.

Test etmek için Lütfen buraya tıklayın. Kodlar için yazının devamını okuyun.


 

 




 
<style> span { cursor:pointer; color:white; background:black; } style><script type="text/javascript"> var msec=0 var sec=0 var min=0 function start() { document.forms[0].display.value=min+":"+sec+":"+msec go=setTimeout("start()",1) msec++ if(msec==100) { msec=0 sec++ } if(sec==60) { sec=0 min++ } }
 
function stop() { clearTimeout(go) } function reset() { window.location.reload() } function over1(test) {document.getElementById(\'over1\').style.background=test} function out1(test) {document.getElementById(\'over1\').style.background=test} function over2(test) {document.getElementById(\'over2\').style.background=test} function out2(test) {document.getElementById(\'over2\').style.background=test} function over3(test) {document.getElementById(\'over3\').style.background=test} function out3(test) {document.getElementById(\'over3\').style.background=test} 

 




')" onmouseout="out1('black')">
 
onclick="start()">Başlat
')" onmouseout="out2('black')">
 
onclick="stop()">Durdur
')" onmouseout="out3('black')">
 
onclick="reset()">Sıfırla
 
  
 
extradestek.org
extradestek.org