الويب العربي - كل الكودات لعمل موقع متكامل اتمنا التثبيت

الويب العربي (http://www.arabwebtalk.com/index.php)

- تطويرالمواقع (http://www.arabwebtalk.com/forumdisplay.php?f=47)

- - كل الكودات لعمل موقع متكامل اتمنا التثبيت (http://www.arabwebtalk.com/showthread.php?t=1986)

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

كود:

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

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

كود:

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

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

كود:

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

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

كود:

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

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

كود:

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

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

كود:

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

<br>

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

كود:

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

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

كود:

<SCRIPT language=JavaScript>

<!-- Begin

if (window.print) {

document.write('<form> '

+ '<input type=submit value="اطبع الصفحة" name=Print '

+ 'onClick="javascript:window.print()"></form>');

}

// End 

// --></SCRIPT>

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

كود:

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

كود ساعة الكترونية 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>

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

كود:

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

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

كود:

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

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

كود:

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

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

كود:

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

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

كود:

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()">

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

كود:

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

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

كود:

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

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

كود:



<SCRIPT LANGUAGE="Javascript"> 

//http://www.alsaqr.com

name=window.prompt("ادخل أسمك.","لا ارغب"); 

document.write("<H1 align=center>مرحبا! "+name+".</H1>") 

//-->

</script>

كود ظل للنص

كود:

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

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

كود:

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