[ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة

\ كود ساعة
وصف الكود : كود رائع يضع ساعه على اليمين فى الأسفل تتبع الزائر اينما ذهب
التعديلات على الكود : لا يوجد
مثال الكود

الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> </SCRIPT> <SCRIPT language=JavaScript> fCol='444444'; //face colour. sCol='FF0000'; //seconds colour. mCol='444444'; //minutes colour. hCol='444444'; //hours colour. Ybase=30; //Clock height. Xbase=30; //Clock width. H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); NS4=(document.layers); NS6=(document.getElementById&&!document.all); IE4=(document.all); Ypos=0; Xpos=0; dots=12; Split=360/dots; if (NS6){ for (i=1; i < dots+1; i++){ document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30 px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } for (i=0; i < M.length; i++){ document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2p x;height:2px;font-size:2px;background:#'+mCol+'"></div>'); } for (i=0; i < H.length; i++){ document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2p x;height:2px;font-size:2px;background:#'+hCol+'"></div>'); } for (i=0; i < S.length; i++){ document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2p x;height:2px;font-size:2px;background:#'+sCol+'"></div>'); } } if (NS4){ dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' ') for (i=0; i < dots; i++){ document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); } for (i=0; i < M.length; i++){ document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < H.length; i++){ document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < S.length; i++){ document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } } if (IE4){ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30 px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>') document.write('<div 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:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('<div 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:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div 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:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } 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.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360; if (NS6){ Ypos=window.pageYOffset+window.innerHeight-Ybase-25; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=1; i < dots+1; i++){ document.getElementById("n6Digits"+i).style.top=Yp os-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180) document.getElementById("n6Digits"+i).style.left=X pos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.getElementById("Nx"+i).style.top=Ypos+i*Y base/4.1*Math.sin(sec); document.getElementById("Nx"+i).style.left=Xpos+i* Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.getElementById("Ny"+i).style.top=Ypos+i*Y base/4.1*Math.sin(min); document.getElementById("Ny"+i).style.left=Xpos+i* Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.getElementById("Nz"+i).style.top=Ypos+i*Y base/4.1*Math.sin(hrs); document.getElementById("Nz"+i).style.left=Xpos+i* Xbase/4.1*Math.cos(hrs); } } if (NS4){ Ypos=window.pageYOffset+window.innerHeight-Ybase-20; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180) document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min); document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs); } } if (IE4){ Ypos=document.body.scrollTop+window.document.body. clientHeight-Ybase-20; Xpos=document.body.scrollLeft+window.document.body .clientWidth-Xbase-20; for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180) ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180) } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs); } } setTimeout('clock()',100); } clock(); //--> </SCRIPT> <SCRIPT language=JavaScript> fCol='444444'; //face colour. sCol='FF0000'; //seconds colour. mCol='444444'; //minutes colour. hCol='444444'; //hours colour. Ybase=30; //Clock height. Xbase=30; //Clock width. </body> </html>
الصور المرفقة

20 \ اعلى الصفحة
وصف الكود : كود رائع يضع كلمة عند الضغط عليها ينقلك الى اعلى الصفحة
التعديلات على الكود : لا يوجد
مثال الكود
[Top]
الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <!-- START OF Watermark Jump to Top Link DHTML --> <!-- SUMMARY BRIEF This DHTML script will put a small watermark link in the bottom right corner of your page that will stay there even when the page scrolls. This link will always take the user back to the top of the page. --> <!-- Put this portion of the script inside of your <HEAD> tag --> <script> <!-- // Change this text to the text that you want to be displayed as the link on your page. var displayed="<nobr><font size=2 face=Arial><b>[Top]</b></font></nobr>" // === DO NOT EDIT ANYTHING BELOW THIS LINE!!! === // var logolink='javascript:window.scrollTo(0,0)' var ns4=document.layers var ie4=document.all var ns6=document.getElementById&&!document.all function regenerate(){ window.location.reload() } function regenerate2(){ if (ns4) setTimeout("window.onresize=regenerate",400) } if (ie4||ns6) document.write('<span id="logo" style="position:absolute;top:-300;z-index:100">'+displayed+'</span>') function createtext(){ //function for NS4 staticimage=new Layer(5) staticimage.left=-300 staticimage.document.write('<a href="'+logolink+'">'+displayed+'</a>') staticimage.document.close() staticimage.visibility="show" regenerate2() staticitns() } function staticit(){ //function for IE4/ NS6 var w2=ns6? pageXOffset+w : document.body.scrollLeft+w var h2=ns6? pageYOffset+h : document.body.scrollTop+h crosslogo.style.left=w2 crosslogo.style.top=h2 } function staticit2(){ //function for NS4 staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-28 staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height-10 } function inserttext(){ //function for IE4/ NS6 if (ie4) crosslogo=document.all.logo else if (ns6) crosslogo=document.getElementById("logo") crosslogo.innerHTML='<a href="'+logolink+'">'+displayed+'</a>' w=ns6? window.innerWidth-crosslogo.offsetWidth-20 : document.body.clientWidth-crosslogo.offsetWidth-10 h=ns6? window.innerHeight-crosslogo.offsetHeight-15 : document.body.clientHeight-crosslogo.offsetHeight-10 crosslogo.style.left=w crosslogo.style.top=h if (ie4) window.onscroll=staticit else if (ns6) startstatic=setInterval("staticit()",100) } if (ie4||ns6){ window.onload=inserttext window.onresize=new Function("window.location.reload()") } else if (ns4) window.onload=createtext function staticitns(){ //function for NS4 startstatic=setInterval("staticit2()",90) } //--> </script>

إظهار التاريخ بموقعك:

بين head:


رمز PHP:

<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
L'éditeur JavaScript - AJAX
*/
navvers = navigator.appVersion.substring(0,1);
if (navvers > 3)
navok = true;
else
navok = false;

today = new Date;
jour = today.getDay();
numero = today.getDate();
if (numero<10)
numero = "0"+numero;
mois = today.getMonth();
if (navok)
annee = today.getFullYear();
else
annee = today.getYear();
TabJour = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
TabMois = new Array("janvier","février","mars","avril","mai","juin","juillet","aout","septembre","octobre","novembre","dééembre");
messageDate = TabJour[jour] + " " + numero + " " + TabMois[mois] + " " + annee;
</SCRIPT>
<!-- FIN DU SCRIPT -->

بين body:

رمز PHP:

<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
L'éditeur JavaScript - AJAX
*/
document.write(messageDate);
</SCRIPT>
<!-- FIN DU SCRIPT -->

مثال:

www.************/800.html

التوقيت بالساعة والدقية في موقعك:

رمز PHP:

<html>

<head>
<SCRIPT LANGUAGE="JavaScript">
Today = new Date;
Heure = Today.getHours();
Min = Today.getMinutes();
Message = "It is " + Heure + "h" + Min + "m";
</SCRIPT>

<title></title>
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
document.write(Message);
</SCRIPT>


</body>

</html>

المثال:

www.************/190.html

سكربت كرونو مثل اللي بيعملوه للسباقات السريعة:


رمز PHP:

<html>

<head>
<script language="JavaScript">
var dix= 0
var sc= 00 //
var mn= 3 // On peut changer ici la valeur en mn ou en sc
function chrono()
{
dix--;
if (dix<0) {dix=9;sc--}
if (sc<0) {sc=59;mn--}
time=mn+" mn "+sc+" s "+dix;
document.forme.champ1.value=time;
if (mn==0 & sc==0 & dix==0)
{alert('Le temps imparti est terminé !')}
décompte= setTimeout('chrono()', 100);}
function zéro()
{clearTimeout(décompte)
dix= 0;
sc=00;
mn= 3;
time=mn+" mn "+sc+" s "+dix;
document.forme.champ1.value=time;
}
</script>


<title></title>
</head>

<body>

<form name="forme">
<p><input type="text" size="10" name="champ1"
style="background-color:#F0FFFF"></p>
<p><input type="button" value="Départ"
onclick="chrono()"> <input
type="button" value="Recommencer" onclick="zéro()"></p>
</form>
<noscript>

</body>

</html>

مثال:

www.************/191.html

حاسبة الوقت


http://************/193.html


رمز PHP:
<html>

<head>
<script language="javascript">

function ad()
{
a= document.forme.champ1.value;
b= document.forme.champ2.value;
c= document.forme.champ3.value;
d= document.forme.champ4.value;
e= document.forme.champ5.value;
f= document.forme.champ6.value;

nbre= ((a*3600)+(b*60)+(c*1))+((d*3600)+(e*60)+(f*1))
nbre1= Math.floor(nbre/3600)
nbre2= Math.floor((nbre-(nbre1*3600))/60)
nbre3= Math.round(((nbre-((nbre1*3600)+(nbre2*60))))*100)/100

document.forme.champ1.value= nbre1;
document.forme.champ2.value= nbre2;
document.forme.champ3.value= nbre3;
document.forme.champ4.value= 0;
document.forme.champ5.value= 0;
document.forme.champ6.value= 0;
}
function sous()
{
a= document.forme.champ1.value;
b= document.forme.champ2.value;
c= document.forme.champ3.value;
d= document.forme.champ4.value;
e= document.forme.champ5.value;
f= document.forme.champ6.value;

nbre= ((a*3600)+(b*60)+(c*1))-((d*3600)+(e*60)+(f*1))
if (nbre<0)
{
nbre= 0;
alert('Le 2ème temps doit être inférieur ou égal au 1er !');
}
nbre1= Math.floor(nbre/3600)
nbre2= Math.floor((nbre-(nbre1*3600))/60)
nbre3= Math.round(((nbre-((nbre1*3600)+(nbre2*60))))*100)/100

document.forme.champ1.value= nbre1;
document.forme.champ2.value= nbre2;
document.forme.champ3.value= nbre3;
document.forme.champ4.value= 0;
document.forme.champ5.value= 0;
document.forme.champ6.value= 0;
}
function div1()
{
a= document.forme.champ1.value;
b= document.forme.champ2.value;
c= document.forme.champ3.value;
d= document.forme.champ4.value;
e= document.forme.champ5.value;
f= document.forme.champ6.value;
nbre= Math.round((((a*3600)+(b*60)+(c*1))/((d*3600)+(e*60)+(f*1)))*1000)/1000
document.forme.champ7.value= nbre;
document.forme.champ1.value= 0;
document.forme.champ2.value= 0;
document.forme.champ3.value= 0;
document.forme.champ4.value= 0;
document.forme.champ5.value= 0;
document.forme.champ6.value= 0;
}
function div2()
{
a= document.forme.champ1.value;
b= document.forme.champ2.value;
c= document.forme.champ3.value;
d= document.forme.champ7.value;
nbre= ((a*3600)+(b*60)+(c*1))/d

nbre1= Math.floor(nbre/3600)
nbre2= Math.floor((nbre-(nbre1*3600))/60)
nbre3= Math.round(((nbre-((nbre1*3600)+(nbre2*60))))*100)/100

document.forme.champ1.value= nbre1
document.forme.champ2.value= nbre2
document.forme.champ3.value= nbre3
document.forme.champ7.value= 0;
}
function mul()
{
a= document.forme.champ1.value;
b= document.forme.champ2.value;
c= document.forme.champ3.value;
d= document.forme.champ7.value;
nbre= ((a*3600)+(b*60)+(c*1))*d
nbre1= Math.floor(nbre/3600)
nbre2= Math.floor((nbre-(nbre1*3600))/60)
nbre3= Math.round(((nbre-((nbre1*3600)+(nbre2*60))))*100)/100

document.forme.champ1.value= nbre1;
document.forme.champ2.value= nbre2;
document.forme.champ3.value= nbre3;
document.forme.champ7.value= 0;
}
</script>

<title></title>
</head>

<body>

<table border="3" width="200" bgcolor="#F0FFFF">
<tr>
<td><table border="1" bgcolor="#AEBFE2">
<tr>
<td align="center"><b>Calculette des temps</b></td>
</tr>
</table>
<form name="forme">
<p><input type="text" size="2" name="champ1"
style="text-align=right" onclick="value=''"> h <input
type="text" size="2" name="champ2"
style="text-align=right" onclick="value=''"> mn <input
type="text" size="2" name="champ3"
style="text-align=right" onclick="value=''"> s<br>
<input type="text" size="2" name="champ4"
style="text-align=right" onclick="value=''"> h <input
type="text" size="2" name="champ5"
style="text-align=right" onclick="value=''"> mn <input
type="text" size="2" name="champ6"
style="text-align=right" onclick="value=''"> s<br>
<input type="text" size="2" name="champ7"
style="text-align=right" onclick="value=''"> <input
type="reset" value="AC"></p>
<p><input type="button" value="+"
style="width=30;height=30" onclick="ad()"> <input
type="button" value="-" style="width=30;height=30"
onclick="sous()"> <input type="button" value="*"
style="width=30;height=30" onclick="mul()"> <input
type="button" value="/e" style="width=30;height=30"
onclick="div2()"> <input type="button" value="/sg"
style="width=30;height=30" onclick="div1()"></p>
<p><font size="1"><em>Notice d'emploi: </em></font><a
href="http://www.************/"><font size="1"><em>www.************</em></font></a></p>
</form>
</td>
</tr>
</table>

</body>

</html>

تحويل الاورو للفرنك الفرنسي هه

رمز PHP:
<html>

<head>
<title></title>
</head>

<body>
<form>
Euro : <input type="text" name="Euro" onKeyUp="this.form.Franc.value=this.value*6.55957">
<br>
Franc : <input type="text" name="Franc" onKeyUp="this.form.Euro.value=this.value/6.55957">
</form><noscript>
</body>

</html>

طباعة صفحة بالضغط على رابط:


المثال:


http://************/194.html


رمز PHP:
<html>

<head>
<title></title>
</head>

<body>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">

if(window.print)
{
document.write('<A HREF="javascript:window.print()">إطبع هذه الصفحة</A>');
}
</SCRIPT>
<!-- FIN DU SCRIPT --><noscript>
</body>
</html>

ترجمة الصفحة إلى لغات مختلفة بواسطة مترجم جوجل:

رمز PHP:

<html>

<head>
<title></title>
</head>

<body>

<!-- TRADUCTION VIA GOOGLE -->
<!-- http://www.editeurjavascript.com/scripts/scripts_autres_3_773.php -->
<form action="http://translate.google.com/translate">
<input type="hidden" name="hl" value="fr">
<input type="hidden" name="ie" value="UTF8">
<input type="hidden" name="oe" value="UTF8">
<input type="hidden" name="prev" value="/language_tools">
<script type="text/javascript">
document.write('<input type="hidden" name="u" value="'+document.location.href+'">');
</script>
Traduire cette page : &nbsp;de <select name="langpair" size="1">
<option value="en|de">Anglais en&nbsp; : Allemand</option>
<option value="en|es">Anglais en&nbsp; : Espagnol</option>
<option value="en|fr">Anglais en&nbsp; : Français</option>
<option value="en|it">Anglais en&nbsp; : Italien</option>
<option value="en|pt">Anglais en&nbsp; : Portugais</option>
<option value="de|en">Allemand en&nbsp; : Anglais</option>
<option value="de|fr">Allemand en&nbsp; : Français</option>
<option value="es|en">Espagnol en&nbsp; : Anglais</option>
<option value="es|fr">Espagnol en&nbsp; : Français</option>
<option value="fr|en" selected>Français en&nbsp; : Anglais</option>
<option value="fr|de">Français en&nbsp; : Allemand</option>
<option value="fr|es">Français en&nbsp; : Espagnol</option>
<option value="it|en">Italien en&nbsp; : Anglais</option>
<option value="pt|en">Portugais en&nbsp; : Anglais</option>
</select>&nbsp; <input type="submit" value="Traduire" />
</form>
<!-- TRADUCTION VIA GOOGLE -->

bienvenue
</body>
</html>

www.************/195.html

نص يتبع الماوس
رمز Code:
<!-- START OF Mouse Cursor Text Trailer DHTML --> <!-- SUMMARY BRIEF This DHTML script will make a text message follow your cursor around the screen. You can change the message to say whatever you want. You can change the font face, color and size in the .trailersytle tag below. You can change the message in the javascript below that. Just look for the comment that says "Insert your personal message below." --> <!-- Put this portion of the script inside of your <HEAD> tag --> <style> .trailerstyle { position: absolute; visibility: visible; top: -50px; font-size: 12px; font-family: Arial,Helvetica,Verdana; font-weight: bold; color: #000000; } </style> <script> <!-- var x,y var step=20 var flag=0 // Insert your personal message below. // Important: Do NOT remove the space at the end of the sentence!!! var message=" JavaScript Best Codes " 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 mousetrailer() { 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("mousetrailer()",30) } //--> </script> <!-- Put this code inside of your <BODY> tag. --> <script> <!-- for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='trailerstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; //--> </script> <!-- Lastly, insert the following into the <BODY> tag, itself, just like the example that follows. --> <body onLoad="mousetrailer()" style="width:100%;overflow-x:hidden;overflow-y:scroll"> <!-- END OF Mouse Cursor Text Trailer DHTML -->