10 أكـواد جـافـا أكثر من رائعة لأصحاب المواقع - Design Corner

THEGEM · 03-15-2006, 11:47 AM

السلام عليكم ورحمة الله وبركاته

أقدم لكم اليوم أكواد جافا أكثر من رائعة لأصحاب المواقع

فلنبدأ :

أولا : كيفية التركيب :

ضع الكود بمنطقة الـ <body>

ثانيا : الأكواد :

1- الاخبار من قناة الجزيرة

كود:

<SCRIPT language=JavaScript><!--
var g=new Date(); g=g.getTime()%1000;
document.writeln('<iframe width=100% height=17 scrolling=no marginwidth=0 marginheight=0 frameborder=0 src=http://www.faisal1.com/News_Grab/jazeera.php>');
// --></SCRIPT>
                        <NOSCRIPT><!--webbot bot="HTMLMarkup" startspan --><IFRAME 
                        marginWidth=0 marginHeight=0 
                        frameBorder=0 width=0 scrolling=no 
                        height=0><!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --></IFRAME></IFRAME><!--webbot bot="HTMLMarkup" endspan --></NOSCRIPT>
<body bgcolor="#ffffff">

2-محرك بحث جوجل جديد

كود:

<center>
<form action="http://www.google.com/search" method="get" target="_blank">
 <table height="28" cellSpacing="0" cellPadding="0">
   <tbody>
     <tr>
       <td height="24"><a style="COLOR: #00009c; TEXT-DECORATION: none" href="<A href="http://www.google.com/"><img">http://www.google.com/"><img alt="Google" src="http://www.google.com/logos/Logo_40wht.gif" align="absMiddle" border="0" width="128" height="53"></a>
         <input maxLength="255" size="25" name="q" style="color: #800000; border: 1 solid #000000">
         <input type="submit" value="ابحث" name="btnG" style="color: #FFFFFF; font-family: Tahoma; background-color: #333300; border: 1 solid #000000"></td>
     </tr>
   </tbody>
 </table>
</form>
</center><!-- Search Google -->

3- تقويم ميلادي

كود:

