. - HTML Kodları 12

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


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>

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>

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>

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>