Html Kodları Arşivi

17 Mayıs 2010 Pazartesi

Sitene Video Kodu Ekle-Video Menü Bar

8 Mayıs 2010 Cumartesi

YATAY PERDE AÇILIŞI

<HTML>
 <HEAD>
 <TITLE>Yatay perde aç</TITLE>
 <style>
 .intro{
 position:absolute;
 left:0;
 top:0;
 layer-background-color:ORANGE;
 background-color:ORANGE;
 border:0.1px solid ORANGE;
 z-index:10;
 }
 </style>
 </HEAD>
 <BODY bgcolor=#ff008B>
 <div id="i1" class="intro"></div><div id="i2" class="intro"></div>
 <SCRIPT>
 var ns4=document.layers?1:0
 var ie4=document.all?1:0
 var ns6=document.getElementById&&!document.all?1:0
 var speed=20
 var temp=new Array()
 var temp2=new Array()
 if (ns4){
 for (i=1;i<=2;i++){
 temp[i]=eval("document.i"+i+".clip")
 temp2[i]=eval("document.i"+i)
 temp[i].width=window.innerWidth
 temp[i].height=window.innerHeight/2
 temp2[i].top=(i-1)*temp[i].height
 }
 }
 else if (ie4||ns6){
 var clipbottom=ns6?parseInt(window.innerHeight)/2:document.body.offsetHeight/2
 cliptop=0
 for (i=1;i<=2;i++){
 temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style")
 temp[i].width=ns6?window.innerWidth-15:document.body.clientWidth
 temp[i].height=ns6?window.innerHeight/2:document.body.offsetHeight/2
 temp[i].top=(i-1)*parseInt(temp[i].height)
 }
 }
 function openit(){
 window.scrollTo(0,0)
 if (ns4){
 temp[1].bottom-=speed
 temp[2].top+=speed
 if (temp[1].bottom<=0)
 clearInterval(stopit)
 }
 else if (ie4||ns6){
 clipbottom-=speed
 temp[1].clip="rect(0 auto "+clipbottom+" 0)"
 cliptop+=speed
 temp[2].clip="rect("+cliptop+" auto auto auto)"
 if (clipbottom<=-5){
 clearInterval(stopit)
 if (ns6){
 temp[1].display="none"
 temp[2].display="none"
 }
 }
 }
 }
 function gogo(){
 stopit=setInterval("openit()",100)
 }
 gogo()
 </SCRIPT>
 </BODY>
 </HTML>

DİKEY PERDE AÇILIŞI

<HTML>
 <HEAD>
 <TITLE>Dikey perde aç</TITLE>
 <style>
 
 </style>
 </HEAD>
 <BODY>
 <div id="i1" class="intro"></div><div id="i2" class="intro"></div>
 <SCRIPT>
 var ns4=document.layers?1:0
 var ie4=document.all?1:0
 var ns6=document.getElementById&&!document.all?1:0
 var speed=20
 var temp=new Array()
 var temp2=new Array()
 if (ns4){
 for (i=1;i<=2;i++){
 temp[i]=eval("document.i"+i+".clip")
 temp2[i]=eval("document.i"+i)
 temp[i].width=window.innerWidth/2
 temp[i].height=window.innerHeight
 temp2[i].left=(i-1)*temp[i].width
 }
 }
 else if (ie4||ns6){
 var clipright=ns6?window.innerWidth/2*0.98:document.body.clientWidth/2,clipleft=0
 for (i=1;i<=2;i++){
 temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style")
 temp[i].width=ns6?window.innerWidth/2*0.98:document.body.clientWidth/2
 temp[i].height=ns6?window.innerHeight-1: document.body.offsetHeight
 temp[i].left=(i-1)*parseInt(temp[i].width)
 }
 }
 function openit(){
 window.scrollTo(0,0)
 if (ns4){
 temp[1].right-=speed
 temp[2].left+=speed
 if (temp[2].left>window.innerWidth/2)
 clearInterval(stopit)
 }
 else if (ie4||ns6){
 clipright-=speed
 temp[1].clip="rect(0 "+clipright+" auto 0)"
 clipleft+=speed
 temp[2].clip="rect(0 auto auto "+clipleft+")"
 if (clipright<=0){
 clearInterval(stopit)
 if (ns6){
 temp[1].display="none"
 temp[2].display="none"
 }
 }
 }
 }
 function gogo(){
 stopit=setInterval("openit()",100)
 }
 gogo()
 </SCRIPT>
 </BODY>
 </HTML>

YAPILAN İŞ YÜZDE ÇUBUĞU

<HTML>
 <HEAD>
 <TITLE>Yapılan işlem yüzde çubuğu</TITLE>
 </HEAD>
 <BODY>
 <SCRIPT>
 var loadedcolor='navy' ; // PROGRESS BAR COLOR
 var unloadedcolor='lightgrey'; // BGCOLOR OF UNLOADED AREA
 var barheight=15; // HEIGHT OF PROGRESS BAR IN PIXELS
 var barwidth=350; // WIDTH OF THE BAR IN PIXELS
 var bordercolor='black'; // COLOR OF THE BORDER
 var action=function()
 {
 //window.location="http://www.dynamicdrive.com
 }
 var w3c=(document.getElementById)?true:false;
 var ns4=(document.layers)?true:false;
 var ie4=(document.all && !w3c)?true:false;
 var ie5=(document.all && w3c)?true:false;
 var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
 var blocksize=(barwidth-2)/100;
 barheight=Math.max(4,barheight);
 var loaded=0;
 var perouter=0;
 var perdone=0;
 var images=new Array();
 var txt='';
 if(ns4){
 txt+='<table cellpadding=0 cellspacing=0 border=0><tr><td>';
 txt+='<ilayer name="perouter" width="'+barwidth+'" height="'+barheight+'">';
 txt+='<layer width="'+barwidth+'" height="'+barheight+'" bgcolor="'+bordercolor+'" top="0" left="0"></layer>';
 txt+='<layer width="'+(barwidth-2)+'" height="'+(barheight-2)+'" bgcolor="'+unloadedcolor+'" top="1" left="1"></layer>';
 txt+='<layer name="perdone" width="'+(barwidth-2)+'" height="'+(barheight-2)+'" bgcolor="'+loadedcolor+'" top="1" left="1"></layer>';
 txt+='</ilayer>';
 txt+='</td></tr></table>';
 }else{
 txt+='<div id="perouter" onmouseup="hidebar()" style="position:relative; visibility:hidden; background-color:'+bordercolor+'; width:'+barwidth+'px; height:'+barheight+'px;">';
 txt+='<div style="position:absolute; top:1px; left:1px; width:'+(barwidth-2)+'px; height:'+(barheight-2)+'px; background-color:'+unloadedcolor+'; z-index:100; font-size:1px;"></div>';
 txt+='<div id="perdone" style="position:absolute; top:1px; left:1px; width:0px; height:'+(barheight-2)+'px; background-color:'+loadedcolor+'; z-index:100; font-size:1px;"></div>';
 txt+='</div>';
 }
 document.write(txt);
 function incrCount(prcnt){
 loaded+=prcnt;
 setCount(loaded);
 }
 function decrCount(prcnt){
 loaded-=prcnt;
 setCount(loaded);
 }
 function setCount(prcnt){
 loaded=prcnt;
 if(loaded<0)loaded=0;
 if(loaded>=100){
 loaded=100;
 setTimeout('hidebar()', 400);
 }
 clipid(perdone, 0, blocksize*loaded, barheight-2, 0);
 }
 function findlayer(name,doc){
 var i,layer;
 for(i=0;i<doc.layers.length;i++){
 layer=doc.layers[i];
 if(layer.name==name)return layer;
 if(layer.document.layers.length>0)
 if((layer=findlayer(name,layer.document))!=null)
 return layer;
 }
 return null;
 }
 function progressBarInit(){
 perouter=(ns4)?findlayer('perouter',document):(ie4)?document.all['perouter']:document.getElementById('perouter');
 perdone=(ns4)?perouter.document.layers['perdone']:(ie4)?document.all['perdone']:document.getElementById('perdone');
 perdone=(ie4)?document.all['perdone']:document.getElementById('perdone');
 clipid(perdone,0,0,barheight-2,0);
 if(ns4)perouter.visibility="show";
 else perouter.style.visibility="visible";
 }
 function hidebar(){
 action();
 //(ns4)? perouter.visibility="hide" : perouter.style.visibility="hidden";
 }
 function clipid(id,t,r,b,l){
 if(ns4){
 id.clip.left=l;
 id.clip.top=t;
 id.clip.right=r;
 id.clip.bottom=b;
 }
 else
 id.style.width=r;
 }
 window.onload=progressBarInit;
 window.onresize=function(){
 if(ns4)setTimeout('history.go(0)' ,400);
 }
 </SCRIPT>
 
 <a href="javascript:incrCount(5)" _fcksavedurl="javascript:incrCount(5)">%5 artış görüntülemek için tıklayınız.</a>
 <SCRIPT>
 setCount(50)
 </SCRIPT>
 </BODY>
 </HTML>

ONAY İSTEME KODU

NESNE TAŞI-BÜYÜLT-KÜÇÜLT

<HTML>
 <HEAD>
 <TITLE>Nesneleri, büyültme, küçültme, taşıma</TITLE>
 </HEAD>
 <BODY bgcolor="#0000f8">
 <style>
 .drag{position:relative;cursor:hand}
 </style>
 <SCRIPT>
 var dragdurumu=false
 var z,x,y
 var SONHAR=""
 function BUYUK(){
 if (SONHAR=="") {alert("Büyültülecek nesneyi seçiniz...!")}
 if (SONHAR=="HAR1") {HAR.HAR1.width=HAR.HAR1.width+(HAR.HAR1.width*10/100)}
 if (SONHAR=="HAR2") {HAR.HAR2.width=HAR.HAR2.width+(HAR.HAR2.width*10/100)}
 }
 function KUCUK(){
 if (SONHAR=="") {alert("Küçültülecek nesneyi seçiniz...!")}
 if (SONHAR=="HAR1") {HAR.HAR1.width=HAR.HAR1.width-(HAR.HAR1.width*10/100)}
 if (SONHAR=="HAR2") {HAR.HAR2.width=HAR.HAR2.width-(HAR.HAR2.width*10/100)}
 }
 function move(){
 if (event.button==1&&dragdurumu){
 z.style.pixelLeft=temp1+event.clientX-x
 z.style.pixelTop=temp2+event.clientY-y
 return false
 }
 }
 function drags(){
 if (!document.all)
 Return
 if (event.srcElement.className=="drag"){
 dragdurumu=true
 if (event.srcElement.name=="HAR1") {SONHAR=event.srcElement.name}
 if (event.srcElement.name=="HAR2") {SONHAR=event.srcElement.name}
 z=event.srcElement
 temp1=z.style.pixelLeft
 temp2=z.style.pixelTop
 x=event.clientX
 y=event.clientY
 document.onmousemove=move
 }
 }
 document.onmousedown=drags
 document.onmouseup=new Function("dragdurumu=false")
 </SCRIPT>
 
 <FORM NAME="HAR">
 <INPUT NAME="BUYUKB" TYPE="BUTTON" VALUE="Büyük" class="drag" onclick=BUYUK()>
 Mouse yardımıyla nesnelerin yerini değiştirebilirsiniz.
 <INPUT NAME="KUCUKB" TYPE="BUTTON" VALUE="Küçük" class="drag" onclick=KUCUK()> 
 <IMG SRC="image1.gif" _fcksavedurl="image1.gif" NAME="HAR1" class="drag">
 <IMG SRC="image2.gif" _fcksavedurl="image2.gif" NAME="HAR2" class="drag"> 
 </FORM>
 </BODY>
 </HTML>

Html Kodları Arşivi

17 Mayıs 2010 Pazartesi

Sitene Video Kodu Ekle-Video Menü Bar

8 Mayıs 2010 Cumartesi

YATAY PERDE AÇILIŞI

DİKEY PERDE AÇILIŞI

YAPILAN İŞ YÜZDE ÇUBUĞU

ONAY İSTEME KODU

NESNE TAŞI-BÜYÜLT-KÜÇÜLT

ÇERÇEVELİ BUTON

İzleyiciler

Blog Arşivi

Html Kodları Arşivi

17 Mayıs 2010 Pazartesi

Sitene Video Kodu Ekle-Video Menü Bar

8 Mayıs 2010 Cumartesi

YATAY PERDE AÇILIŞI

DİKEY PERDE AÇILIŞI

YAPILAN İŞ YÜZDE ÇUBUĞU

ONAY İSTEME KODU

NESNE TAŞI-BÜYÜLT-KÜÇÜLT

ÇERÇEVELİ BUTON

İzleyiciler

Blog Arşivi

Abone Ol: