إضافة آلة حاسبة إلكترونية لمدونتك أو موقعك 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="30"
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><a target="_blank" href="http://ar-plus.blogspot.com" style="TEXT-DECORATION: NONE">مدونة عرب بلس</a></b></font></p>





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

2 Comments