bilgiye merhaba!!... - html kodlar 3

YAZI GİZLE-GÖSTER WEBDE GRAFİK ÇİZME

<HTML>
                                                <HEAD>
                                                <TITLE>Yazı gizle/göster</TITLE>
                                                <STYLE type="text/css">
                                                </STYLE>
                                                </HEAD>
                                                <BODY>
                                                <SCRIPT>
                                                var Selected = "";
                                                </SCRIPT>
                                                <SCRIPT event=onclick for=mesajlink>
                                                var elmref;
                                                if (Selected != "")
                                                {
                                                elmref = eval("document.all('" + Selected + "_h1')");
                                                if (elmref) elmref.style.display = 'none';
                                                elmref = eval("document.all('" + Selected + "_h0')");
                                                if (elmref) elmref.bgColor = '#FACD00';
                                                }
                                                if (Selected!=this.name) {
                                                Selected = this.name;
                                                elmref = eval("document.all('" + Selected + "_h1')");
                                                if (elmref)
                                                {
                                                if (elmref.style.display=='none') elmref.style.display='';
                                                else elmref.style.display = 'none';
                                                }
                                                elmref = eval("document.all('" + Selected + "_h0')");
                                                if (elmref)
                                                elmref.bgColor = '#FACD00';
                                                }
                                                Else
                                                Selected="";
                                                window.navigate("#xx" + Selected + "xx");
                                                return false;
                                                </SCRIPT>
                                                <Table id=1_h0 border=1 bordercolor=#8b0000 bgcolor=#FACD00>
                                                <td><A id=mesajlink name=1 href="" _fcksavedurl="">01</A></td>
                                                <td><A id=mesajlink name=2 href="" _fcksavedurl="">02</A></td>
                                                </table>
                                                <pre id=1_h1 width="10" style="DISPLAY: none">
                                                Tablodan 1 i seçtiniz. Gizlemek için tablodan aynı seçimi tekrar yapınız.
                                                </pre>
                                                <pre id=2_h1 width="10" style="DISPLAY: none">
                                                Tablodan 2 yi seçtiniz. Gizlemek için tablodan aynı seçimi tekrar yapınız.
                                                </pre>
                                                </BODY>
                                                </HTML>

Bu programın doğru çalışması için bilgisayarınızda directx programının yüklü olması gerekir.
                                                <HTML>
                                                <HEAD>
                                                <TITLE>DIRECTX ile WEB Sayfasında Grafik Çizmek</TITLE>
                                                </HEAD>
                                                <BODY>
                                                <Table border="1">
                                                <Tr><Td>
                                                <OBJECT ID="Form"
                                                STYLE="position:static; left:0; top:0; width:450; height:450" CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D">
                                                </OBJECT>
                                                </Td></Tr>
                                                </BODY>
                                                <Script language="vbscript">
                                                Sub window_OnLoad()
                                                Set Lib = Form.PixelLibrary
                                                Set Pencere = Lib.NewDrawingSurface()
                                                Pencere.Clear
                                                Pencere.FillColor Renk(250,0,0)
                                                Pencere.Rect -1,-1, 50, 50
                                                Pencere.SecondaryFillColor Renk(250,250,0)
                                                Pencere.FillColor Renk(0,250,0)
                                                Pencere.Fillstyle 9
                                                Pencere.Oval -50,-50, 50, 50
                                                Pencere.Fillstyle 0
                                                Pencere.LineColor Renk(0,0,255)
                                                Pencere.LineWidth 5
                                                Pencere.Line -100,-100, 100, -110
                                                Pencere.ArcDegrees 50, 50, 0, 270, 150, 150
                                                Pencere.Font "Arial", 50, 0, 0, 0, -1
                                                Pencere.Text "WEB & DirectX", -200, 150
                                                Form.image = Pencere.image
                                                Form.Start
                                                End Sub
                                                Function Renk(K,Y,M)
                                                Set Renk = Form.PixelLibrary.ColorRGB255(K,Y,M)
                                                end Function
                                                </SCRIPT>
                                                </HTML>

HESAP MAKİNESİ ÇERÇEVELİ BUTON

<HTML>
                                                <HEAD>
                                                <TITLE>Hesap Makinesi </TITLE>
                                                <SCRIPT>
                                                
                                                </SCRIPT>
                                                </HEAD>
                                                <BODY>
                                                <FORM><B>
                                                İşlemleri buraya yazın. Örnek işlem : (5+2)*7</B><BR>
                                                <input type="text" name="expr" size="20"><BR>
                                                Cevabı<BR>
                                                <input type="text" name="cevap" size="20"><BR>
                                                <input type="button" value="Cevapla" onClick_fckprotectedatt=" onClick="hesapla(this.form)""
                                                </FORM>
                                                </BODY>
                                                </HTML>

<HTML>
                                                <HEAD>
                                                <TITLE>Çerçeveli Buton</TITLE>
                                                <STYLE TYPE="text/css"">
                                                #goster {background:RED;
                                                COLOR:WHITE;
                                                position: absolute;
                                                top: 150px;
                                                left:100px;
                                                text-align:center;
                                                visibility:hidden}
                                                #cbuton {background:yellow;
                                                COLOR:black;
                                                border:ridge 10px red;
                                                text-align: center;
                                                position: absolute;
                                                top: 10px;
                                                left: 10px;
                                                }
                                                </STYLE>
                                                </HEAD>
                                                <BODY>
                                                <DIV ID="cbuton" ONCLICK="goster.style.visibility='visible'">
                                                <b>Tıklayınız.</b>
                                                </DIV>
                                                <SPAN ID="goster">
                                                MERHABA
                                                </SPAN>
                                                </BODY>
                                                </HTML>

NESNE TAŞI-BÜYÜLT-KÜÇÜLT ONAY İSTEME

<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>
                                                <font color="#ffff00"><b>
                                                <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()><BR>
                                                <IMG SRC="image1.gif" _fcksavedurl="image1.gif" NAME="HAR1" class="drag">
                                                <IMG SRC="image2.gif" _fcksavedurl="image2.gif" NAME="HAR2" class="drag"><BR>
                                                </FORM>
                                                </BODY>
                                                </HTML>

<HTML>
                                                <HEAD>
                                                <TITLE>Onay İsteme Kod Örneği</TITLE>
                                                <script>
                                                function onayiste() {
                                                var onay_deger;
                                                onay_deger=confirm("Bu işlemi yapmak istediğinizden emin misiniz?");
                                                if(onay_deger == true){
                                                alert('İşleminiz yapıldı')
                                                }else{
                                                alert('İşleminiz iptal edildi')
                                                }
                                                }
                                                </script>
                                                </HEAD>
                                                <BODY>
                                                <INPUT type="button" Value="Onay" onclick_fckprotectedatt=" onclick="onayiste()"">
                                                </BODY>
                                                </HTML>

YAPILAN İŞ YÜZDE ÇUBUĞU DİKEY PERDE AÇILIŞI

<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>
                                                <BR>
                                                <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>

<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>

YATAY PERDE AÇILIŞI PENCERE OLUŞTURMA

<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>

<HTML>
                                                <HEAD>
                                                <TITLE>Window nesnesi Örneği</TITLE>
                                                <SCRIPT>
                                                function ac()
                                                {
                                                pen=window.open('deneme.htm','pen1','width=100,height=100,toolbar=0,scrollbars=0,menu=0,location=0,status=0,fullscreen=0')
                                                }
                                                function kapat()
                                                {
                                                window.pen.close();
                                                }
                                                </SCRIPT>
                                                <BODY>
                                                <center>
                                                <p><b>Window Nesnesi Örneği.</b></p>
                                                <input type="button" value="Pencere Aç" onclick_fckprotectedatt=" onclick="ac()"">
                                                <input type="button" value="Kapat.." onclick_fckprotectedatt=" onclick="kapat()"">
                                                </BODY>
                                                </HTML>

RESİM GÖSTER-GİZLE ÜZERİNE GELİNCE RENK DEĞİŞTİREN YAZI

<HTML>
                                                <HEAD>
                                                <TITLE>Resim penceresi görüntüleme/Gizleme</TITLE>
                                                <SCRIPT>
                                                var ie=document.all
                                                var ns=document.layers
                                                var ns6=document.getElementById&&!document.all
                                                function enlarge(which,e){
                                                if (ie||ns6){
                                                crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage
                                                if (crossobj.style.visibility=="hidden"){
                                                crossobj.style.left=ns6? pageXOffset+e.clientX : document.body.scrollLeft+event.clientX
                                                crossobj.style.top=ns6? pageYOffset+e.clientY : document.body.scrollTop+event.clientY
                                                crossobj.innerHTML='<div align=right id=drag><b onClick=closepreview()>X</b></div><img src="'+which+'">'
                                                crossobj.style.visibility="visible"
                                                }
                                                else
                                                crossobj.style.visibility="hidden"
                                                return false
                                                }
                                                else if (document.layers){
                                                if (document.showimage.visibility=="hide"){
                                                document.showimage.document.write('<a href="#" onMouseover="drag_dropns(showimage)"><img src="'+which+'" border=0></a>')
                                                document.showimage.document.close()
                                                document.showimage.left=e.x
                                                document.showimage.top=e.y
                                                document.showimage.visibility="show"
                                                }
                                                else
                                                document.showimage.visibility="hide"
                                                return false
                                                }
                                                //if NOT IE 4+ or NS 4, simply display image in full browser window
                                                else
                                                return true
                                                }
                                                function closepreview(){
                                                crossobj.style.visibility="hidden"
                                                }
                                                </SCRIPT>
                                                <SCRIPT>
                                                var nsx,nsy,nstemp
                                                function drag_dropns(name){
                                                temp=eval(name)
                                                temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
                                                temp.onmousedown=gons
                                                temp.onmousemove=dragns
                                                temp.onmouseup=stopns
                                                }
                                                function gons(e){
                                                temp.captureEvents(Event.MOUSEMOVE)
                                                nsx=e.x
                                                nsy=e.y
                                                }
                                                function dragns(e){
                                                temp.moveBy(e.x-nsx,e.y-nsy)
                                                return false
                                                }
                                                function stopns(){
                                                temp.releaseEvents(Event.MOUSEMOVE)
                                                }
                                                function drag_drop(e){
                                                if (ie&&dragapproved){
                                                crossobj.style.left=tempx+event.clientX-offsetx
                                                crossobj.style.top=tempy+event.clientY-offsety
                                                }
                                                else if (ns6&&dragapproved){
                                                crossobj.style.left=tempx+e.clientX-offsetx
                                                crossobj.style.top=tempy+e.clientY-offsety
                                                }
                                                return false
                                                }
                                                function initializedrag(e){
                                                if (ie&&event.srcElement.id=="drag"||ns6&&e.target.id=="drag"){
                                                offsetx=ie? event.clientX : e.clientX
                                                offsety=ie? event.clientY : e.clientY
                                                tempx=parseInt(crossobj.style.left)
                                                tempy=parseInt(crossobj.style.top)
                                                dragapproved=true
                                                document.onmousemove=drag_drop
                                                }
                                                }
                                                document.onmousedown=initializedrag
                                                document.onmouseup=new Function("dragapproved=false")
                                                </SCRIPT>
                                                </HEAD>
                                                <BODY>
                                                <div id="showimage" style="position:absolute;visibility:hidden;border:1px solid black"></div>
                                                <a href="photo1.jpeg" _fcksavedurl="photo1.jpeg" onClick_fckprotectedatt=" onClick="return enlarge('photo1.jpeg',event)""><img src="new.gif" _fcksavedurl="new.gif" border="0"></a>
                                                <a href="photo1.jpeg" _fcksavedurl="photo1.jpeg" onClick_fckprotectedatt=" onClick="return enlarge('photo1.jpeg',event)"">Resim penceresi görüntülemek için tıklayınız.</a>
                                                </BODY>
                                                </HTML>

FAREYİ TAKİP EDEN TARİH-SAAT SAĞ TUŞ KONTROLU

<HTML>
                                                <HEAD>
                                                <TITLE>Fare imlecini takip eden tarih saat</TITLE>
                                                </HEAD>
                                                <BODY>
                                                <SCRIPT >
                                                dCol='000000';//Tarihin Rengi
                                                fCol='3E4A88';//Saatin Rengi
                                                sCol='3E4A88';// Saniyenin Rengi
                                                mCol='912917';//Dakikanın Rengi
                                                hCol='912917';//Saatin Rengi
                                                ClockHeight=40;
                                                ClockWidth=40;
                                                ClockFromMouseY=0;
                                                ClockFromMouseX=100;
                                                // BURADA GÜN VE AY İSİMLERİ..
                                                d=new Array("PAZAR","PAZARTESİ","SALI","ÇARŞAMBA","PERŞEMBE","CUMA","CUMARTESİ");
                                                m=new Array("OCAK","ŞUBAT","MART","NİSAN","MAYIS","HAZİRAN","TEMMUZ","AĞUSTOS","EYLÜL",
                                                "EKİM","KASIM","ARALIK");
                                                date=new Date();
                                                day=date.getDate();
                                                year=date.getYear();
                                                if (year < 2000) year=year+1900;
                                                TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
                                                D=TodaysDate.split('');
                                                H='...';
                                                H=H.split('');
                                                M='....';
                                                M=M.split('');
                                                S='.....';
                                                S=S.split('');
                                                Face='1 2 3 4 5 6 7 8 9 10 11 12';
                                                font='verdana';
                                                size=1;
                                                speed=0.6;
                                                ns=(document.layers);
                                                ie=(document.all);
                                                Face=Face.split(' ');
                                                n=Face.length;
                                                a=size*10;
                                                ymouse=0;
                                                xmouse=0;
                                                scrll=0;
                                                props="<font face="+font+" size="+size+" color="+fCol+"><B>";
                                                props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
                                                Split=360/n;
                                                Dsplit=360/D.length;
                                                HandHeight=ClockHeight/4.5
                                                HandWidth=ClockWidth/4.5
                                                HandY=-7;
                                                HandX=-2.5;
                                                scrll=0;
                                                step=0.06;
                                                currStep=0;
                                                y=new Array();x=new Array();Y=new Array();X=new Array();
                                                for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
                                                Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
                                                for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
                                                if (ns){
                                                for (i=0; i < D.length; i++)
                                                document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
                                                for (i=0; i < n; i++)
                                                document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
                                                for (i=0; i < S.length; i++)
                                                document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
                                                for (i=0; i < M.length; i++)
                                                document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
                                                for (i=0; i < H.length; i++)
                                                document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
                                                }
                                                if (ie){
                                                document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
                                                for (i=0; i < D.length; i++)
                                                document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
                                                document.write('</div></div>');
                                                document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
                                                for (i=0; i < n; i++)
                                                document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
                                                document.write('</div></div>');
                                                document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
                                                for (i=0; i < H.length; i++)
                                                document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
                                                document.write('</div></div>');
                                                document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
                                                for (i=0; i < M.length; i++)
                                                document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
                                                document.write('</div></div>')
                                                document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
                                                for (i=0; i < S.length; i++)
                                                document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
                                                document.write('</div></div>')
                                                }
                                                (ns)?window.captureEvents(Event.MOUSEMOVE):0;
                                                function Mouse(evnt){
                                                ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
                                                xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
                                                }
                                                (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
                                                function ClockAndAssign(){
                                                time = new Date ();
                                                secs = time.getSeconds();
                                                sec = -1.57 + Math.PI * secs/30;
                                                mins = time.getMinutes();
                                                min = -1.57 + Math.PI * mins/30;
                                                hr = time.getHours();
                                                hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
                                                if (ie){
                                                Od.style.top=window.document.body.scrollTop;
                                                Of.style.top=window.document.body.scrollTop;
                                                Oh.style.top=window.document.body.scrollTop;
                                                Om.style.top=window.document.body.scrollTop;
                                                Os.style.top=window.document.body.scrollTop;
                                                }
                                                for (i=0; i < n; i++){
                                                var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
                                                F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
                                                F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
                                                }
                                                for (i=0; i < H.length; i++){
                                                var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
                                                HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
                                                HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
                                                }
                                                for (i=0; i < M.length; i++){
                                                var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
                                                ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
                                                ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
                                                }
                                                for (i=0; i < S.length; i++){
                                                var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
                                                SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
                                                SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
                                                }
                                                for (i=0; i < D.length; i++){
                                                var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
                                                DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
                                                DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
                                                }
                                                currStep-=step;
                                                }
                                                function Delay(){
                                                scrll=(ns)?window.pageYOffset:0;
                                                Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
                                                Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
                                                for (i=1; i < D.length; i++){
                                                Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
                                                Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
                                                }
                                                y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
                                                x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
                                                for (i=1; i < n; i++){
                                                y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
                                                x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
                                                }
                                                ClockAndAssign();
                                                setTimeout('Delay()',20);
                                                }
                                                if (ns||ie)window.onload=Delay;
                                                </SCRIPT>
                                                </BODY>
                                                </HTML>

<HTML>
                                                <HEAD>
                                                <TITLE>Farenin Sağ Tuşuna Basılmasını Kontrol</TITLE>
                                                </HEAD>
                                                <BODY>
                                                <img src="image1.gif" _fcksavedurl="image1.gif" GALLERYIMG="no">
                                                <SCRIPT>
                                                var clickmessage="Resimin üzerinde farenin sağ tuşuna bastınız!"
                                                function disableclick(e) {
                                                if (document.all) {
                                                if (event.button==2||event.button==3) {
                                                if (event.srcElement.tagName=="IMG"){
                                                alert(clickmessage);
                                                return false;
                                                }
                                                }
                                                }
                                                else if (document.layers) {
                                                if (e.which == 3) {
                                                alert(clickmessage);
                                                return false;
                                                }
                                                }
                                                else if (document.getElementById){
                                                if (e.which==3&&e.target.tagName=="IMG"){
                                                alert(clickmessage)
                                                return false
                                                }
                                                }
                                                }
                                                function associateimages(){
                                                for(i=0;i<document.images.length;i++)
                                                document.images[i].onmousedown=disableclick;
                                                }
                                                if (document.all)
                                                document.onmousedown=disableclick
                                                else if (document.getElementById)
                                                document.onmouseup=disableclick
                                                else if (document.layers)
                                                associateimages()
                                                </SCRIPT>
                                                <BR>
                                                Resimin üzerinde farenin sağ tuşuna basınız!
                                                </BODY>
                                                </HTML>

BAŞA DÖN BAŞA DÖN (İkonlu)

DİNİ BİLGİLER

<p align="left"><strong><font face="Book Antiqua"><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /></font><font face="Verdana" color="#cc0000"><span style="background-color: #ffffff"><font color="#000000" size="2"> </font><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/iman.htm"><font color="#ff0000" size="2"><span style="text-decoration: none">İMANIN ŞARTLARI</span></font></a></span></font></strong></p>
                                                <div align="left"><span style="background-color: #ffffff"><font face="Verdana" color="#000099" size="2"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Allahiman.htm">1. Allah Teala'ya inanmak </a></font></span><span style="background-color: #ffffff"><font face="Verdana" color="#0000ff" size="2"><br />
                                                </font><font face="Book Antiqua, Times New Roman, Times"><font size="2"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Meleklereiman.htm">2. Allah'ın meleklerine inanmak </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Kitaplaraiman.htm">3, Allah'ın kitaplarına inanmak</a></font><font face="Verdana" color="#0000ff"> <br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/peygiman.htm">4. Allah'ın peygamberlerine inanmak </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Ahireteiman.htm">5.Ahiret gününe inanmak </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/kaderiman.htm">6. Kader ve kazaya inanmak </a></font></font><strong><font face="Verdana" size="2"><br />
                                                </font></strong></font></span><font face="Verdana" color="#000099" size="2"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/KadeiAhire.htm"><span style="background-color: #ffffff">6. Kade-i ahire</span></a></font><font face="Verdana"><span style="font-weight: 700; background-color: #ffffff"><font size="2"><br />
                                                  </font></span></font></div>
                                                <p align="left"><strong><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /><font face="Verdana" color="#cc0000"><span style="background-color: #ffffff"><font color="#000000" size="2"> </font><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Namaz.htm"><font color="#ff0000" size="2"><span style="text-decoration: none">NAMAZIN FARZLARI</span></font></a></span></font></strong><font face="Verdana"><span style="font-weight: 700; background-color: #ffffff"><font color="#ff0000" size="2"> <br />
                                                </font></span></font><span style="background-color: #ffffff"><font face="Verdana" color="#0000ff" size="2"><br />
                                                <img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /> <font color="#000000"><strong>Dışındakiler : </strong></font></font><font size="2"><font face="Verdana"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Hades.htm">1. Hadesten taharet </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Necaset.htm">2. Necasetten taharet </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/SetriAvret.htm">3. Setr-i avret </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Kible.htm">4. İstikbal-i kıble </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Vakit.htm">5. Vakit </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Niyet.htm">6. Niyet </a></font></font><strong><font face="Verdana" size="2"> </font></strong></span></p>
                                                <div style="margin-top: 0px; margin-bottom: 0px" align="left"> </div>
                                                <div style="margin-top: 0px; margin-bottom: 0px" align="left"><span style="background-color: #ffffff"><strong><font face="Verdana" size="2"><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /> İçindekiler :<br />
                                                 </font></strong></span></div>
                                                <div style="margin-top: 0px; margin-bottom: 0px" align="left"><span style="background-color: #ffffff"><font size="2"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Tekbir.htm">1. İftitah tekbiri </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Kiyam.htm">2. Kıyam </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Kiraat.htm">3. Kıraat </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Ruku.htm">4. Rukü </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Sucud.htm">5. Sücud </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font></font></span>
                                                <p align="left"><strong><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /><font color="#cc0000"><span style="background-color: #ffffff"><font color="#000000" size="2"> </font><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/islaminSartlari.htm"><font color="#ff0000" size="2"><span style="text-decoration: none">İSLAMIN ŞARTLARI</span></font></a></span></font></strong><span style="font-weight: 700; background-color: #ffffff"><font color="#ff0000" size="2"> </font></span></p>
                                                <div align="left"><span style="background-color: #ffffff"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/KelimeiSehadet.htm"><font size="2">1. Kelime-i şehadet getirmek </font></a></font><font size="2"><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Namaz.htm">2. Namaz kılmak </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Oruc.htm">3. Oruç tutmak </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Zekat.htm">4. Zekat vermek </a></font><font face="Verdana" color="#0000ff"><br />
                                                </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Hac.htm">5.Hacca gitmek </a></font></font><strong><font face="Verdana" size="2"><br />
                                                 </font></strong></span></div>
                                                <p align="left"><strong><span style="background-color: #ffffff"><font size="2"><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /> <font color="#ff0000">ABDESTİN FARZLARI</font></font></span></strong><span style="font-weight: 700; background-color: #ffffff"><font color="#ff0000" size="2"> </font></span></p>
                                                <div align="left"><span style="background-color: #ffffff"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Abdest.htm"><font size="2">1. Yüzü yıkamak </font></a></font><font size="2"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Abdest.htm"><font face="Verdana"><br />
                                                2. Kolları dirsekleriyle beraber yıkamak <br />
                                                3. Başının dörtte birini meshetmek <br />
                                                4. Ayakları topuklarıyla beraber yıkamak</font></a><strong><br />
                                                  </strong></font></span></div>
                                                <div align="left"><strong><span style="background-color: #ffffff"><font size="2"><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /> <font color="#ff0000">GUSLÜN FARZLARI</font></font></span></strong><span style="font-weight: 700; background-color: #ffffff"><font color="#ff0000" size="2"> </font></span></div>
                                                <div align="left"><span style="background-color: #ffffff"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Gusul.htm"><font size="2">1. Ağıza dolu dolu su vermek </font></a></font><font size="2"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Gusul.htm"><font face="Verdana"><br />
                                                2. Buruna dolu dolu su vermek <br />
                                                3. Bütün bedeni yıkamak </font></a><strong><br />
                                                  </strong></font></span></div>
                                                <div align="left"><strong><font face="Verdana"><span style="background-color: #ffffff"><font size="2"><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /> <font color="#ff0000">TEYEMMÜMÜN FARZLARI</font></font></span></font></strong><font face="Verdana"><span style="font-weight: 700; background-color: #ffffff"><font color="#ff0000" size="2"> </font></span></font></div>
                                                <div align="left"><span style="background-color: #ffffff"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Teyemmumum.htm"><font size="2">1. Niyet etmek </font></a></font><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Teyemmumum.htm"><font face="Verdana" size="2"><br />
                                                2. Temiz toprağa vurup yüzü ve kolları meshetmek.</font></a></span></div>
                                                </div>

1 Ocak Tarihinden Bugüne 65792 ziyaretçi (480526 klik)

HANGİ GÜN DOĞDUN?