<BODY>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
monthnames = new Array(
"يناير",
"فبراير",
"مارس",
"ابريل",
"مايو",
"يونيو",
"يوليو",
"اغسطس",
"سبتمبر",
"اكتوبر",
"نوفبر",
"ديسمبر");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0) 
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table border=2 bgcolor=white ");
document.write("bordercolor=black><font color=black>");
document.write("<tr><td colspan=7><center><strong>" 
+ monthnames[thismonth] + " " + thisyear 
+ "</strong></center></font></td></tr>");
document.write("<tr>");
document.write("<td align=center>الاحد</td>");
document.write("<td align=center>الاثنين</td>");
document.write("<td align=center>الثلاثاء</td>");
document.write("<td align=center>الاربعاء</td>");
document.write("<td align=center>الخميس</td>");
document.write("<td align=center>الجمعة</td>");
document.write("<td align=center>السبت</td>"); 
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
      }
   }
}
if (count==thisdate) {
document.write("<font color='FF0000'><strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
</SCRIPT>
</CENTER>

4- أله حاسبة

كود:

<script>
function compute(obj) 
   {obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string) 
   {obj.expr.value += string}
function clear(obj) 
   {obj.expr.value = ''}
</script>
<p align="center"><font color="#000000" size="3"
face="Verdana, Arial, Helvetica, sans-serif"><strong></strong></font><strong> </strong></p>
<form name="calc">
    <div align="center"><center><table border="1"
    bgcolor="#FFEAFF">
        <tr>
            <td colspan="4"><input type="text" size="30"
            name="expr" action="compute(this.form)"> </td>
        </tr>
        <tr>
            <td><p align="center"><input type="button"
            value="  7  " onclick="enter(this.form, seven)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="  8  " onclick="enter(this.form, eight)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="  9  " onclick="enter(this.form, nine)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="   /  " onclick="enter(this.form, divide)"> </p>
            </td>
        </tr>
        <tr>
            <td><p align="center"><input type="button"
            value="  4  " onclick="enter(this.form, four)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="  5  " onclick="enter(this.form, five)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="  6  " onclick="enter(this.form, six)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="  *  " onclick="enter(this.form, multiply)"> </p>
            </td>
        </tr>
        <tr>
            <td><p align="center"><input type="button"
            value="  1  " onclick="enter(this.form, one)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="  2  " onclick="enter(this.form, two)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="  3  " onclick="enter(this.form, three)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="   -  " onclick="enter(this.form, minus)"> </p>
            </td>
        </tr>
        <tr>
            <td colspan="2"><p align="center"><input
            type="button" value="       0       "
            onclick="enter(this.form, zero)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="   .  " onclick="enter(this.form, decimal)"> </p>
            </td>
            <td><p align="center"><input type="button"
            value="  +  " onclick="enter(this.form, plus)"> </p>
            </td>
        </tr>
        <tr>
            <td colspan="2"><p align="center"><input
            type="button" value="   =   "
            onclick="compute(this.form)"> </p>
            </td>
            <td colspan="2"><p align="center"><input type="reset"
            value="AC" onclick="clear(this.form)"> </p>
            </td>
        </tr>
    </table>
    </center></div>
</form>
<p align="center"> </p>
<p align="center"><a 
<p align="center">  </p>
<p> </p>
</body>
</html>

5- رسالة تظهر للزائر عندما يدخل لصفحتك

كود:

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

6- كلمات تتبع الماوس

كود:

<HTML>
<HEAD>
  <TITLE>mouse</TITLE>
  <META name="description" **************="">
  <META name="keywords" **************="">
<style>.spanstyle {
 COLOR: white; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<SCRIPT LANGUAGE="JavaScript">
var x, y;
var step = 10;
var flag = 0;
var message = "حط الكتابه هنا ";
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()", 10);
}
// End -->
</script>
</HEAD>
<body bgcolor="#000080" text="#000000" onload="makesnake()"
style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
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 -->
</script>
<//--><//"--><!-- VC layer -->
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write('<LAYER SRC="' + ValueBanner + '&t=html" WIDTH="' + IWidth
+ '" ');
document.write('HEIGHT="' + IHeight + '" VISIBILITY="hide" onLoad=');
document.write('"moveToAbsolute(VC.pageX,VC.pageY); clip.width=' + IWidth
+ '; ');
document.write('clip.height=' + IHeight +
'; visibility=\'show\'"></LAYER>');
// -->
</SCRIPT>
<!-- vc layer -->
</body>
</HTML>

منع الزر الأيمن

كود:

<script   
language="JavaScript"><!--   
 
function click() {   
if (event.button==2) {   
alert('لاداعى  للزر اليمين    ');   
}   
}   
document.onmousedown=click   
// -->    
// --></script><!-- ://-->

8- ساعة

كود:

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

9- كود لعمل العاب نارية في صفحتك

كود:

<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer>
<layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer>
<layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer>
<layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer>
<layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer>
<script language="JavaScript">
/*
Document firework script (By Kurt Gregg, kurt.grigg@virgin.net)
Modified granted to Dynamic Drive to feature script in archive
For full source and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
if (document.all)
with(document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>')
write('</div>')
}
 
var Clrs=new Array(9)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='ffa500';
Clrs[5]='ffff00';
Clrs[6]='00ff00';
Clrs[7]='ffffff';
Clrs[8]='fffff0';
var sClrs=new Array(5)
sClrs[0]='ffa500';
sClrs[1]='55ff66';
sClrs[2]='AC9DFC';
sClrs[3]='fff000';
sClrs[4]='fffff0';
var yBase;
var xBase;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
var initialStarColor='ffa000';
var Mtop=250;
var Mleft=250;
function Fireworks() {
if (document.all)
{
yBase = window.document.body.offsetHeight/3;
xBase = window.document.body.offsetWidth/8;
}
else if (document.layers)
{
yBase = window.innerHeight/3;
xBase = window.innerWidth/8;
}
if (document.all)
{
step=5;
for ( i = 0 ; i < starsDiv.all.length ; i++ )
{
for (ai=0; ai < Clrs.length; ai++)
{
var c=Math.round(Math.random()*[ai]);
}
if (currStep < 90)
starsDiv.all[i].style.background=initialStarColor;
if (currStep > 90)
starsDiv.all[i].style.background=Clrs[c];
starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)
starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)
}
}
else if (document.layers)
{
step = 5;
for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
{
var templayer="a"+j
for (ai=0; ai < Clrs.length; ai++)
{
var c=Math.round(Math.random()*[ai]);
}
if (currStep < 90)
document.layers[templayer].bgColor=initialStarColor;
if (currStep > 90)
document.layers[templayer].bgColor=Clrs[c];
document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)
document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)
}
}
currStep+= step;
//window.status=currStep;
T=setTimeout("Fireworks()",5);
if (currStep==220)
{
currStep=-10;
for (n=0; n < sClrs.length; n++)
{
var k=Math.round(Math.random()*n);
}
initialStarColor=sClrs[k];
if (document.all)
{
Dtop=window.document.body.clientHeight-250;
Dleft=xBase*3.5;
Mtop=Math.round(Math.random()*Dtop);
Mleft=Math.round(Math.random()*Dleft);
document.all.starsDiv.style.top=Mtop+document.body.scrollTop;
document.all.starsDiv.style.left=Mleft+document.body.scrollLeft;
}
else if (document.layers)
{
Dleft=window.innerWidth-100;
Dtop=window.innerHeight-100;
Mtop=Math.round(Math.random()*Dtop+window.pageYOffset);
Mleft=Math.round(Math.random()*Dleft+window.pageXOffset);
document.layers[templayer].top=Mtop;
document.layers[templayer].left=Mleft;
}
if ((Mtop < 20) || (Mleft < 20))
{
Mtop+=90;
Mleft+=90;
} 
}
}
if (document.all||document.layers)
Fireworks();
</script>

10- كود لطلب اسم الزائر

كود:

<SCRIPT LANGUAGE="Javascript"> 
//http://www.alsaher.net
name=window.prompt("ادخل أسمك.","الملقوف "); 
document.write("<H1 align=center>يا شين اللقافه يا! "+name+".</H1>") 
//-->
</script>

انتظروا قريبا الدفعة التانية

تحياتـــــــــــــــــــــــــــــــــى.....

Design Group · 03-15-2006, 01:34 PM

الله يعطيك العافية اخووووي على الاكواد الرائعه

THEGEM · 03-15-2006, 01:43 PM

الله يكرمك يا Design Group
انا على فكرة بحضر للدفعة التانية والتالتة

توب2 · 03-17-2006, 02:28 PM

الله لايحرمنا منك وشكرا لك

لبناني · 04-24-2006, 09:30 AM

السلام عليكم
مشكوررا اخي على الاكواد موفق والى الامام

** ahmad ** · 04-25-2006, 09:06 AM

يعطيك العافيه على الاكواد
واتمنى للجميع الاستفاده ,,

تعاليل · 06-11-2006, 02:52 PM

يعطيك العافية

صدى نت · 06-11-2006, 03:48 PM

مشكور على الاكواد الرائعة ..

03-15-2006, 01:34 PM	المشاركة رقم: 2 (permalink)
الكاتب Design Group :+:: مدير الموقع ::+: المعلومات التسجيل: Jan 2006 العضوية: 1 المشاركات: 758 بمعدل : 0.34 يوميا الإتصال	كاتب الموضوع : THEGEM المنتدى : ركن تطوير المواقع الله يعطيك العافية اخووووي على الاكواد الرائعه

03-15-2006, 01:43 PM	المشاركة رقم: 3 (permalink)
الكاتب THEGEM :: متدرب :: المعلومات التسجيل: Feb 2006 العضوية: 264 الدولة: مصر المشاركات: 87 بمعدل : 0.04 يوميا الإتصال	كاتب الموضوع : THEGEM المنتدى : ركن تطوير المواقع الله يكرمك يا Design Group انا على فكرة بحضر للدفعة التانية والتالتة

04-24-2006, 09:30 AM	المشاركة رقم: 5 (permalink)
الكاتب لبناني :: متدرب نشيط :: المعلومات التسجيل: Apr 2006 العضوية: 627 المشاركات: 114 بمعدل : 0.05 يوميا الإتصال	كاتب الموضوع : THEGEM المنتدى : ركن تطوير المواقع السلام عليكم مشكوررا اخي على الاكواد موفق والى الامام

06-11-2006, 03:48 PM	المشاركة رقم: 8 (permalink)
الكاتب صدى نت :: متدرب :: المعلومات التسجيل: Feb 2006 العضوية: 233 المشاركات: 95 بمعدل : 0.04 يوميا الإتصال	كاتب الموضوع : THEGEM المنتدى : ركن تطوير المواقع مشكور على الاكواد الرائعة ..

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)