Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj19.06.2009, 11:49 (UTC)    
Mesaj konusu: Dev JavaScript Arşivi

Arkadaşlar sşzker için bir dev ariv hazırladım;
buyrun;
Not: Kusura Bakmayın Önizlemeleri yok

Button E-Mail (tr)

Kod:
<FORM>
<INPUT TYPE="button" VALUE="Mail Gönder" onClick="parent.location='mailto:sen( at )mailadresin.com?subject=Merhaba &cc=kendi( at )seninmail.com'">
</FORM>



Süreli Buton (tr)

Kod:
<form name="myform">

<input name="submitbtn" type="button" value="Kayıt et">

</form>


<script type="text/javascript">

<!--

var secs = 120;

var wait = secs * 1000;

document.myform.submitbtn.disabled=true;

   

for(i=1;i<=secs;i++) {

 window.setTimeout("update(" + i + ")", i * 1000);

}



window.setTimeout("timer()", wait);



function update(num) {

 if(num == (wait/1000)) {

  document.myform.submitbtn.value = "Kayıt ET";

 }

 else {

  printnr = (wait/1000)-num;

  document.myform.submitbtn.value = "Lütfen (" + printnr + ") saniye bekleyin !";

 }

}



function timer() {

 document.myform.submitbtn.disabled=false;

}

//-->

</script>




Hareketli Buton (tr

Kod:

<!--- KAYNAK: http://www.gezginler.net --->
<BODY onload=StartHeadliner() onunload=StopHeadliner()>
<SCRIPT language=JavaScript>

growWait=90
expandWait=120
scrollWait=100
scrollWidth=40
lineMax=4
lines=new Array(lineMax)

lines[1]=new Line("GEZGİNLER.NET", "http://www.gezginler.net", Expand, 2000)
lines[2]=new Line("HİZMETLERİMİZDEN YARARLANABİLMEK İÇİN,", "http://www.gezginler.net", Scroll, 1000)
lines[3]=new Line("KERVANIMIZA HEMEN KATILIN...", "http://www.gezginler.net", Static, 2500)
lines[4]=new Line("@İstek öneri ve şikayetleriniz için", "mailto:gezginler( at )gezginler.net.com", Grow, 3000)

lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0

function Line(text, url, type, wait) {
   this.text=text
   this.url=url
   this.Display=type
   this.wait=wait

}

function StringFill(c, n) {
   s=""
   while (--n >= 0) {
      s+=c
   }

   return s

}

function Static() {
   document.formDisplay.buttonFace.value=this.text
   timerID=setTimeout("ShowNextLine()", this.wait)

}

function Grow() {
   lineText=this.text
   lineWait=this.wait
   charMax=lineText.length
   TextGrow()

}

function TextGrow() {
   if (charNo <= charMax) {
      document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
      charNo++
      timerID=setTimeout("TextGrow()", growWait)
   }
   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()", 1000)
   timerRunning=true
}

function StopHeadliner() {
   if (timerRunning) {
      clearTimeout(timerID)
      timerRunning=false
   }
}

function ShowNextLine() {
   (lineNo < lineMax) ? lineNo++ : lineNo=1
   lines[lineNo].Display()
}

function GotoUrl(url)
{
   top.location.href=url
}
// end hide -->
</SCRIPT>

<FORM name=formDisplay>
<DIV align=center>
<CENTER>
<P><INPUT class=stHeadLiner name=buttonFace onclick=GotoUrl(lines[lineNo].url) type=button value=" WWW."></P></CENTER></DIV></FORM>
<!--- KAYNAK: http://www.gezginler.net --->


onMouseOver Button (ing)

Kod:
<input type="submit" value="Click here" onmouseover="this.value='== Just click once! =='"  onmouseout="this.value='Click here!'">

______________
Mesaj19.06.2009, 11:52 (UTC)    
Mesaj konusu:

Back Button (ing)
Kod:


&lt;!-- ONE STEP TO INSTALL BACK BUTTON:

  1.  Copy the coding into the BODY of your HTML document  --&gt;

&lt;!-- STEP ONE: Paste this code into the BODY of your HTML document  --&gt;

&lt;BODY&gt;

&lt;!-- This script and many more are available free online at http://www.ibold.net--&gt;


&lt;a href="#" onClick="history.go(-1)"&gt;Back&lt;/a&gt;
&lt;input type=button value="Back" onClick="history.go(-1)"&gt;

&lt;!-- Change the value of -1 to any number of pages you would like to send your visitors back --&gt;
&lt;p&gt;&lt;center&gt;
&lt;font face="arial, helvetica" size="-2"&gt;Free JavaScripts provided&lt;br&gt;
by &lt;a href="http://www.ibold.net"&gt;iBold.net Free Website Scripts&lt;/a&gt;&lt;/font&gt;
&lt;/center&gt;&lt;p&gt;
&lt;!-- Script Size:  0.60 KB --&gt;


Full Screen Window Opener Script (ing)
Kod:

&lt;script&gt;
&lt;!--

function fullwin(){
window.open("../index.html","","fullscreen,scrollbars")
}
//--&gt;
&lt;/script&gt;
&lt;form&gt;
&lt;input type="button" onClick="fullwin()" value="Open window"&gt;
&lt;/form&gt;



Pencere kapama butonu (tr)

Kod:
&lt;html&gt;
&lt;head&gt;
&lt;script language="javascript"&gt;
  function pencere_ac()
  {
   config="scrollbars=no,width=500,height=250,left=100,top=200";
   pencere= window.open("","pencere",config);
   pencere.document.write("&lt;Html&gt;&lt;Body bgcolor=''#FFFFC1'' text=''#800000'' ");
   pencere.document.write(''&lt;h1&gt; Bu pencereyi alttaki butona tıklayarak kapatabilirsiniz. &lt;/h1&gt;'');
   pencere.document.write(''&lt;center&gt;&lt;form name="deneme"&gt;'');
   pencere.document.write(''&lt;input type="button" value=" Pencereyi kapat " onClick="window.close()"&gt;'');
   pencere.document.write(''&lt;/form&gt;&lt;/center&gt;'');
   pencere.document.write (''&lt;/Body&gt;&lt;/Html&gt;'');
  }
&lt;/script&gt;
&lt;/head&gt;

&lt;p class="baslik"&gt;Örnek &lt;/p&gt;
&lt;p class="koyu"&gt;Pencere kapatır &lt;/p&gt;

&lt;p class="ortala"&gt;&lt;a href="#" onClick="pencere_ac();"&gt;Örneği çalıştır  &lt;/a&gt;&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;

______________
Mesaj19.06.2009, 11:57 (UTC)    
Mesaj konusu:

Streaming Banners (ing)

Kod:
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com */
/* -----------------------------------------------
   Streaming banners - v.1.1
   (c) 2006 www.haan.net
   contact: jeroen( at )haan.net
   You may use this script but please leave the credits on top intact.
   Please inform us of any improvements made.
   When useful we will add your credits.
  ------------------------------------------------ */

/* usage
<body>
<div id="slideCont" style="position:relative;z-index:1;width:140px;left:0px;overflow:hidden;">
   <div id="slideA" style="position:absolute;z-index:1;top:0px;left:0px;width:140px;overflow:hidden;">
      your banners (images inside anchor tags)
      <div id="slideB" style="position:relative;z-index:1;top:0px;left:0px;width:140px;overflow:hidden;"> 
         your banners (images inside anchor tags)
      </div>
   </div>
</div>
</body>
*/

function clip() {
    // width of the banner container
    var contWidth = 150;
    // height of the banner container
    var contHeight = 300;

    var id1 = document.getElementById('slideA');
    var id2 = document.getElementById('slideB');
    var height = id1.offsetHeight;
    
    id1.style.top = parseInt(id1.style.top)-1 + 'px';
    
    document.getElementById('slideCont').style.height = contHeight + "px";
    document.getElementById('slideCont').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)';
    id2.style.display = '';
    if(parseFloat(id1.style.top) == -(height/2)) {
        id1.style.top = '0px';
    }
    setTimeout(clip,50)
}

// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  clip();
});
</script>

<style>
#slideCont {
   margin: 10px;
   border: solid 1px #000;
   text-align: center;
}
#slideCont img {
   margin: 5px;
}
</style>


<div id="slideCont" style="position:relative;z-index:1;width:140px;left:400px;overflow:hidden;">
  <div id="slideA" style="position:absolute;z-index:1;top:0px;left:0px;width:140px;overflow:hidden;">
    <a href="http://www.apache.org/"><img src="apache.gif" width="126" height="44" border="0"></a>
    <a href="http://www.haan.net"><img src="banner_haan_net_en.gif" width="120" height="60" border="0"></a>
    <a href="http://www.linux.org/"><img src="linux.gif" width="126" height="64" border="0"></a>
    <a href="http://www.mysql.com/"><img src="mysql.gif" width="126" height="44" border="0"></a>
    <a href="http://www.php.net/"><img src="php.gif" width="126" height="44" border="0"></a>
    <a href="http://www.ubuntu.com/"><img src="ubuntu.gif" width="126" height="34" border="0"></a>

    <div id="slideB" style="position:relative;z-index:1;top:0px;left:0px;width:140px;overflow:hidden;">
      <a href="http://www.apache.org/"><img src="apache.gif" width="126" height="44" border="0"></a>
      <a href="http://www.haan.net"><img src="banner_haan_net_en.gif" width="120" height="60" border="0"></a>
      <a href="http://www.linux.org/"><img src="linux.gif" width="126" height="64" border="0"></a>
      <a href="http://www.mysql.com/"><img src="mysql.gif" width="126" height="44" border="0"></a>
      <a href="http://www.php.net/"><img src="php.gif" width="126" height="44" border="0"></a>
      <a href="http://www.ubuntu.com/"><img src="ubuntu.gif" width="126" height="34" border="0"></a>
    </div>
  </div>
</div>


Simple Banner Rotator (ing)

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
// Simple banner rotator
// (c) spyka Web Group 2008
// version info: 1.1.2
// Download & support: http://www.spyka.net
// Forums: http://www.spyka.net/forums
// Please keep this notice in place

function banner(name, url, image, date)
{
   this.name   = name;
   this.url   = url;
   this.image   = image;
   this.date   = date;
}

var banners = new Array();
///////////////////////////////////////////////////////////////////////////////////
//
//                           START EDITS HERE
//
///////////////////////////////////////////////////////////////////////////////////

// Full documentation & support: http://www.spyka.net/forums

// if 1, all images will be resized to img_width and img_height, else images will display their correct size
var force_size   = 0;
// desired height and width of images, only takes affect if above is = 1
var img_width   = 728;
var img_height   = 90;

// banner list syntax: banners[x] = new banner(website_name, website_url, website_image_url, show_until_date);  DATE FORMAT: dd/mm/yyyy
banners[0] = new banner('AwesomeStyles', 'http://www.awesomestyles.com', 'http://www.awesomestyles.com/images/aimg/728x90-1.gif', '30/04/2009');
banners[1] = new banner('spyka.net Webmaster', 'http://www.spyka.net', 'http://spyka.net/images/88x31.jpg', '10/04/2009');

///////////////////////////////////////////////////////////////////////////////////
//
//                           END EDITS HERE
//
///////////////////////////////////////////////////////////////////////////////////

function show_banners()
{
   var am      = banners.length;
   var rand   = Math.floor(Math.random()*am);   
   var bn       = banners[rand];
   
   var image_size    = (force_size == 1) ? ' width="' + img_width + '" height="' + img_height + '"' : '';
   var html       = '<a href="' + bn.url + '" title="' + bn.name + '" target="_blank"><img border="0" src="' + bn.image + '"' + image_size + ' alt="' + bn.name+ '" /></a>';
   
   // get current date string
   var now      = new Date();
   
   var input   = bn.date;
   input      = input.split('/', 3);
   var end_date   = new Date();
   end_date      = end_date.setFullYear(parseFloat(input[2]), parseFloat(input[1]), parseFloat(input[0]));
   
   (now < end_date) ? document.write(html) : show_banners();
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Example</title>
<script type="text/javascript" src="banners.js"></script>
</head>

<body>
<script type="text/javascript">
show_banners();
</script>
</body>
</html>


Streaming Horizontal Banner (ing)

Kod:
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Jeroen Haan | http://www.haan.net/ */
/* -----------------------------------------------
   Streaming banners - v.1
   (c) 2006 www.haan.net
   You may use this script but please leave the credits on top intact.
   Please inform us of any improvements made.
   When usefull we will add your credits.
  ------------------------------------------------ */
<!--

function clip() {
    // width of the banner container
    var contWidth = 425;
    // height of the banner container
    var contHeight = 90;

    var id1 = document.getElementById('slideA');
    var id2 = document.getElementById('slideB');

    id1.style.left = parseInt(id1.style.left)-1 + 'px';
    
    document.getElementById('slideCont').style.width = contWidth + "px";
    document.getElementById('slideCont').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)';
    id2.style.display = '';
    if(parseFloat(id1.style.left) == -(contWidth))    {
       id1.style.left = '0px';
    }
    setTimeout(clip,25)
}

// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  clip();
});
</script>

<style>
#slideCont {
    border:solid 1px #000;
    text-align:center;
}

#slideCont img {
    margin: 5px;
}
</style>


<div id="slideCont" style="position:relative;z-index:1;width:425px;height:90px;top:0px;overflow:hidden;">
   <div id="slideA" style="position:absolute;z-index:1;top:0px;left:0px;width:850px;height:90px;overflow:hidden;">
      <div style="float:left" id="innerSlideA">
         <a href="http://www.apache.org/"><img src="apache.gif" width="126" height="44" border="0"></a>
         <a href="http://www.haan.net"><img src="banner_haan_net_en.gif" width="120" height="60" border="0"></a>
         <a href="http://www.mysql.com/"><img src="mysql.gif" width="126" height="44" border="0"></a>
      </div>
      <div id="slideB" style="position:relative;z-index:1;top:0px;left:0px;width:425px;height:90px;overflow:hidden;">
         <a href="http://www.apache.org/"><img src="apache.gif" width="126" height="44" border="0"></a>
         <a href="http://www.haan.net"><img src="banner_haan_net_en.gif" width="120" height="60" border="0"></a>
         <a href="http://www.mysql.com/"><img src="mysql.gif" width="126" height="44" border="0"></a>
      </div>
   </div>
</div>

______________
Mesaj19.06.2009, 11:58 (UTC)    
Mesaj konusu:

Random Ads (ing)

Kod:
<script>
var adblock=new Array()
adblock[0]='<a href="http://www.jupitermedia.com/"><img src="http://www.jupitermedia.com/img/onlineMedia.jpg" class="imgBorder" alt="Jupitermedia"></a>'
adblock[1]='<a href="http://www.earthweb.com/"><img src="http://www.jupiterweb.com/img/erthweb-micro.gif" class="imgBorder" alt="Earthweb"></a>'
adblock[2]='<a href="http://www.internet.com/"><img src="http://www.jupiterweb.com/img/icom.gif" class="imgBorder" alt="internet.com"></a>'
adblock[3]='<a href="http://www.devx.com/"><img src="http://www.jupiterweb.com/img/devx-micro.gif" class="imgBorder" alt="DevX.com"></a>'
adblock[4]='<a href="http://www.graphics.com/"><img src="http://www.jupiterweb.com/img/graphicscom-micro.gif" class="imgBorder" alt="Graphics.com"></a>'
adblock[5]='<a href="http://www.jupiterwebcasts.com/"><img src="http://www.jupiterwebcasts.com/img/rd06/jwebcasts_logo.gif" width="165" height="22" class="imgBorder" alt="Jupiter Webcasts"></a>'
adblock[6]='<a href="http://www.webreference.com/"><img src="http://www.webreference.com/art/webref.gif" class="imgBorder" alt="Web Reference"></a>'
adblock[7]='<a href="http://webdeveloper.com/"><img src="http://www.webdeveloper.com/forum/images/webdev-logo2.gif" class="imgBorder" alt="Web Developer"></a>'
adblock[8]='<a href="http://www.scriptsearch.com/"><img src="http://www.scriptsearch.com/img/logo.gif" class="imgBorder" alt="Script Search"></a>'
adblock[9]='<a href="http://www.databasejournal.com/"><img src="http://www.databasejournal.com/img/logo.gif" width="153" height="55" class="imgBorder" alt="Database Journal"></a>'
adblock[10]='<a href="http://www.flashkit.com/"><img src="http://images2.flashkit.com/images/fk_logotop.gif" class="imgBorder"  alt="FlashKit"></a>'
adblock[11]='<a href="http://www.hiermenuscentral.com/"><img src="http://www.hiermenuscentral.com/img/hr-logo.gif" class="imgBorder" alt="HierMenus Central"></a>'
adblock[12]='<a href="http://www.4guysfromrolla.com/"><img src="http://www.4guysfromrolla.com/img/4guyslogo.gif" class="imgBorder" width="202" height="43" alt="4 Guys from Rolla"></a>'
adblock[13]='<a href="http://www.asp101.com/"><img src="http://www.asp101.com/img/asp_asp101_logo.gif" class="imgBorder" alt="ASP 101"></a>'


function randomorder(targetarray, spacing) {
  var randomorder=new Array()
  var the_one
  var z=11
  for (i=0;i<targetarray.length;i++)
  randomorder[i]=i

  while (z<targetarray.length) {
    the_one=Math.floor(Math.random()*targetarray.length)
    if (targetarray[the_one]!="_selected!"){
      document.write(targetarray[the_one]+spacing)
      targetarray[the_one]="_selected!"
      z++
    }
  }
}
</script>

<style>
.imgBorder {
  border: none;
}
</style>


<p align="center">
<script type="text/javascript">
  randomorder(adblock, '<br><br>')
</script>
</p>


Çapraz flash banner gösterimi (tr)


Kod:
<div style="position:absolute; left:0; top:0">
<OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" ID=Untitled WIDTH=270 HEIGHT=400>
<PARAM NAME=movie VALUE="http://download.aspindir.com/images/mavicenter.swf">
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=scale VALUE=Default>
<PARAM NAME=salign VALUE=CC>
<PARAM NAME=play VALUE=true>
<PARAM NAME=devicefont VALUE=true>
<PARAM NAME=loop VALUE=true>
<PARAM NAME=menu VALUE=true>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#006600>
<EMBED width=270 height=400 src="http://download.aspindir.com/images/mavicenter.swf" wmode=transparent scale=Default salign=CC play=true devicefont=true loop=true menu=true quality=high bgcolor=#006600
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
</div>

______________
Mesaj19.06.2009, 11:59 (UTC)    
Mesaj konusu:

Javascript kodları Javasicript bolumunde sabit başlıkta paylaşılmalı

Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=25700
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj19.06.2009, 12:01 (UTC)    
Mesaj konusu:

kefkirnet yazmış:
Javascript kodları Javasicript bolumunde sabit başlıkta paylaşılmalı

Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=25700
Kefkir çok özür diliyorum butun kullanıcılardan dalmısım hemen o bölüme açıyorum pardon
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu