Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 5 de 5

Tema: Una calculadora para tu web.

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    24 sep, 05
    Mensajes
    118
    Poder de Reputación
    14

    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:
    Código:
    <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
    Código:
    .drag {
    	CURSOR: hand; POSITION: relative
    }
    y esto en el lugar que queramos que aparezca la calculadora.
    Código:
    <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:
    http://javascripts.astalaweb.com/_in...entaci%F3n.asp

  2. #2
    Me va gustando esto... Habitante
    Fecha de Ingreso
    24 sep, 05
    Mensajes
    118
    Poder de Reputación
    14
    Funciona!!! :D

  3. #3
    Administrador CCTW Webmaster de CCTWHabitante
    Fecha de Ingreso
    11 ago, 05
    Ubicación
    Cartagena, España
    Mensajes
    3,721
    Poder de Reputación
    10
    Gracias Max, no está nada mal.

    Un abrazo colega!

  4. #4
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    30 nov, 05
    Mensajes
    884
    Poder de Reputación
    18
    Muchas gracias, habra que probarlo :)

  5. #5
    Me va gustando esto... Habitante
    Fecha de Ingreso
    24 sep, 05
    Mensajes
    118
    Poder de Reputación
    14
    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 ;)

Temas Similares

  1. crear calculadora de pagerank
    Por Barracuda en el foro Promoción
    Respuestas: 1
    Último Mensaje: 14/10/2009, 12:16

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •