Una calculadora para tu web.

Hola!!
Como indica el título con este código podréis insertar una calculadora en vuestra web que además se puede mover por toda la página y que el visitante la pueda poner donde quiera.
Hay que insertar esto en la cabecera:

<script language="JavaScript1.2">
    <!--
     var ie=document.all
     var ns6=document.getElementById&&!document.all

     var dragapproved=false
     var z,x,y

     function move(e)
     {
          if (dragapproved)
          {
               z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
               z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
               return false
          }
     }

     function drags(e)
     {
          if (!ie&&!ns6)
               return
          var firedobj=ns6? e.target : event.srcElement
          var topelement=ns6? "HTML" : "BODY"

          while (firedobj.tagName!=topelement&&firedobj.className!="drag")
          {
               firedobj=ns6? firedobj.parentNode : firedobj.parentElement
          }

          if (firedobj.className=="drag")
          {
               dragapproved=true
               z=firedobj
               temp1=parseInt(z.style.left+0)
               temp2=parseInt(z.style.top+0)
               x=ns6? e.clientX: event.clientX
               y=ns6? e.clientY: event.clientY
               document.onmousemove=move
               return false
          }
     }

     document.onmousedown=drags
     document.onmouseup=new Function("dragapproved=false")
    //-->
   </script>

Esto en la hoja de estilos

.drag {
	CURSOR: hand; POSITION: relative
}

y esto en el lugar que queramos que aparezca la calculadora.

<div class="drag" id="calc" style="width: 169; height: 176">
  <form name="calculator">
    <table borderColor="gray" cellSpacing="1" cellPadding="0" width="150" bgColor="black" border="3">
      <tr>
        <td>

        <input style="color: red; background: black" size="19" name="ans" length="19">
        </td>
      </tr>
    </table>
    <table borderColor="gray" cellSpacing="2" cellPadding="2" width="150" bgColor="black" border="3">
      <tr>
        <td align="middle">
        <input onmousedown="document.calculator.ans.value+='7'" type="button" value="  7  " name="seven">
        </td>

        <td align="middle">
        <input onclick="document.calculator.ans.value+='8'" type="button" value="  8  " name="eight">
        </td>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='9'" type="button" value="  9  " name="nine">
        </td>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='/'" type="button" value="  /  " name="divide">
        </td>

      </tr>
      <tr>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='4'" type="button" value="  4  " name="four">
        </td>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='5'" type="button" value="  5  " name="five">
        </td>
        <td align="middle">

        <input onclick="document.calculator.ans.value+='6'" type="button" value="  6  " name="six">
        </td>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='*'" type="button" value="  *  " name="multiply">
        </td>
      </tr>
      <tr>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='1'" type="button" value="  1  " name="one">

        </td>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='2'" type="button" value="  2  " name="two">
        </td>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='3'" type="button" value="  3  " name="three">
        </td>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='-'" type="button" value="  -  " name="subtract">

        </td>
      </tr>
      <tr>
        <td align="middle">
        <input onclick="document.calculator.ans.value=''" type="button" value="  C  " name="clear">
        </td>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='0'" type="button" value="  0  " name="zero">
        </td>

        <td align="middle">
        <input onclick="document.calculator.ans.value=eval(document.calculator.ans.value)" type="button" value="  =  " name="equal">
        </td>
        <td align="middle">
        <input onclick="document.calculator.ans.value+='+'" type="button" value="  +  " name="add">
        </td>
      </tr>
    </table>
  </form>

</div>

No sé casi nada javascript y he tenido que sacar el script del código fuente de una página que contenía la calculadora. Aunque creo que está bien es posible que me haya dejado algo, voy a hacer pruebas para ver si funciona correctamente.
Podéis encontrar más códigos en:
:arrow: http://javascripts.astalaweb.com/_inicio/Presentaci%F3n.asp

Funciona!!! :D

Gracias Max, no está nada mal.

Un abrazo colega! :wink:

Muchas gracias, habra que probarlo :)

La pregunta que me hago ¿Para que sirve una calculadora en una web?
La verdad es que la única utilidad que le veo es para una tienda on line, para que los visitantes hagan sus cuentas y eso.
Pero me gustó mucho cuando la ví en esa web (que por cierto os recomiendo y visitad también el buscador de hosting que tienen, os puede ser de gran ayuda si necesitáis un hosting).
Intentaré traerme más códigos cuando tenga más tiempo.
Gracias a vosotros y un abrazo ;)