نبذة : كود ينشئ لك آلة حاسبة بسيطة بموقعك
تستطيع وضعها بصفحة مستقلّة برابط فى الرئيسية أو بلوك الخدمات بالموقع
وتستطيع التحكّم بألوانها من خلال اكواد الألوان بداخل الكود التالى
مثال : كما بالصورة
التركيب :
ضع الكود التالى بالمكان الذي تريد أن يظهر هذا السكربت فيه بالصفحة ...
ضع الكود في منطقة الـ ( <body> )
كود:
<form name=mef>
<input type=hidden name=dafunction value="">
<input type=hidden name=tempnum value="">
<input type=hidden name=daboo value="">
<input type=hidden name=memob value="0">
<script language=javascript>
function numbers(x) {
var daboo= dcidcidocument.mef.daboo.value;
var dafunction = dcidcidocument.mef.dafunction.value;
var deccheck = dcidcidocument.mef.results.value;
if(dcidcidocument.mef.results.value == "0" && deccheck.indexOf('.')=="-1") {
dcidcidocument.mef.results.value = "";
}
if(daboo != "true") {
dcidcidocument.mef.results.value=dcidcidocument.mef.results.value+x;
} else {
dcidcidocument.mef.results.value=x;
dcidcidocument.mef.daboo.value="";
}
}
function add() {
if(dcidcidocument.mef.tempnum.value){
gofigure();
}
dcidcidocument.mef.dafunction.value='+';
dcidcidocument.mef.daboo.value='true';
dcidcidocument.mef.tempnum.value=dcidcidocument.mef.results.value;
}
function subtract() {
if(dcidcidocument.mef.tempnum.value){
gofigure();
}
dcidcidocument.mef.dafunction.value='-';
dcidcidocument.mef.daboo.value='true';
dcidcidocument.mef.tempnum.value=dcidcidocument.mef.results.value;
}
function multiply() {
if(dcidcidocument.mef.tempnum.value){
gofigure();
}
dcidcidocument.mef.dafunction.value='*';
dcidcidocument.mef.daboo.value='true';
dcidcidocument.mef.tempnum.value=dcidcidocument.mef.results.value;
}
function divide() {
if(dcidcidocument.mef.tempnum.value){
gofigure();
}
dcidcidocument.mef.dafunction.value='/';
dcidcidocument.mef.daboo.value='true';
dcidcidocument.mef.tempnum.value=dcidcidocument.mef.results.value;
}
function oneoverx() {
dcidcidocument.mef.results.value=1/eval(dcidcidocument.mef.results.value);
}
function percenta() {
var whatdo = dcidcidocument.mef.dafunction.value;
var percnumber = dcidcidocument.mef.results.value / 100;
if(dcidcidocument.mef.tempnum.value){
dcidcidocument.mef.results.value = eval(dcidcidocument.mef.tempnum.value)*percnumber;
} else {
dcidcidocument.mef.results.value = "0";
}
dcidcidocument.mef.tempnum.value="";
dcidcidocument.mef.dafunction.value="";
}
function squaroot() {
dcidcidocument.mef.results.value=Math.sqrt(dcidcidocument.mef.results.value);
}
function plusminus() {
var xy = dcidcidocument.mef.results.value;
if(xy == "0"){
return false;
}
if(xy.indexOf("-") == "0") {
xy = xy.substring(1,xy.length);
} else {
xy = "-" + xy;
}
dcidcidocument.mef.results.value = xy;
}
function backspace() {
//ignore if zero already.//
if(dcidcidocument.mef.results.value=="0") {
return false; }
//length of the text field//
var numlength = dcidcidocument.mef.results.value;
//subtract one.//
var newresult = numlength.length-1;
//set to new value -1;//
dcidcidocument.mef.results.value = numlength.substring(0,newresult);
//set to zero if nothing left.
if(dcidcidocument.mef.results.value=="") {dcidcidocument.mef.results.value ="0";}
}
function clearfu() {
dcidcidocument.mef.tempnum.value="";
dcidcidocument.mef.results.value="0";
dcidcidocument.mef.dafunction.value="";
}
function gofigure() {
if(dcidcidocument.mef.tempnum.value==".") {
return false;
}
var whatdo = dcidcidocument.mef.dafunction.value;
if(whatdo=="+"){
dcidcidocument.mef.results.value = eval(dcidcidocument.mef.results.value) + eval(dcidcidocument.mef.tempnum.value);
}
else if(whatdo=="-"){
dcidcidocument.mef.results.value = eval(dcidcidocument.mef.tempnum.value)-eval(dcidcidocument.mef.results.value);
}
else if(whatdo=="*"){
dcidcidocument.mef.results.value = eval(dcidcidocument.mef.results.value) * eval(dcidcidocument.mef.tempnum.value);
}
else if(whatdo=="/"){
dcidcidocument.mef.results.value = eval(dcidcidocument.mef.tempnum.value)/eval(dcidcidocument.mef.results.value) ;
}
dcidcidocument.mef.tempnum.value="";
dcidcidocument.mef.dafunction.value="";
}
</script>
<script language=javascript>
<!--//
if (navigator.appName == "Netscape") {
dcidcidocument.write("<h3 align=center>Looks Like you're using netscape. Because Netscape is a lousy browser and doesn't do a very good job with CSS the below looks aweful. Please Use Internet Explorer and Not the buggy netscape navigotor.</h3>");
}
//-->
</script>
<table style="border-style:inset;border-width:2px;" bgcolor=#3399ff><tr>
<td>
<p align="center"><span lang="ar-sa"><b><font face="verdana" color="#FFFFFF">آلة
حاسبة</font></b></span></td></tr><tr>
<td><input type=text value="0" size=33 name=results></td>
</tr>
<tr><td>
<input type=text name=memry style="background-color:#cccccc;" size=2>
<input type=button value="Backspace" style="background-color:#CCCCCC;color:red;width:67px;height:27px;font-size:10px;" OnClick="backspace()"> <input type=button value=" CE " style="background-color:#CCCCCC;color:red;width:67px;height:27px;font-size:10px;" OnClick="clearfu()"> <input type=button value=" C " style="background-color:#CCCCCC;color:red;width:57px;height:27px;font-size:10px;" OnClick="clearfu()">
</td></tr><tr>
<td>
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" MC " OnClick="dcidcidocument.mef.memry.value=' ',dcidcidocument.mef.memob.value='0'">
<input type=button value=" 7 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(7)"> <input type=button value=" 8 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(8)"> <input type=button value=" 9 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(9)">
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" / " OnClick="divide()">
<input type=button style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" value="sqrt" OnClick="squaroot()">
</td></tr><tr>
<td>
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value="MR" OnClick="dcidcidocument.mef.results.value=dcidcidocument.mef.memob.value">
<input type=button value=" 4 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(4)"> <input type=button value=" 5 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(5)"> <input type=button value=" 6 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(6)">
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" * " OnClick="multiply()">
<input type=button style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" value=" % " OnClick="percenta()">
</td></tr>
<tr>
<td>
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" MS ">
<input type=button value=" 1 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(1)"> <input type=button value=" 2 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(2)"> <input type=button value=" 3 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(3)">
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" - " OnClick="subtract()">
<input type=button style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" value=" 1/x " OnClick="oneoverx()">
</td>
</tr><tr>
<td>
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" M+ " OnClick="dcidcidocument.mef.memry.value=' M',dcidcidocument.mef.memob.value=dcidcidocument.mef.results.value;">
<input type=button value="0" style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(0)"> <input type=button value="+/-" style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="plusminus() "> <input type=button value=" . " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers('.')"> <input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" + " OnClick="add()"> <input type=button style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" value=" = " OnClick="gofigure()">
</td></tr>
<tr><td> </td></tr>
</table>
ملاحظة : يمكنك تغيير لون الخلفية من خلال استبدال كود اللون بهذا السطر
بواسطة : محمّد نور
26-12-2007
الزيارات 319
85.36 كيلو بايت
سكربت جميل لا يحتاج إلى اعداد , فقط قم بتحميل الملف كاملا إلى موقعك ثم اطلب الملف prayer.php ,
من برمجة اخونا ابو محمد صاحب موقع المركز العربي للتصميم والبرمجة
بواسطة : محمّد نور
29-12-2007
الزيارات 244
206 بايت
نبذة : لعبة ممتعة تستطيع اضافتها بموقعك
بها تضغط زر :ابدأ اللعب ثم بالضغط على علامة x اسفل كل عمود تستطيع جمع النقاط منه
عندما تصل النقاط الى الأسفل معناها انتهت اللعبة
مثال :
صورة للعبة
التركيب :
فقط انسخ هذا الكود بالمكان الذى تريد ظهور اللعبة به
كود:
<SCRIPT LANGUAGE="JavaScript">
// ---- Make array
function MakeArray( n){
this.length = n;
for (var i = 1; i <= n; i++) {
this[i] = 0
}
return this
}
// ----- poor man's random number
var d0 = new Date();
var r0 = d0.getSeconds();
function poor_rand(){
d1 = new Date();
r0 = (r0 * r0 + r0 + d1.getSeconds()) % 3721 ;
return r0 % width_n;
}
// ---- Parameters of game
var height_n = 8;
var width_n =5;
// ---- state of game
var enemy = new MakeArray( width_n); // enemy positions
var wtime; // wait time
var score; // points
var gameover; // in case of gameover set to true
// ----- Make the battlefield.
dcidocument.write( "<CENTER><FORM NAME='fm1'>");
dcidocument.write( "<INPUT TYPE='text' NAME='message' SIZE=20>");
dcidocument.write( "</FORM>");
dcidocument.write( "<FORM NAME='fm2'><TABLE></CENTER>");
for( var i=0; i<height_n; i++){
dcidocument.write( "<TR>");
for( var j=0;j<width_n; j++){
dcidocument.write( "<TD><CENTER><INPUT TYPE='radio'></CENTER></TD>");
}
dcidocument.write( "</TR>");
}
dcidocument.write( "<TR>");
for( var j=0;j<width_n; j++){
dcidocument.write( "<TD><INPUT TYPE='button' VALUE='-x-' onClick='fire("
+ j + ")'></TD>");
}
dcidocument.write( "</TR>");
dcidocument.write( "</TABLE>");
dcidocument.write( "<CENTER><INPUT TYPE='button' VALUE='ابدأ اللعب' onClick='game_start()'></CENTER>");
dcidocument.write( "</FORM>");
// ----- game main timer event
// ----- enemy come one step
function come(){
var n = poor_rand();
dcidocument.fm2.elements[ width_n * enemy[n+1] + n].checked = true;
enemy[n+1]++;
if( enemy[n+1] < height_n){
setTimeout("come()", wtime);
}else{
gameover = true;
dcidocument.fm1.message.value = "انتهت اللعبة والنتيجة هي:" + score ;
}
}
// ----- Fire the n th beam
function fire( n){
if( gameover ) return;
for( var i=0; i<enemy[n+1]; i++){ // clear enemy
dcidocument.fm2.elements[ width_n * i + n].checked = false;
}
score += enemy[ n+1];
dcidocument.fm1.message.value = "عدد نقاطك هو:" + score;
enemy[ n+1] = 0;
if( wtime > 100){ wtime -= 10};
}
// ---- initialize & start game
function game_start(){
for( var n=0; n<width_n; n++){
for( var i=0; i<enemy[n+1]; i++){
dcidocument.fm2.elements[ width_n * i + n].checked = false;
}
enemy[n+1] = 0;
}
wtime = 400;
score = 0;
gameover = false;
dcidocument.fm1.message.value = "عدد نقاطك هو:" + score;
setTimeout("come()", wtime);
}
// -->
</SCRIPT>