الجزيرة

الجزيرة

الخميس، 2 مايو 2013

إضافة آلة حاسبة إلكترونية لمدونتك أو موقعك calculuator~حصريا


إضافة آلة حاسبة إلكترونية لمدونتك أو موقعك calculuator~حصريا


إضافة جميلة سنتطرق لها اليوم
آلة حاسبة بشكل جميل سهلة التركيب
تعمل على المواقع والمدونات
شكل الإضافة
calculator


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
والآن الشرح السريع
إذهب على التوالي إلى: 
تصميم|عناصر الصفحة|إضافة أداة|HTML/JvaScript
الصق الكود التالي في الأداة

<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> 
                      <font color="#CC0000" face="Arial"><p><b>الألة الحاسبة 
                        الإلكترونية</b></p></font> 
                        <form name="calc"> 
                        <div align="center"> 
                      <table border="1" bgcolor="#0033CC"> 
                          <tr> 
                            <td colspan="4"><input size="20" 
name="expr" action="compute(this.form)" /></td></tr> 
                          <tr> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, seven)" type="button" value="  7  " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, eight)" type="button" value="  8  " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, nine)" type="button" value="  9  " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, divide)" type="button" value="   /  " /></p></td></tr> 
                          <tr> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, four)" type="button" value="  4  " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, five)" type="button" value="  5  " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, six)" type="button" value="  6  " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, multiply)" type="button" value="  *  " /></p></td></tr> 
                          <tr> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, one)" type="button" value="  1  " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, two)" type="button" value="  2  " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, three)" type="button" value="  3  " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, minus)" type="button" value="   -  " /></p></td></tr> 
                          <tr> 
                            <td bgcolor="#000033" colspan=2> 
                              <p><input onclick="enter(this.form, zero)" type="button" value="       0       " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, decimal)" type="button" value="   .  " /></p></td> 
                            <td bgcolor="#000033"> 
                              <p><input onclick="enter(this.form, plus)" type="button" value="  +  " /></p></td></tr> 
                          <tr> 
                            <td bgcolor="#000033" colspan=2> 
                              <p><input onclick="compute(this.form)" type="button" value="   =   " /></p></td> 
                            <td bgcolor="#000033" colspan=2> 
                              <p><input onclick="clear(this.form)" type="reset" value="AC" /> 
                              </p></td></tr></table></div></form> 
                              <p align="center"> 
                              <font face="Courier , New tahoma , erdana, arial, helveticav" size="2" 
                              color="#0000FF"><b></b></font></p>




قم بحفظ الأداة وضعها في المكان الذي تريده

ليست هناك تعليقات:

إرسال تعليق