الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

مجموعة كبيرة من كودات الجافا سكربت:

بدأه موفق جمال زكريا في 15 ديسمبر 2002 · 18 رد · 19,917 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

بسم الله الرحمن الرحيم : إخواني الأعزاء سأكتب في هذه الصفحة الكثير من كودات الجافا سكريت ...

وأقترح على مشرف المنتدى تثبيت هذا الموضوع لكي يضيف الأعضاء دائما فيه .......

إطار للصفحة :

 

<script language="JavaScript1.2">



if (document.all)

document.body.style.cssText="border:25 inset red"

</script>
 

نافذة تنفتح شيئا فشيئا :

 

 

<SCRIPT LANGUAGE="JavaScript">

<!--



var InitialWidth =10;

var InitialHeight=10;

var WidthInc =25;

var HeightInc=25;

var ScreenHeight=950;

var ScreenWidth=1000;

var CurrentHeight=500;

var CurrentWidth =600;

self.resizeTo(InitialWidth,InitialHeight);

self.moveTo( (ScreenWidth/2) - (InitialWidth/2) ,(ScreenHeight/2) - (InitialHeight/2));



var Id = setInterval("Grow()", 100);



function Grow() {

if(WidthInc == 0 && HeightInc == 0) {

clearInterval();

return; 

}



if(WidthInc && CurrentWidth + WidthInc > ScreenWidth){

WidthInc = ScreenWidth - CurrentWidth;

self.moveBy(-(WidthInc/2),-(HeightInc/2));

self.resizeBy(WidthInc,HeightInc); 

WidthInc=0;

return;

}



if(HeightInc && CurrentHeight + HeightInc > ScreenHeight){

HeightInc = ScreenHeight - CurrentHeight;

self.moveBy(-(WidthInc/2),-(HeightInc/2));

self.resizeBy(WidthInc,HeightInc); 

HeightInc = 0;

return;

}

self.moveBy(-(WidthInc/1),-(HeightInc/1));

self.resizeBy(WidthInc,HeightInc);



CurrentWidth +=WidthInc;

CurrentHeight +=HeightInc; 

}

//-->

</script>
 

عبارة عن نافذة صغيرة مثل إعلان أو لفت نظر الزوار إلى شيء أنت تريده

<SCRIPT LANGUAGE="JavaScript">

<!--

window.open("http:// .. .. .. ..","windowname","height=350,width=350,scrollbars,resizable")



</SCRIPT>

إنشاء قائمة متحركة في المستعرض تتحرك مع مع تحرك المستعرض :

إنسخ ما يلي وضعه في منطقة منطقة الرأس :

 

<STYLE TYPE="text/css">

<!--



.menuh	{

  BORDER-COLOR : #FFFF99;

  cursor : hand;

  Border-Left : #FFFF99;

  Border-Top : #FFFF99;

  Padding-Left : 1px;

  Padding-Top : 1px;

  Background-Color : #FFFF99;

	}

.menu	{

  Background-Color : white;

	}

.home	{

  cursor : hand;

	}



.menulinks{

text-decoration:none;

}

//-->

</STYLE>

وضع هذه في منطقة الجسم :

 

<SCRIPT Language="Javascript1.2"><!--/*Static menu script II (By maXimus, maximus@nsimail.com, http://absolutegb.com/maximus/  ">http://absolutegb.com/maximus/  )Modified slightly/ permission granted to Dynamic Drive to feature script in archiveFor full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com  ">http://dynamicdrive.com  *///configure below variable for menu width, position on pagevar menuwidth=110var offsetleft=10var offsettop=90var ns4=document.layers?1:0var ie4=document.all?1:0var ns6=document.getElementById&&!document.all?1:0function makeStatic() {if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}setTimeout("makeStatic()",0);}if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')}else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}if (ie4||ns6||ns4)document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Menu</FONT></TD></TR>')var menui = new Array();var menul = new Array();//configure below for menu items. Extend list as desiredmenui[0]="1";menui[1]="2";menui[2]="3";menui[3]="4";menui[4]="5";menui[5]="6";menui[6]="7";menui[7]="8";menul[0]="http://1";menul[1]="http://2";menul[2]="http://3";menul[3]="http://4";menul[4]="http://5";menul[5]="http://6";menul[6]="http://7";menul[7]="http://8";for (i=0;i<=menui.length-1;i++)if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=''+menul+''" onmouseover="className='menuh'" onMouseout="className='menu'"><CENTER><FONT>'+menui+'</FONT></TD></TR>')}else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor='yellow'" onmouseout="bgColor='white'"><CENTER><A HREF="'+menul+'" class=menulinks>'+menui+'</A></CENTER></LAYER></ILAYER></TD></TR>')}if (ie4||ns6) {document.write('</TABLE></span>')}else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}function menu3(){if (ns6||ie4||ns4)makeStatic()}window.onload=menu3//--></SCRIPT>

