Alarmlı Buton

Bu script ile ziyaretçi bir butona bastığı zaman yazdığınız mesajla karşılaşır.

<CENTER> <FORM> <INPUT TYPE="button" VALUE="Buraya İstediğiniz Metni Yazabilirsiniz." onClick='alert("Burayada Yazın Ne Olcak Sanki , Bir hata oluştu bilgisayarınıza format atmak zorunda kaldık:))))")'> </FORM> </CENTER>

Buton-1

Sayfalarında etkileyici butonlar kullanmak isteyene güzel bir örnek.

<script language="JavaScript"> <!-- if (!document.layers){ //This table stops oddness in NS6!!! if (document.getElementById&&!document.all){ document.write("<div style='position:relative'>" +"<table border='0' cellpadding='0' cellspacing='0'>" +"<tr><td valign='top'>"); } /* The visible Buttons here! Add as many as you want. Make sure you follow the same format as below eg: Link('MyOtherPage.html','See my other page'); */ Link('http://www.yahoo.com','Yahoo'); Link('http://www.google.com','Google'); Link('http://www.altavista.com','Alta Vista'); Link('http://www.lycos.com','Lycos'); Link('http://www.hotbot.com','Hotbot'); if (document.getElementById&&!document.all){ document.write("</td></tr></table></div>"); } } //--> </script>

Buton-2

Sırayla mesajlar yayınlayabileceğiniz güzel bir buton.

<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Premshree Pillai (y_bilal@mynet.com ) --> <!-- Begin count=0; var inv_button_flag=0; if (navigator.appName=="Microsoft Internet Explorer" || (navigator.appName=="Netscape" && navigator.appVersion >= "5")) { document.write('<form name="qiksearch_ticker"><input type="button" name="qiksearch_ticker" onclick="goURL();" style="background:#FFFFFF; width:377; height:22; border-width:1; border-color:#000000; cursor:hand" onmouseover="this.style.background='#BDDCFF';return true" onmouseout="this.style.background='#FFFFFF';return true" onmousedown="this.style.background='#FFD543';return true"><input type="button" value="5" onclick="javascript:inv_button();inv_msg();inv_URL();" style="width:22; height:22; font-family:webdings; background:#FFFFFF; border-left-width:0; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-color:#000000; cursor:hand" name="inv_but" title="Yukarı Çevirmek için Tıkla"></form>'); } else { document.write('<form name="qiksearch_ticker"><input type="button" name="qiksearch_ticker" onclick="goURL();" width="349" border="0"><input type="button" width="50" value="up" onclick="javascript:inv_button();inv_msg();inv_URL();" name="inv_but"></form>'); } var ticker_speed=1; // Ticker messages var ticker_msg = new Array( "www.curcuna.itgo.com.tr.tc sitesine hoşgeldiniz.", "curcuna Javascript programını", "Beğendiniz mi?", "Bize javascript göndermek için", "Sitemize Uğrayın" ); // No comma after last ticker msg // Ticker URLs var ticker_url = new Array( "http://www.curcuna.itgo.com.tr.tc", "http://www.curcuna.itgo.com.tr.tc", "http://www.curcuna.itgoi.com.tr.tc", "http://www.curcuna.itgo.com.tr.tc", "http://www.curcuna.itgo.com.tr.tc" ); // No comma after last ticker url function tick() { if(count<ticker_msg.length) { this.document.qiksearch_ticker.qiksearch_ticker.value=ticker_msg[count]; count++; if(count==ticker_msg.length) { count=0; } setTimeout("tick();",ticker_speed*1000); } } function goURL() { if(this.document.qiksearch_ticker.qiksearch_ticker.value==ticker_msg[ticker_msg.length-1]) { location.href=ticker_url[ticker_msg.length-1]; } else { location.href=ticker_url[count-1]; } } function inv_button() { if (navigator.appName=="Microsoft Internet Explorer" || (navigator.appName=="Netscape" && navigator.appVersion >= "5")) { if (inv_button_flag==0) { this.document.qiksearch_ticker.inv_but.value="6"; this.document.qiksearch_ticker.inv_but.title="Aşşağı Çevirmek için Tıkla"; inv_button_flag=1; } else { this.document.qiksearch_ticker.inv_but.value="5"; this.document.qiksearch_ticker.inv_but.title="Yukarı Çevirmek için Tıkla"; inv_button_flag=0; } } else { if (inv_button_flag==0) { this.document.qiksearch_ticker.inv_but.value="Down"; inv_button_flag=1; } else { this.document.qiksearch_ticker.inv_but.value="Up"; inv_button_flag=0; } } } function inv_msg() { for(var i=0;i<Math.floor(ticker_msg.length/2);i++) { var temp=ticker_msg[i]; ticker_msg[i]=ticker_msg[ticker_msg.length-1-i]; ticker_msg[ticker_msg.length-1-i]=temp; } } function inv_URL() { for(var i=0;i<Math.floor(ticker_msg.length/2);i++) { var temp=ticker_url[i]; ticker_url[i]=ticker_url[ticker_msg.length-1-i]; ticker_url[ticker_msg.length-1-i]=temp; } } tick(); // End --> </script>

Buton-3 

Bu seferki buton örneğimiz kaydırma çubuklarını andırıyor.

<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Happy Smart --> <!-- Begin var message=" curcuna.itgo ";//Put Your Message Here function ButtonURL(){ window.location="test.html" } function scroll() { message = message.substring(1,message.length) + message.substring(0,1); document.bs.bs.value = message; setTimeout("scroll()",140); } window.onload=scroll document.write('<style type="text/css">') document.write('.select{background: blue;border-color:"yellow";color:"white";font-family:Arial,Helvetica,Verdana;font-size:10pt;font-weight: bold;}') document.write('</STYLE>') document.write('<form name=bs><INPUT class="select" TYPE="button" NAME="bs" value="" onclick="ButtonURL()"></FORM>') // End --> </script>

Buton-4

Bu butonda her mesajda farklı bir yere link vermeniz mümkün. 6. mesajda butona tıkladığınızda da e-mail programınız açılıyor.

<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Jan Pijnacker <y_bilal@mynet.com> --> <!-- Begin typeWriterWait=120 // Typewriter delay blinkTextWait=1000 // Blinking delay blinkSpacesWait=300 // Blinking 'blank-spaces' delay blinkMax=3 // how many times to blink expandWait=100 // expanding headliner delay scrollWait=90 // scrolling headliner delay scrollWidth=34 // characters in scroll display randomLines=false // randomly choose lines? (true or false) lineMax=7 // how many lines you have lines=new Array(lineMax) // Use this format for all the lines below: // (display text, url or mailto, frame name, effect, delay time) lines[1]=new Line("Javascript Buton", "http://www.curcuna.itgo.com.tr.tc", "", Blink, 500) lines[2]=new Line("curcuna.itgo'da bu Javaccript'in orjinal adı ' The JavaScript Headliner ' !", "", "", Scroll, 1000) lines[3]=new Line("Geçmekte olan her mesajın hemen yanındaki", "", "", Static, 3500) lines[4]=new Line("Tırnak işaretlerinin arasına", "", "", Expand, 2000) lines[5]=new Line("İstediğiniz url'yi yazabilirsiniz.", "", "", Scroll, 3000) lines[6]=new Line("Scriptin yapımcısına mail atmak için tıklayın", "mailto:y_bilal@mynet.coml?subject=The Headliner", "", TypeWriter, 1500) lines[7]=new Line("Veya sitesine gidin ve ona mesaj atın", "http://www.curcuna.itgo.com.com", "", Static, 3500) // Don't change these variables below :-) lineText="" timerID=null timerRunning=false spaces="" charNo=0 charMax=0 charMiddle=0 lineNo=0 lineWait=0 function Line(text, url, frame, type, wait) { this.text=text this.url=url this.frame=frame this.Display=type this.wait=wait } function StringFill(c, n) { var s="" while (--n >= 0) { s+=c } return s } function getNewRandomInteger(oldnumber, max) { var n=Math.floor(Math.random() * (max - 1) + 1) if (n >= oldnumber) { n++ } return n } function getRandomInteger(max) { var n=Math.floor(Math.random() * max + 1) return n } function GotoUrl(url, frame) { if (frame != '') { if (frame == 'self') self.location.href=url else if (frame == 'parent') parent.location.href=url else if (frame == 'top') top.location.href=url else { s=eval(top.frames[frame]) if (s != null) top.eval(frame).location.href=url else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes") } } else window.location.href=url } function Static() { document.formDisplay.buttonFace.value=this.text timerID=setTimeout("ShowNextLine()", this.wait) } function TypeWriter() { lineText=this.text lineWait=this.wait charMax=lineText.length spaces=StringFill(" ", charMax) TextTypeWriter() } function TextTypeWriter() { if (charNo <= charMax) { document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo) charNo++ timerID=setTimeout("TextTypeWriter()", typeWriterWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function Blink() { lineText=this.text charMax=lineText.length spaces=StringFill(" ", charMax) lineWait=this.wait TextBlink() } function TextBlink() { if (charNo <= blinkMax * 2) { if ((charNo % 2) == 1) { document.formDisplay.buttonFace.value=lineText blinkWait=blinkTextWait } else { document.formDisplay.buttonFace.value=spaces blinkWait=blinkSpacesWait } charNo++ timerID=setTimeout("TextBlink()", blinkWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function Expand() { lineText=this.text charMax=lineText.length charMiddle=Math.round(charMax / 2) lineWait=this.wait TextExpand() } function TextExpand() { if (charNo <= charMiddle) { document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo) charNo++ timerID=setTimeout("TextExpand()", expandWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function Scroll() { spaces=StringFill(" ", scrollWidth) lineText=spaces+this.text charMax=lineText.length lineText+=spaces lineWait=this.wait TextScroll() } function TextScroll() { if (charNo <= charMax) { document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo) charNo++ timerID=setTimeout("TextScroll()", scrollWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function StartHeadliner() { StopHeadliner() timerID=setTimeout("ShowNextLine()", 2000) timerRunning=true } function StopHeadliner() { if (timerRunning) { clearTimeout(timerID) timerRunning=false } } function ShowNextLine() { if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax) else (lineNo < lineMax) ? lineNo++ : lineNo=1 lines[lineNo].Display() } function LineClick(lineNo) { document.formDisplay.buttonFace.blur() if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame) } with (document) { write('<center><form name="formDisplay"><input type="button"') write('name="buttonFace" value="curcuna.itgo Sunar...."') write('onClick="LineClick(lineNo)"></input></form></center>') } // End --> </SCRIPT>

Buton-5

Başka bir buton örneği

<script language="Javascript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.curcuna.itgo.com var speed = 100 var message = " <<<CURCUNA.İTGO.COM>>> " var s = 0 var l = message.length document.write("<form name='btn'><input type='button' " +"name='sc' value='"+ message +"'></form>") function btnsc() { document.btn.sc.value = message.substring(s,l) + message.substring(0,s) s++ if (s >= l) { s = 0 } setTimeout("btnsc()",speed) } btnsc(); //--> </script>

Buton-6

Bu seferki buton örneğimiz windows butonlarını andırıyor.

<script>placeButton(1)</script> <br> <script>placeButton(2)</script> <br> <script>placeButton(3)</script> <br> <script>placeButton(4)</script> <br>

Hareketli Buton

Mouseu üzerine getirince hareket eden butonlar ister misiniz?

<form name=myform2> <table border=0> <tr><td> Mouseu üzerine getirin </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> Mouseu üzerine getirin </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>

Geri Dön Tuşu

Bu script ile sayfanızda bir geri tuşu oluşturabilirsiniz.

<input onclick="history.back();" type="button" value="<<geri dön">

Uzayıp Kısalan Buton

Bu script ile sayfanızda uzayıp kısalan butonlar yapabilirsiniz.

<SCRIPT LANGUAGE="JavaScript"> <!-- var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 2 // number of URL's you will use var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "Geri Dön......." urlArr[1] = "java2.htm" lineArr[2] = "Ana Menü......." urlArr[2] = "main.htm" var lineText = lineArr[1] function StartShow() { StopShow() ShowLine() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function ShowLine() { if (charNo == 0) { // Next line if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { // Next char document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) } } function GotoUrl(url) { top.location.href = url } //--> </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> <!-- document.write("<FORM NAME=\"formDisplay\">"); document.write("<INPUT TYPE=\"BUTTON\" NAME=\"buttonFace\" VALUE=\"&{lineText}\" SIZE=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">"); document.write("</FORM>"); StartShow(); //--> </SCRIPT>

Buton-1

Sayfalarında etkileyici butonlar kullanmak isteyene güzel bir örnek.

<style type="text/css"> <!-- a:link, a:visited, a:active, a:hover{text-decoration:none} //--> </style> <script language="JavaScript"> <!-- IE and NS6 Menu Button script y_bilal@mynet.com if (!document.layers){ // Choose size and colours here!!!!!!!!!!!!!!!!!!!!!!!!!! Width=100; Font='Verdana'; FontSize=12; AFontColor='#ffffff'; BFontColor='#ffffff'; CFontColor='#ffffff'; FontWeight='normal'; //normal or bold! BackGround='#0080ff'; //Same as your body bgcolor! BorderDepth=1; BorderLight='#00ccff'; BorderShad='#000000'; //Nothing needs altering past here!!!!!!!!!!!!!!!!!!!!!! function On(id){ with(id.style){ color=BFontColor; borderTopColor=BorderLight; borderLeftColor=BorderLight; borderRightColor=BorderShad; borderBottomColor=BorderShad; } } function Off(id){ with(id.style){ color=AFontColor; borderTopColor=BackGround; borderLeftColor=BackGround; borderRightColor=BackGround; borderBottomColor=BackGround; } } function Down(id){ with(id.style){ color=CFontColor; borderTopColor=BorderShad; borderLeftColor=BorderShad; borderRightColor=BorderLight; borderBottomColor=BorderLight; } } function Link(Url,Txt){ document.write("<a href='"+Url+"'>" +"<div style='position:relative;" +"width:"+Width+"px;height:"+FontSize+"px;" +"border-width:"+BorderDepth+"px;" +"border-color:"+BackGround+";" +"border-style:solid;" +"padding:"+FontSize/3+"px;" +"background:"+BackGround+";" +"font-family:"+Font+";" +"font-size:"+FontSize+"px;" +"line-height:"+FontSize*1.2+"px;" +"font-weight:"+FontWeight+";" +"text-align:left;" +"color:"+AFontColor+";" +"margin-top:2px;" +"cursor:hand'" +"onMouseOver='javascript:On(this)'" +"onMouseOut='javascript:Off(this)'" +"onMouseDown='javascript:Down(this)'>" +Txt+"</div></a>"); } } function Temp(){ alert("TEST"); } //--> </script>

Buton-2

Bu seferki buton örneğimiz windows butonlarını andırıyor.

<SCRIPT LANGUAGE="JavaScript"> <!-- Original: y_bilal@mynet.com (Paco Zarabozo A.) --> <!-- Begin var button = new Array(); var action = new Array(); var buttonWidth = new Array(); ///////////////////////////////////////////////////////////////////////////// /////////////////////// BEGIN OF EDITABLE SECTION /////////////////////////// ///////////////////////////////////////////////////////////////////////////// // Edit this for your buttons text and actions. // You can add or remove as much buttons as you want. // Just be sure to use "button[number]", "buttonWidth[number]" and "action[number]" // for each button, using the same button number for the three variables! // // Text format is: '...text...<u>underlined_letter</u>...text...'; // Important: Underline just ONE letter and be very carefull from // NOT to use the same letter for more than one button!! // Try also not to use letters that already have a function under // the browser (i.e. If you use "e", you'll activate your button // AND the already asigned combination for "EDIT" menu.) // // In the time you need to refer to some button on other scripts, each button // has an id based on "bnumber". For example, button 1 has the id "b1". // // Let's use 5 buttons for this example: button[1] = '<u>Y</u>ahoo'; buttonWidth[1] = 150; //This is the button's width, in pixels. action[1] = function () { // Place here you actions for button 1: window.open('http://www.yahoo.com'); // End of actions for button 1. } button[2] = '<u>A</u>ltavista'; buttonWidth[2] = 150; //This is the button's width, in pixels. action[2] = function () { // Place here you actions for button 2: window.open('http://www.altavista.com'); // End of actions for button 2. } button[3] = '<u>C</u>curcuna.itgo.com'; buttonWidth[3] = 150; //This is the button's width, in pixels. action[3] = function () { // Place here you actions for button 3: window.open('http://www.curcuna.itgo.com.tr.tc'); // End of actions for button 3. } button[4] = 'Ntv<u>m</u>snbc Haber Portalı'; buttonWidth[4] = 150; //This is the button's width, in pixels. action[4] = function () { // Place here you actions for button 1: window.open('http://www.ntvmsnbc.com'); // End of actions for button 1. } /////////////////////////////////////////////////////////////////////////// /////////////////////// END OF EDITABLE SECTION /////////////////////////// /////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////// // Don't edit bellow or you could get errors! // //////////////////////////////////////////////////////////////////////////// function placeButton(value) { if (button[value]) { if (button[value].indexOf('<u>') != -1) { document.write('<button id="b'+value+'" style="Width : '+buttonWidth[value]+'px ; Height : 22px" onClick="action['+value+']()"><font face="MS Sans Serif" size="1">'+button[value]+'</button>'); } else { alert('You didn\'t specify the underlined letter for the button number '+value+'. This button cannot be placed until you specify the underlined letter by using <u> and </u> tags.'); } } else { alert('You are trying to place the button number '+value+', but you didn\'t declare its values on the variables area. \r\rThe button '+value+' will not be placed until you specify the variables "button['+value+']" and "action['+value+']".'); } } document.write('<script'+'>'); document.write('function myfocus(n) {'); for (a=1; a<button.length; a++) { document.write('if (n=='+a+') {document.all.b'+a+'.focus()}'); } document.write('}'); document.write('<'+'/script>'); function chkKey(evt) { var mykey, alt, ctrl, shift; if (window.Event) { mykey = evt.which; alt = (evt.modifiers & Event.ALT_MASK) ? true : false; ctrl = (evt.modifiers & Event.CONTROL_MASK) ? true : false; shift = (evt.modifiers & Event.SHIFT_MASK) ? true : false; } else { mykey = evt.keyCode; alt = evt.altKey; ctrl = evt.ctrlKey; shift = evt.shiftKey; } if (mykey!=0 && mykey!=16 && mykey!=17 && mykey!=18) { if (alt) { for (i=1; i<button.length; i++) { ui = button[i].indexOf('<u>'); ul = button[i].substring(ui + 3, ui + 4).toLowerCase(); if (String.fromCharCode(mykey).toLowerCase() == ul) { myfocus(i); action[i](); break; } } } } return true; } if (window.Event) { document.captureEvents(Event.KEYDOWN); document.onkeydown = chkKey; } else { document.onkeydown = function() { return chkKey(event); } } // End --> </script>

Hareketli Buton

Mouseu üzerine getirince hareket eden butonlar ister misiniz?

<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Scriptbreaker (y_bilal@mynet.com ) --> <!-- Begin 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 } // End --> </script>