كل الكودات لعمل موقع متكامل اتمنا التثبيت - صفحة 4

عاشق مزنه · 11-11-2004, 12:17 AM

كود إظهار رسالة عند دخول الصفحة

كود:

<SCRIPT LANGUAGE="JavaScript">
<!--
window.alert("مرحبا بكم  اتمنى ان ينال رضاكم موقعى بس لاتنسون الترشيح")
 

// -->
</SCRIPT>

وكل شوي كود جديد في الفرونت بيج

عاشق مزنه · #61 11-11-2004, 01:58 AM

كود جعل الموقع في الصفحة الرئيسية

كود:

<A class=normal href="http:///" 
onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://ضع عنوان موقعك هنا');"><FONT  color=#0080ff size=2><STRONG>  اجعل الموقع افتراضي</STRONG></FONT></A></P>

عاشق مزنه · #62 11-11-2004, 01:59 AM

كود جملة تتبع الماوس

كود:

<style>
.spanstyle {
	position:absolute;
	visibility:visible;
	top:-50px;
	font-size:10pt;
	font-family:Verdana;
      font-weight:bold;
	color:black;
}
</style>
<script>

/*
aLfnnan.cjb.net
سكربتات الفنان
*/

var x,y
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="I LoVe YoU "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
	xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
	ypos[i]=-50
}

function handlerMM(e){
	x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
	y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
	flag=1
}

function makesnake() {
	if (flag==1 && document.all) {
    	for (i=message.length-1; i>=1; i--) {
   			xpos[i]=xpos[i-1]+step
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+step
		ypos[0]=y
	
		for (i=0; i<message.length-1; i++) {
    		var thisspan = eval("span"+(i)+".style")
    		thisspan.posLeft=xpos[i]
			thisspan.posTop=ypos[i]
    	}
	}
	
	else if (flag==1 && document.layers) {
    	for (i=message.length-1; i>=1; i--) {
   			xpos[i]=xpos[i-1]+step
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+step
		ypos[0]=y
	
		for (i=0; i<message.length-1; i++) {
    		var thisspan = eval("document.span"+i)
    		thisspan.left=xpos[i]
			thisspan.top=ypos[i]
    	}
	}
		var timer=setTimeout("makesnake()",30)
}

</script>

<script>
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
	document.write(message[i])
    document.write("</span>")
}

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>

<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll" bgcolor="#FF00FF">

عاشق مزنه · #63 11-11-2004, 02:00 AM

كود درجة الحرارة في الرياض

كود:

<a href="http://www.wunderground.com/global/stations/40438.html">
<img src="http://banners.wunderground.com/banner/gizmotempbig/global/stations/40438.gif" height=40 width=467></a>

عاشق مزنه · #64 11-11-2004, 02:01 AM

كود درجة وضوح الشاشة

كود:

 <SCRIPT LANGUAGE="Javascript"><!--
   
if (self.screen) {     // for NN4 and IE4
        width = screen.width
        height = screen.height
// Testing this first prevents firing the slow Java of NN4
}
else if (self.java) {   // for NN3 with enabled Java
       var jkit = java.awt.Toolkit.getDefaultToolkit();
       var scrsize = jkit.getScreenSize();       
       width = scrsize.width; 
       height = scrsize.height; 
}
else{
 width = height = '?' // N2, E3, N3 w/Java off, probably Opera and WebTV

}
document.write("درجة وضوح الشاشة لديك:");
document.write(width +"×"+ height)
//or whatever based on the above results

//--></SCRIPT>

عاشق مزنه · #65 11-11-2004, 02:02 AM

كود رسالة ترحيب عند دخول الموقع وعند الخروج

كود:

  <br>
<br>
<!-- saudi cat 1999-2000 -->
<br>
<br>
<br>

<br>
<br>
<br>
<BODY bgcolor="#005A96" onLoad="alert('مرااااااحب هلا و غلا');" onUnload="alert('شكرا لزيارتك .. بانتظارك بااااااي');" link="orange" vlink="orange" alink="00FF95">
<br>
<br>
<br>
	<center>
<br>
<br>
<br>
<font color=white>
<br>
<br>
<br>
<p>
<br>
<br>
<br>
<P> <script language="JavaScript" src="footer.js"></script>
<br>
<br>
<br>

<br>
<br>
<br>

عاشق مزنه · #66 11-11-2004, 02:02 AM

كود رسالة عند الخروج من الموقع

كود:

  <body onUnload="window.alert('ان دخلت مواضيعي مرة ثانية يا ويلك !! فاهم ؟؟؟  .. مع السلامة')">
<br>

عاشق مزنه · #67 11-11-2004, 02:03 AM

كود زر تضغط عليه تطلع رسالة

كود:

<form><input type="button" value="عنوان الزر" onClick="alert('اكتب هنا نص الرسالة '); return true"></form>

عاشق مزنه · #68 11-11-2004, 02:04 AM

كود زر طباعة الصفحة

كود:

<SCRIPT language=JavaScript>
<!-- Begin
if (window.print) {
document.write('<form> '
+ '<input type=submit value="اطبع الصفحة" name=Print '
+ 'onClick="javascript:window.print()"></form>');
}
// End 
// --></SCRIPT>

عاشق مزنه · #69 11-11-2004, 02:04 AM

كود ساعة اكترونية تحت يمين

كود:

<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->



<HTML>
<HEAD>
<style type="text/css">
<!--
.tick2 { font-size: "x-small"}
-->
</style>
<script>
<!--

function show2(){
if (!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM" 
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
tick2.innerHTML="<style='font-size:2;color:blue;'>"+ctime+"</style>"
setTimeout("show2()",1000)
}
//-->
</script>
<TITLE>F O R M S</TITLE>


</HEAD>


<BODY BGCOLOR="#000000" TEXT="#7b68ee" link="#7b68ee" vlink="#7b68ee" onLoad="show2()">
<P> <BR><CENTER>انظر الى الساعة فى الجهة اليمنى</CENTER><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR>
<script language="JavaScript">

var IW= 0;
var IH= 0;
var PX= 0;
var PY= 0;
var ZIN= 0;
var us= null;
var IMGW= 50;
var IMGH= 25;
var LSAFETY= 20;
var TSAFETY= 17;
function branding() {
 oldIW= IW;
 oldIH= IH;
 oldPX= PX;
 oldPY= PY;
 if (navigator.appName == 'Netscape') {
  if ((window.innerHeight != oldIH)||(window.innerWidth != oldIW)||(window.pageXOffset != oldPX)||(window.pageYOffset != oldPY))
    {
    if (us == null)
      {
      for (i=0; i<document.layers.length; i++)
        {
        us= document.layers[i];
        if (us.id == "Valley")
          break;
        }
      }
    if (us != null)
      {
      us.visibility= "hide";
      IH= window.innerHeight;
      IW= window.innerWidth;
      PX= window.pageXOffset;
      PY= window.pageYOffset;


      (IH > IMGH) ? us.top= (IH+PY-(IMGH+TSAFETY)) : us.top= 0;
      (IW > IMGW) ? us.left= (IW+PX-(IMGW+LSAFETY)) : us.left= 0;

//alert('document.layers.length: ' + document.layers.length);
      for (i=0; i<document.layers.length; i++)
        {
        templay= document.layers[i];
//	alert('document.layers[' + i + '].id: ' + document.layers[i].id);
        if (templay.zIndex > ZIN)
          ZIN= (templay.zIndex + 1);
        }
      us.zIndex= ZIN;
      us.visibility= "show";
      }
    }
 }
 else{
  if (navigator.appVersion.indexOf("Mac") == -1)
    {
    if ((document.body.clientHeight != oldIH)||(document.body.clientWidth != oldIW)||(document.body.scrollLeft != oldPX)||(document.body.scrollTop != oldPY))      {
      alldivs= document.all.tags("DIV");
      if (us == null){ 
        for (i=0; i<alldivs.length; i++)
          {
          us= alldivs(i);
          if (us.id == "Valley")
            break;
          }
      }
      if (us != null){
        us.style.display= "none";
        IH= document.body.clientHeight;
        IW= document.body.clientWidth;
        PX= document.body.scrollLeft;
        PY= document.body.scrollTop;
        us.style.top= (IH+PY-(IMGH+TSAFETY)+12);
        us.style.left=(IW+PX-(IMGW+LSAFETY)+15);
        for (i=0; i<alldivs.length; i++){
          templay= alldivs(i);
          if (templay.style.zIndex > ZIN)
            us.style.zindex= (templay.style.zIndex + 1);
        }
        us.style.display= "";
      }
  }
 }
 }
}
if ((document.all) || (document.layers)){
 setInterval("branding()",100);
}
</SCRIPT>
<DIV CLASS="Watermark" ID="Watermark" STYLE="position:absolute;top:1;visibility:hide;" ALIGN="right">
<span id=tick2 class=tick2> </span>
</DIV>

</BODY>
</HTML>

عاشق مزنه · #70 11-11-2004, 02:05 AM

كود ساعة الكترونية 2

كود:

<div id=Clock align=center style="font-family: tahoma; font-size: 12; color:#999966
"> </div>
<script>
function tick() {
  var hours, minutes, seconds, ap;
  var intHours, intMinutes, intSeconds;
  var today;

  today = new Date();

  intHours = today.getHours();
  intMinutes = today.getMinutes();
  intSeconds = today.getSeconds();

  if (intHours == 0) {
     hours = "12:";
     ap = "بعد متصف الليل";
  } else if (intHours < 12) { 
     hours = intHours+":";
     ap = "صباحا";
  } else if (intHours == 12) {
     hours = "12:";
     ap = "ظهرا";
  } else {
     intHours = intHours - 12
     hours = intHours + ":";
     ap = "مساءا";
  }

  if (intMinutes < 10) {
     minutes = "0"+intMinutes+":";
  } else {
     minutes = intMinutes+":";
  }

  if (intSeconds < 10) {
     seconds = "0"+intSeconds+" ";
  } else {
     seconds = intSeconds+" ";
  } 

  timeString = hours+minutes+seconds+ap;

  Clock.innerHTML = timeString;

  window.setTimeout("tick();", 100);
}

window.onload = tick;

</script>

عاشق مزنه · #71 11-11-2004, 02:06 AM

كود ساعة الكترونية

كود:

<SCRIPT LANGUAGE="JavaScript">
    var timerID = null
    var timerRunning = false

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

    function startclock()
    {
        stopclock()
        showtime()
    }

    function showtime()
    {
        var now = new Date()
        var hours = now.getHours()
        var minutes = now.getMinutes()
        var seconds = now.getSeconds()
        var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
        timeValue  += ((minutes < 10) ? ":0" : ":") + minutes
        timeValue  += ((seconds < 10) ? ":0" : ":") + seconds
        timeValue  += (hours >= 12) ? "PM" : "AM"
        document.clock.face.value = timeValue 
        timerID = setTimeout("showtime()",1000)
        timerRunning = true
    }
//-->
</SCRIPT>

<form name="clock" onSubmit="0">
    <INPUT TYPE="text" NAME="face" SIZE=11 READONLY VALUE ="....Initializing....">
</form>

<SCRIPT LANGUAGE="JavaScript">
<!--
    startclock()
//-->
</SCRIPT>

عاشق مزنه · #72 11-11-2004, 02:07 AM

كود ساعة تطارد الماوس

كود:

<!-- Mouse attack Script by kurt.grigg@virgin.net
var speed=20,divTop=0,divLeft=0,angle=0,ypos=0,xpos=0,amount=13;
if (document.layers){
for (i = 0; i < amount; i++)
{document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/3+' height='+i/3+' bgcolor=#ffffff></layer>');}
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos=evnt.pageX;ypos=evnt.pageY;
}
window.onMouseMove = nsMouse;
}
else if (document.all){
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (i = 0; i < amount; i++)
{document.write('<div id=k style="position:absolute;top:0px;left:0px;width:'+i/3+';height:'+i/3+';background:#ffffff;font-size:'+i/3+'"></div>')}
document.write('</div></div>');
function iMouse(){xpos=event.x;ypos=document.body.scrollTop+event.y}
document.onmousemove = iMouse;
}
function getAngle(){
Y = ypos - divTop;X = xpos - divLeft;angle = Math.round(Math.atan2(Y,X) * 180/Math.PI);
if (angle < 0)angle += 360;
}
function bomb(){
if (document.layers){
Yscroll=window.pageYOffset;
ybase=Math.round(Math.random()*window.innerHeight);xbase=Math.round(Math.random()*window.innerWidth);
yybase=window.innerHeight-10;xxbase=window.innerWidth-10;
}
else if (document.all){
Yscroll=document.body.scrollTop;
ybase=Math.round(Math.random()*window.document.body.offsetHeight);xbase=Math.round(Math.random()*window.document.body.offsetWidth);
xxbase=window.document.body.offsetWidth-10;yybase=window.document.body.offsetHeight-10;
}
if ((xbase > 10 && xbase < xxbase) && (ybase > 10 && ybase < yybase))
bomb();
else
 {
  if ((divLeft > xpos-speed/1.5) && (divLeft < xpos+speed/1.5) && (divTop >= ypos-speed/1.5) && (divTop <= ypos+speed/1.5))
  {divTop=ybase+Yscroll;divLeft=xbase}
y = Math.round(speed*Math.sin(angle*Math.PI/180));x = Math.round(speed*Math.cos(angle*Math.PI/180));
divTop+=y;divLeft+=x;
getAngle();
T=setTimeout('bomb()',20);
 }
}
function Split(){
Clrs=new Array('fff000','ffffff','ffa500')
var ntscp=document.layers,msie=document.all;

if (document.layers){
for (i = 0; i < amount; i++)
{
 if (i < amount-1) 
 {ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left} 
else  
 {ntscp['nsa'+i].top=divTop;ntscp['nsa'+i].left=divLeft}
}
}
else if (document.all){
for (i = 0; i <  amount; i++)
{
 if (i < amount-1) 
 {msie.k[i].style.top=msie.k[i+1].style.top;msie.k[i].style.left=msie.k[i+1].style.left} 
  else 
  {msie.k[i].style.top=divTop;msie.k[i].style.left=divLeft}
}
}
for (i=0; i < amount-1; i++)
  {
   for (n=0; n < Clrs.length; n++)
   {var x=Math.round(Math.random()*n)}
   if (document.layers){ntscp['nsa'+i].bgColor=Clrs[x]}
   else if (document.all){msie.k[i].style.background=Clrs[x]}
  }
setTimeout("Split()",20);
}
function StArT(){bomb();Split()}
window.onload=StArT;
//-->
</SCRIPT>




<!-- Paste in head  -->

 

 

<script language="JavaScript">

<!-- Silly Clock by kurt.grigg@virgin.net

 

CoLoUrS=new Array('fff000','00ff00','ff00ff');//Clock face colours.

sCol='ff00ff';//seconds colour.

mCol='00ff00';//minutes colour.

hCol='fff000';//hours colour.

 

//Alter nothing below!

H='Hours..';

H=H.split('');

H=H.reverse();

M='Minutes..';

M=M.split('');

M=M.reverse();

S='Seconds..';

S=S.split('');

S=S.reverse();

dots=12;

var Ypos=0,Xpos=0,Ybase=0,Xbase=0;

var ay=0,ax=0,Ay=0,Ax=0,by=0,bx=0,By=0,Bx=0,cy=0,cx=0,Cy=0,Cx=0,dy=0,dx=0,Dy=0,Dx=0;

count=0;

count_a=0;

move=1;

ns=(document.layers)?1:0;

viz=(document.layers)?'hide':'hidden';

if (ns){

for (i=0; i < dots; i++)

document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>');

for (i=0; i < S.length; i++)

document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>');

for (i=0; i < M.length; i++)

document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>');

for (i=0; i < H.length; i++)

document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>');

}

else{

document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < dots; i++){

document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>');

}

document.write('</div></div>');

document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < S.length; i++){

document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');

}

document.write('</div></div>')

document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < M.length; i++){

document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');

}

document.write('</div></div>')

document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < H.length; i++){

document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');

}

document.write('</div></div>');

}

if (ns){

 window.captureEvents(Event.MOUSEMOVE);

 function nsMouse(evnt){

 Ypos = evnt.pageY+100;

 Xpos = evnt.pageX+100;

 }

 window.onMouseMove = nsMouse;

}

else{

 function ieMouse(){

 Ypos=event.y+100;

 Xpos=event.x+100;

 }

 document.onmousemove=ieMouse;

}

 

function clock(){

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;

Ybase=15;

Xbase=15;

if (ns){

document.layers["nx"+0].visibility=viz;

document.layers["ny"+0].visibility=viz;

document.layers["nz"+0].visibility=viz;

for (i=0; i < S.length; i++){

 document.layers["nx"+i].top=ay-12+(i*Ybase)*Math.sin(sec);

 document.layers["nx"+i].left=ax-12+(i*Xbase)*Math.cos(sec);

 }

for (i=0; i < M.length; i++){

 document.layers["ny"+i].top=by-12+(i*Ybase)*Math.sin(min);

 document.layers["ny"+i].left=bx-12+(i*Xbase)*Math.cos(min);

 }

for (i=0; i < H.length; i++){

 document.layers["nz"+i].top=cy-12+(i*Ybase)*Math.sin(hrs);

 document.layers["nz"+i].left=cx-12+(i*Xbase)*Math.cos(hrs);

 }

for (i=0; i < dots; ++i){

 document.layers["nface"+i].top=dy-2+(70*Math.sin(-0.49+dots+i/1.9));

 document.layers["nface"+i].left=dx+4+(70*Math.cos(-0.49+dots+i/1.9));

 }

}

else{

var scrll=document.body.scrollTop;

W.style.pixelTop=scrll;

X.style.pixelTop=scrll;

Y.style.pixelTop=scrll;

Z.style.pixelTop=scrll;

x[0].style.visibility=viz;

y[0].style.visibility=viz;

z[0].style.visibility=viz;

for (i=0; i < S.length; i++){

 x[i].style.pixelTop=ay-12+(i*Ybase)*Math.sin(sec);

 x[i].style.pixelLeft=ax-12+(i*Xbase)*Math.cos(sec);

 }

for (i=0; i < M.length; i++){

 y[i].style.pixelTop=by-12+(i*Ybase)*Math.sin(min);

 y[i].style.pixelLeft=bx-12+(i*Xbase)*Math.cos(min);

 }

for (i=0; i < H.length; i++){

 z[i].style.pixelTop=cy-12+(i*Ybase)*Math.sin(hrs);

 z[i].style.pixelLeft=cx-12+(i*Xbase)*Math.cos(hrs);

 }

for (i=0; i < dots; ++i){

 face[i].style.pixelTop=dy+6+(70*Math.sin(-0.49+dots+i/1.9));

 face[i].style.pixelLeft=dx+4+(70*Math.cos(-0.49+dots+i/1.9));

 }

}

}

function MouseFollow(){

ay=Math.round(Ay+=((Ypos)-Ay)*4/15);

ax=Math.round(Ax+=((Xpos)-Ax)*4/15);

by = Math.round(By+=(ay-By)*4/15);

bx = Math.round(Bx+=(ax-Bx)*4/15);

cy = Math.round(Cy+=(by-Cy)*4/15);

cx = Math.round(Cx+=(bx-Cx)*4/15);

dy = Math.round(Dy+=(cy-Dy)*4/15);

dx = Math.round(Dx+=(cx-Dx)*4/15);

clock();

setTimeout('MouseFollow()',10);

}

function colourStep(){

count+=move;

if (count >= dots) {count=0;count_a+=move}

if (count_a == CoLoUrS.length) count_a=0;

if (ns) document.layers["nface"+count].bgColor=CoLoUrS[count_a];

else face[count].style.background=CoLoUrS[count_a];

setTimeout('colourStep()',100)

}

function StartAll(){

MouseFollow();

colourStep();

}

if (document.layers || document.all) window.onload=StartAll;

//-->

</script>

عاشق مزنه · #73 11-11-2004, 02:09 AM

كود ساعة تظهر في اعلى اطار للصفحة

كود:

<SCRIPT Language="JavaScript">
<!-- Hide

/*
This script was written by Mike Cullen, 1999
Featured on Dynamic Drive ()
For full source code, installation instructions
and many more DHTML scripts

*/


var scroller;
var ampm;
var actualtitle=document.title+" "
function antiMilitaryTime()
{
if (hr == "12"){
ampm="P.M."
}
else if (hr == "13"){
hr="1"
ampm="P.M."
}
else if (hr == "14"){
hr="2"
ampm="P.M."
}
else if (hr == "15"){
hr ="3"
ampm="P.M."
}
else if (hr == "16"){
hr = "4"
ampm="P.M."
}
else if (hr == "17"){
hr = "5"
ampm="P.M."
}
else if (hr == "18"){
hr = "6"
ampm="P.M."
}
else if (hr == "19"){
hr = "7"
ampm="P.M."
}
else if (hr == "20"){
hr = "8"
ampm="P.M."
}
else if (hr == "21"){
hr = "9"
ampm="P.M."
}
else if (hr == "22"){
hr = "10"
ampm="P.M."
}
else if (hr == "23"){
hr = "11"
ampm="P.M."
}
else if (hr == "24"){
hr = "12"
}
}
function addZero(){
if (min <= "9"){
min = "0"+min
}
if (sec<= "9"){
sec = "0"+sec
}
if (hr <="9"){
hr = "0"+hr
}
}
function time(){
dt=new Date()
sec=dt.getSeconds()
hr=dt.getHours()
ampm="A.M."
min=dt.getMinutes()
}
function scroll() {
time()
antiMilitaryTime()
addZero()
var scroller="TIME: "+hr+":"+min+":"+sec+" "+ampm
var timeout=setTimeout("scroll()", 1000)
document.title=actualtitle+scroller
}
if (document.all)
scroll()
//-->
</SCRIPT>

عاشق مزنه · #74 11-11-2004, 02:10 AM

كود ساعة ملونة انيقة

كود:

<html>
<head>
<title>Java Script Library -> http://java.tatousek.cz - 00020 Sample</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
</head>

<body bgcolor="#FFFFFF" text="#000000">

<script language="VBScript">
Dim a
Dim min1
Dim hr1
Dim sec1

'Initializes clock and tells it how to behave, when to start animation, etc

Sub window_onload
	a = time
	min1 = minute(time)
	hr1 = hour(time)
	if hr1 > 12 then
		hr1 = hr1 - 12
	end if
	sec1 = second(time)
	call sgSecondHand.Rotate(0,0,sec1*6 - 90)
	call sgMinuteHand.Rotate(0,0,min1*6 - 90)
	call sgHourHand.Rotate(0,0,hr1*360/12 - 90)
	call seq("Time").Play
end Sub


'Sequencer initilization

Sub Seq_OnInit
	Call seq("Time").at(0.000, "SecRot", -1, 1.000, 1)
	Call seq("Time").at(60.000, "MinRot", -1, 60.000, 1)
	Call seq("Time").at(0.000, "HourRot", -1, 1800.000, 1)
End Sub

'rotates second hand of clock

Sub SecRot
	Call sgSecondHand.Rotate(0,0,6)
End Sub

' rotates minute hand of clock

Sub MinRot
	Call sgMinuteHand.Rotate(0,0,6)
End Sub

' rotates hour hand of clock

Sub HourRot
	Call sgHourHand.Rotate(0,0,15)
End Sub


</script>

<!-- This is the master div, sets over all height, width and positioning-->

<div id="MASTERLAYOUT" STYLE="POSITION:ABSOLUTE;WIDTH:300; HEIGHT:300;TOP:25%;LEFT:25%">

<!-- Div sets positioning of text on clock face, z-index tells it to go in front of background data in master div -->

<div id="divTimeText" STYLE="POSITION:ABSOLUTE; WIDTH:200; HEIGHT:200; TOP:0; LEFT:0;z-index:2">

<br>
<br>
<br>

<p  align="center">

<font face="Verdana,Tahoma,Arial" size="5" color="YELLOW">
<BR>
<BR>

</font> 

</p>

<!-- Object displays the numbers on the clock face -->

<OBJECT ID="SgNumbers"
	CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
	STYLE= "POSITION:ABSOLUTE; WIDTH:215; HEIGHT:200; TOP:0; LEFT:0;Z-INDEX:5">
	<PARAM NAME="Line0001" VALUE="SetLineColor(255, 255, 255)">
	<PARAM NAME="Line0002" VALUE="SetLineStyle(1)">
	<PARAM NAME="Line0003" VALUE="SetFillStyle(1)">
	<PARAM NAME="Line0004" VALUE="SetFillColor(255,255,255)">
	<PARAM NAME="Line0005" VALUE="SetFont('ARIAL',24,650,0,0,0)">
	<PARAM NAME="Line0006" VALUE="Text('1',30,-66,0">
	<PARAM NAME="Line0007" VALUE="Text('2',60,-36,0">
	<PARAM NAME="Line0008" VALUE="Text('3',70,4,0">
	<PARAM NAME="Line0009" VALUE="Text('4',60,44,0">
	<PARAM NAME="Line0010" VALUE="Text('5',30,74,0">
	<PARAM NAME="Line0011" VALUE="Text('6',-10,89,0">
	<PARAM NAME="Line0012" VALUE="Text('7',-50,79,0">
	<PARAM NAME="Line0013" VALUE="Text('8',-85,44,0">
	<PARAM NAME="Line0014" VALUE="Text('9',-95,4,0">
	<PARAM NAME="Line0015" VALUE="Text('10',-85,-36,0">
	<PARAM NAME="Line0016" VALUE="Text('11',-60,-61,0">
	<PARAM NAME="Line0017" VALUE="Text('12',-20,-76,0">
</OBJECT>

</div>

<!-- Creates the clock face , structured graphic-->

<OBJECT ID="sgBackground"
	CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
	STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200">
    <PARAM NAME="Line0001" VALUE="SetLineStyle(5)">
    <PARAM NAME="Line0002" VALUE="SetFillStyle(11)">
    <PARAM NAME="Line0003" VALUE="SetFillColor(255,0,0,0,0,255)">
    <PARAM NAME="Line0004" VALUE="SetGradientFill(0,0,-100,-100,0)">
    <PARAM NAME="Line0005" VALUE="Oval(-100,-100,200,200,0)">
</OBJECT>

<div id="divClock" STYLE="POSITION:ABSOLUTE; WIDTH:200; HEIGHT:200; TOP:0; LEFT:0;">

<!-- Object creates second hand for clock, structured graphic -->

<OBJECT ID="sgSecondHand"
	CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
	STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5">
	<PARAM NAME="Line0001" VALUE="SetLineColor(255, 255, 255)">
	<PARAM NAME="Line0002" VALUE="SetLineStyle(1)">
	<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,255)">
	<PARAM NAME="Line0004" VALUE="SetFillStyle(1)">
	<PARAM NAME="Line0005" VALUE="Rect(-5,-2,100,4,0)">
</OBJECT>

<!-- Object creates minute hand for clock, structured graphic-->

<OBJECT ID="sgMinuteHand"
	CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
	STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5">
	<PARAM NAME="Line0001" VALUE="SetLineColor(255, 0, 0)">
	<PARAM NAME="Line0002" VALUE="SetLineStyle(1)">
	<PARAM NAME="Line0003" VALUE="SetFillColor(255,0,0)">
	<PARAM NAME="Line0004" VALUE="SetFillStyle(1)">
	<PARAM NAME="Line0005" VALUE="Rect(-5,-3,85,6,0)">
</OBJECT>

<!-- Object creates hour hand for clock, structured graphic -->

<OBJECT ID="sgHourHand"
	CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
	STYLE="POSITION:ABSOLUTE; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5">
	<PARAM NAME="Line0001" VALUE="SetLineColor(0, 0, 255)">
	<PARAM NAME="Line0002" VALUE="SetLineStyle(1)">
	<PARAM NAME="Line0003" VALUE="SetFillColor(0,0,255)">
	<PARAM NAME="Line0004" VALUE="SetFillStyle(1)">
	<PARAM NAME="Line0005" VALUE="Rect(-5,-3,70,6,0)">
</OBJECT>

</div>
</div>

<!-- Sequencer, controls timing and continuation of clock motion -->

<OBJECT ID="Seq"
	CLASSID="CLSID:B0A6BAE2-AAF0-11d0-A152-00A0C908DB96">
</OBJECT>





</body>
</html>

عاشق مزنه · #75 11-11-2004, 02:11 AM

كود ساعة وتاريخ في شريط المعلومات

كود:

1-  ضع الكود التالي في منظقة الرأس

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function runClock() {
theTime = window.setTimeout("runClock()", 1000);
var today = new Date();
var display= today.toLocaleString();
status=display;
}
// End -->
</SCRIPT>

2- ضع الكود التالي مع بداية منطقة الجسم

<body onLoad="runClock()">

عاشق مزنه · #76 11-11-2004, 02:12 AM

كود ساعة وتاريخ ويوم وشهر وتقويم

كود:

<!-- JavaScript immediate script -->

<SCRIPT LANGUAGE="JavaScript">

<!--



// Copyright 1996 - Tomer and Yehuda Shiran

// This example will appear in our forthcoming book on JavaScript.

// Feel free to "steal" this code provided that you leave this notice as is.

// Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/

// For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com>



setCal()



function getTime() {

// initialize time-related variables with current time settings

var now = new Date()

var hour = now.getHours()

var minute = now.getMinutes()

now = null

var ampm = "" 



// validate hour values and set value of ampm

if (hour >= 12) {

hour -= 12

ampm = "PM"

} else

ampm = "AM"

hour = (hour == 0) ? 12 : hour



// add zero digit to a one digit minute

if (minute < 10)

minute = "0" + minute // do not parse this number!



// return time string

return hour + ":" + minute + " " + ampm

}



function leapYear(year) {

if (year % 4 == 0) // basic rule

return true // is leap year

/* else */ // else not needed when statement is "return"

return false // is not leap year

}



function getDays(month, year) {

// create array to hold number of days in each month

var ar = new Array(12)

ar[0] = 31 // January

ar[1] = (leapYear(year)) ? 29 : 28 // February

ar[2] = 31 // March

ar[3] = 30 // April

ar[4] = 31 // May

ar[5] = 30 // June

ar[6] = 31 // July

ar[7] = 31 // August

ar[8] = 30 // September

ar[9] = 31 // October

ar[10] = 30 // November

ar[11] = 31 // December



// return number of days in the specified month (parameter)

return ar[month]

}



function getMonthName(month) {

// create array to hold name of each month

var ar = new Array(12)

ar[0] = "January"

ar[1] = "February"



ar[2] = "March"

ar[3] = "April"

ar[4] = "May"

ar[5] = "June"

ar[6] = "July"

ar[7] = "August"

ar[8] = "September"

ar[9] = "October"

ar[10] = "November"

ar[11] = "December"



// return name of specified month (parameter)

return ar[month]

}



function setCal() {

// standard time attributes

var now = new Date()

var year = now.getYear()

var month = now.getMonth()

var monthName = getMonthName(month)

var date = now.getDate()

now = null



// create instance of first day of month, and extract the day on which it occurs

var firstDayInstance = new Date(year, month, 1)

var firstDay = firstDayInstance.getDay()

firstDayInstance = null



// number of days in current month

var days = getDays(month, year)



// call function to draw calendar

drawCal(firstDay + 1, days, date, monthName, 1900 + year)

}



function drawCal(firstDay, lastDate, date, monthName, year) {

// constant table settings

var headerHeight = 50 // height of the table's header cell

var border = 2 // 3D height of table's border

var cellspacing = 4 // width of table's border

var headerColor = "midnightblue" // color of table's header

var headerSize = "+3" // size of tables header font

var colWidth = 60 // width of columns in table

var dayCellHeight = 25 // height of cells containing days of the week

var dayColor = "darkblue" // color of font representing week days

var cellHeight = 40 // height of cells representing dates in the calendar

var todayColor = "red" // color specifying today's date in the calendar



var timeColor = "purple" // color of font representing current time



// create basic table structure

var text = "" // initialize accumulative variable to empty string

text += '<CENTER>'

text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings

text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell

text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header

text += monthName + ' ' + year 

text += '</FONT>' // close table header's font settings

text += '</TH>' // close header cell



// variables to hold constant settings

var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'

openCol += '<FONT COLOR="' + dayColor + '">'

var closeCol = '</FONT></TD>'



// create array of abbreviated day names

var weekDay = new Array(7)

weekDay[0] = "Sun"



weekDay[1] = "Mon"

weekDay[2] = "Tues"

weekDay[3] = "Wed"

weekDay[4] = "Thu"

weekDay[5] = "Fri"



weekDay[6] = "Sat"



// create first row of table to set column width and specify week day

text += '<TR ALIGN="center" VALIGN="center">'

for (var dayNum = 0; dayNum < 7; ++dayNum) {

text += openCol + weekDay[dayNum] + closeCol 

}

text += '</TR>'



// declaration and initialization of two variables to help with tables

var digit = 1

var curCell = 1



for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {

text += '<TR ALIGN="right" VALIGN="top">'

for (var col = 1; col <= 7; ++col) {

if (digit > lastDate)

break

if (curCell < firstDay) {

text += '<TD></TD>';

curCell++

} else {

if (digit == date) { // current cell represent today's date

text += '<TD HEIGHT=' + cellHeight + '>'

text += '<FONT COLOR="' + todayColor + '">'

text += digit

text += '</FONT><BR>'

text += '<FONT COLOR="' + timeColor + '" SIZE=2>'

text += '<CENTER>' + getTime() + '</CENTER>'

text += '</FONT>'

text += '</TD>'

} else

text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'

digit++

}

}

text += '</TR>'

}



// close all basic table tags

text += '</TABLE>'

text += '</CENTER>'



// print accumulative HTML string

document.write(text) 

}



// -->

</SCRIPT>

عاشق مزنه · #77 11-11-2004, 02:13 AM

كود صورة تتبع الماوس

كود:

<script language="JavaScript1.2">
<!--

/*
Submitted by Marcin Wojtowicz [one_spook@hotmail.com] 
Featured on Website Abstraction (http://wsabstract.com)
For this and over 400+ free scripts, visit http://wsabstract.com
*/

var trailLength = 8 // The length of trail (8 by default; put more for longer "tail")
var path = "ضع الصورة هنا" // URL of your image

// do NOT modify anything beyond this point
var isIE = false,isNav = false,range = "all.",style = ".style",i,d = 0
var topPix = ".pixelTop",leftPix = ".pixelLeft",images,storage
if (document.layers) { // browser sniffer
	isNav = true,range = "layers.",style = "",topPix = ".top",leftPix = ".left"
} else if (document.all) {
	isIE = true
}
function initTrail() { // prepares the script
	images = new Array() // prepare the image array
	for (i = 0; i < parseInt(trailLength); i++) {
		images[i] = new Image()
		images[i].src = path
	}
	storage = new Array() // prepare the storage for the coordinates
	for (i = 0; i < images.length*3; i++) {
		storage[i] = 0
	}
	for (i = 0; i < images.length; i++) { // make divs for IE and layers for Navigator
		(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>')
	}
	trail()
}
function trail() { // trailing function
	for (i = 0; i < images.length; i++) { // for every div/layer
		eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]) // the Y-coordinate
		eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]) // the X-coordinate
		d = d+2
	}
	for (i = storage.length; i >= 2; i--) { // save the coordinate for the div/layer that's behind
		storage[i] = storage[i-2]
	}
	d = 0 // reset for future use
	var timer = setTimeout("trail()",10) // call recursively 
}
function processEvent(e) { // catches and processes the mousemove event 
	if (isIE) { // for IE
		storage[0] = window.event.y+document.body.scrollTop+10
		storage[1] = window.event.x+document.body.scrollLeft+10
	} else { // for Navigator
		storage[0] = e.pageY+12
		storage[1] = e.pageX+12
	}
}
if (isNav) {
	document.captureEvents(Event.MOUSEMOVE) // Defines what events to capture for Navigator
}
if (isIE || isNav) { // initiates the script
	initTrail() 
	document.onmousemove = processEvent // start capturing
}
//-->
</script>
<!-- http://alfnnan.net -->
<body bgcolor="#000000">

عاشق مزنه · #78 11-11-2004, 02:14 AM

كود طلب الاسم ثم الترحيب

كود:

<SCRIPT LANGUAGE="Javascript"> 
//http://www.alsaqr.com
name=window.prompt("ادخل أسمك.","لا ارغب"); 
document.write("<H1 align=center>مرحبا! "+name+".</H1>") 
//-->
</script>

عاشق مزنه · #79 11-11-2004, 02:14 AM

كود ظل للنص

كود:

<SPAN style="position: absolute; left: 188; font-size: 35pt; filter: shadow(color=#80FF80, direction=135); z-index: -1; top: 170; width: 423; height: 58">
<p align="center"><font color="#FF8000" face="Tahoma"><b>موقع</b></font><font
face="Tahoma"><b> </b></font><font color="#FF8000" face="Tahoma"><b>الصقر</b></font>
</SPAN></p>

<p align="center"><a href="/cgi-bin/framed/1959/"><font
color="#FF00FF" size="4"><strong>alsaqr.com</strong></font></a></p>

عاشق مزنه · #80 11-11-2004, 02:15 AM

كود ظهور النص بعدة الوان

كود:

<h2>
<script language="JavaScript1.2">

/*
جافا الفنان
 (http://alfnnan.net)
*/

var message="ضع النص هنا"
var neonbasecolor="#800000"
var neontextcolor="#fc1000"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>