آلة حاسبة في صفحتك :

 

<table border="2" width="200" cellspacing="0" cellpadding="0" bgcolor="#000000"style="border-color:black" onClick="previouskey=event.srcElement.innerText">  <tr>    <td width="100%" bgcolor="#FFFFFF" id="result"    style="font:bold 20px Verdana;color:black;text-align='right'">0</td>  </tr>  <tr>    <td width="100%" valign="middle" align="center"><table border="0" width="100%"    cellspacing="0" cellpadding="0" style="font:bold 20px Verdana;color:white">      <tr>        <td width="80%" align="center"><table border="1" width="100%" cellspacing="0"        cellpadding="0" style="cursor:hand;font:bold 20px Verdana;color:white"        onMouseover="if (event.srcElement.tagName=='TD')event.srcElement.style.color='yellow'"        onMouseout="event.srcElement.style.color='white'" onselectStart="return false"        onClick="calculate()" height="82">          <tr>            <td width="25%" align="center" height="17">7</td>            <td width="25%" align="center" height="17">8</td>            <td width="25%" align="center" height="17">9</td>            <td width="25%" align="center" height="17">/</td>          </tr>          <tr>            <td width="25%" align="center" height="19">4</td>            <td width="25%" align="center" height="19">5</td>            <td width="25%" align="center" height="19">6</td>            <td width="25%" align="center" height="19">*</td>          </tr>          <tr>            <td width="25%" align="center" height="19">1</td>            <td width="25%" align="center" height="19">2</td>            <td width="25%" align="center" height="19">3</td>            <td width="25%" align="center" height="19">-</td>          </tr>          <tr>            <td width="25%" align="center" height="19">0</td>            <td width="25%" align="center" height="19"            onClick="pn();previouskey=1;event.cancelBubble=true">+/-</td>            <td width="25%" align="center" height="19">.</td>            <td width="25%" align="center" height="19">+</td>          </tr>        </table>        </td>        <td width="20%"><table border="1" width="100%" cellspacing="0"        cellpadding="0">          <tr>            <td width="100%" style="cursor:hand;font:bold 20px Verdana;color:white;text-align:center"            onClick="result.innerText=0;results=''">C</td>          </tr>        </table><table border="1" width="100%" cellspacing="0" cellpadding="0"        height="81">          <tr>            <td width="100%" style="cursor:hand;font:bold 32px Verdana;color:white;text-align:center"            onMouseover="event.srcElement.style.color='yellow'"            onMouseout="event.srcElement.style.color='white'" onClick="calculateresult()">=</td>          </tr>        </table>        </td>      </tr>    </table>    </td>  </tr></table><script language="JavaScript1.2">/*DHTML Calculator Script- © Dynamic Drive (www.dynamicdrive.com)For full source code, installation instructions,100's more DHTML scripts, and Terms OfUse, visit dynamicdrive.com*/var results=''var previouskey=''var re=/(/|*|+|-)/var re2=/(/|*|+|-){2}$/var re3=/.+(/|*|+|-).+/var re4=/d|./var re5=/^[^/*+].+d$/var re6=/./function calculate(){if (event.srcElement.tagName=="TD"){if (event.srcElement.innerText.match(re4)&&previouskey=="=")results=''if (result.innerText.match(re3)&&event.srcElement.innerText.match(re)){if (!results.match(re5)){result.innerText="Error!"return}results=eval(results)if (results.toString().length>=12&&results.toString().match(re6))results=results.toString().substring(0,12)result.innerText=results}results+=event.srcElement.innerTextif (results.match(re2))results=results.substring(0,results.length-2)+results.charAt(results.length-1)result.innerText=results}}function calculateresult(){if (!results.match(re5)){result.innerText="Error!"return}results=eval(results)if (results.toString().length>=12&&results.toString().match(re6))results=results.toString().substring(0,12)result.innerText=results}function pn(){if (result.innerText.charAt(0)!='-')result.innerText=results='-'+result.innerTextelse if (result.innerText.charAt(0)=='-')result.innerText=results=result.innerText*(-1)}</script>
خلفية موسيقية لصفحتك :
<script>



var musicsrc="http://arabteam.com/mofak.mid"

if (navigator.appName=="Microsoft Internet Explorer")

document.write('<bgsound src='+'"'+musicsrc+'"'+' loop="infinite">')

else 

document.write('<embed src="'+musicsrc+'" hidden="true" border="0" width="20" height="20" autostart="true" loop="true">')



</script>

ارجوا الإفادة وسأضيف العديد من السكربتات في القريب إن شاء الله ..

(gift) (f)

#2

مشكووووووووووووووور يا اخ موفق والله يوفقك ويعطيك العافيه.

#3

مشكووووووووووووووور يا اخ موفق والله يوفقك ويعطيك العافيه.

#4

السلام عليكم

الله يعطيك العافية يا سيد موفق اكواد ممتازة جدا (f)

رواد خميس حماد

#5

الف شكر لمبرمجنا المحترف.(f)

#6

شكرا لك و ها هو الموضوع مثبت مسبقا .. :)

You can fly while you can touch the sky

#7

شكراً(gift)

#8

قائمة جميلة تتحرك مع تحرك الصفحة إلى الأسفل وإلى الأعلى :

<SCRIPT LANGUAGE="JavaScript">function setVariables() {if (navigator.appName == "Netscape") {v=".top=";dS="document.";sD="";y="window.pageYOffset";}else {v=".pixelTop=";dS="";sD=".style";y="document.body.scrollTop";   }}function checkLocation() {object="object1";yy=eval(y);eval(dS+object+sD+v+yy);setTimeout("checkLocation()",10);}</script><div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; z-index:5"><table width=150 border=0 cellspacing=20 cellpadding=0 ><tr><td bgcolor="#EAEAEA"><CENTER><font face="Tahoma" size="4">القائمة</CENTER></font></td></tr><tr><td bgcolor="#FFFFCC" align="center"><font face="Tahoma" size="2">روائع الجافا</font>  </td></tr><tr><td bgcolor="#FFFFCC" align="center"><font face="Tahoma" size="2">تأثيرات النصوص</font>  </td></tr><tr><td bgcolor="#FFFFCC" align="center"><font face="Tahoma" size="2">تأثيرات الصور</font>  </td></tr><tr><td bgcolor="#FFFFCC" align="center"><font face="Tahoma" size="2">راسلني</font></td></tr></table></div>
 

وعدل وسم الجسم حتى يبدو كالتالي :

 

 

 

 

 

 

<body OnLoad="setVariables();checkLocation()">
 

صورة تتحرك من الأسفل إلى الأعلى ويمكن إضافة ماتشاء من اللينكات :

 

<div id="point1" STYLE="position:absolute;visibility:visible;"><!--Please delete this table and insert into your html elements--><table border="0" cellspacing="0" cellpadding="0"><tr><td><a href="http:////////////////'>http:////////////////"><img src="ضع هنا إسم ومسار ولاحقة الصورة" width=96 height=60 alt="" border="0"></a></td></tr><tr><td><center><a href="http:////////////"><font face="Arial" size="2" color="#0000FF">Dynamic Drive</font></a></center></td></tr><tr><td><center><a href="http://www.mofak.8m.com"><font face="Arial" size="2" color="#0000FF">What's New</font></a></center></td></tr></table><!--End of the customizable area, please do not delete div the tag --></div><script LANGUAGE="JavaScript1.2">var XX=20; // X position of the scrolling objectsvar xstep=1;var delay_time=60;//Begin of the unchangable area, please do not modify this areavar YY=0;  var ch=0;var oh=0;var yon=0;var ns4=document.layers?1:0var ie=document.all?1:0var ns6=document.getElementById&&!document.all?1:0if(ie){YY=document.body.clientHeight;point1.style.top=YY;}else if (ns4){YY=window.innerHeight;document.point1.pageY=YY;document.point1.visibility="hidden";}else if (ns6){YY=window.innerHeightdocument.getElementById('point1').style.top=YY}function reloc1(){if(yon==0){YY=YY-xstep;}else{YY=YY+xstep;}if (ie){ch=document.body.clientHeight;oh=point1.offsetHeight;}else if (ns4){ch=window.innerHeight;oh=document.point1.clip.height;}else if (ns6){ch=window.innerHeightoh=document.getElementById("point1").offsetHeight}  if(YY<0){yon=1;YY=0;}if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}if(ie){point1.style.left=XX;point1.style.top=YY+document.body.scrollTop;}else if (ns4){document.point1.pageX=XX;document.point1.pageY=YY+window.pageYOffset;}else if (ns6){document.getElementById("point1").style.left=XXdocument.getElementById("point1").style.top=YY+window.pageYOffset}}function onad(){if(ns4)document.point1.visibility="visible";loopfunc();}function loopfunc(){reloc1();setTimeout('loopfunc()',delay_time);}if (ie||ns4||ns6)window.onload=onad</script>
 

(gift) (f)

#9

اقتراحي هو ان توضع الأكواد على شكل ملفات مضغوطة في الموضوع هنا أو على صفحة خارجية في أحد المواقع المجانية وشكراً لك على الأكواد

بالمناسبة لم تقل لي اين تعيش في سوريا.:(

#10

السلام عليكم :

أهلا بك أخي زعيم وبكل أهل الخالدية ....

نا ساكن في حمص على طريق الشام ..............

وبالنسبة لإضافة الملفات أريد أن أعرف رأي المشرفين في هذه المسألة بالسنبة لي أسهل أما بالنسبة للمتصفح فإنه أظن أصعب لأنه بحالتنا هذه يكتفي بالدخول إلى الصفحة فتحفظ لدية كل الكودات ........

(gift)(f)

#11

بس الملفات المضغوطة اسهل بالتصنيف والحفظ

وهكذا جيدة

وشكراً لك على كل شيء.(f)

#12

:

#14

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

[WEB]http://www27.brinkster.com/mofak/javacode/javacod.htm[/WEB]

#15

جزاكم الله كل خير و جعل الله خيرك في ميزان حسناتك

سبحانك اللهم و بحمدك ، أشهد أن لا إله إلا أنت ، أستغفرك ربي و أتوب إليك

مدونتي

http://www.facebook.com/brmjt

#16

مرور كتابة في صندوق نص :

أرجوا أن ينال الكود إعجابكم : قم بنسخة ولصقه في صفحتك :

<html>

<head>



<SCRIPT LANGUAGE="JavaScript">



<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->



<!-- Begin

var display_text  = "السلام عليكم ورحمة الله , "

+ " الفريق العربي للبرمجة "

+ " أرجوا أنا ينال الكود إعجابكم  "

var display_text;

var place;

var meter; 

var out = " ";

var place = 50;

function scroll_text() {

for (meter = 0; meter < place; meter++) {

out += " "}

if (place >= 0)

out += display_text

else out = display_text.substring(-place,display_text.length)

document.scroll_form.field.value = out

out = " "

place--

if (place < -(display_text.length)) {

place = 50

}

setTimeout('scroll_text()',100)

}

// End -->

</SCRIPT>





<title></title>

</head>





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



<CENTER>

<FORM NAME="scroll_form">

<input type="button" name="button_one" value="Start" onClick="scroll_text()">

<input type="text" name="field" size="50">

</FORM>

</CENTER>



<p>أضف ماتريد من الكتابات لتظهر في مربع النص</p>

<p> </p>

<p><a href="Htttp:%20//www31.brinkster.com/alostora"><span dir="LTR">Http:

//www31.brinkster.com/alostora</span><span lang="AR-SA" style="font-size: 14.0pt; mso-ansi-font-size: 10.0pt; font-family: Traditional Arabic; mso-bookmark: _Hlt28931642"><o:p>

</o:p>

</span></a><a name="_Hlt28931642"></a></p>

<p> </p>
#17

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

بجد الأكواد اللى انت حاططها دى جمليه جداً جداً بس ياريت متنفذش حكايه الملفات المضغوطه عشان فى ناس غلابه زينا عايزين الحاجات دى عشان نتعلم وبجد انت مشكور مشكور انا مش عارف اقولك ايه

طب هوه ممكن ادخل فلاشات لصفحه html من غير الجافا سكربت ولا لازم جافا

وبجد متشكر جداً...

#18

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

انا درست javascript&html&css&dhtml

بس ياجماعة انا مس اعرف لحد دلوقتى اوظف اى حاجة فيهم لان مش فاهمة كل حاجة وكل عنصر هوظفه ازاى وامتى بستخدمهم

ياريت حد يفهمنى عشان اقدر اعمل انا الكود بتاعى مش انقله وخلاص

ربنا يكرمكم جميعا

#19

ممكن بقى يا باشا تجبلي كود التاريخ الهيجري والميلادي مع بعض ومعاهم الساعة

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…