Foros del Web » Programando para Internet » Javascript »

Convertidor con javascript y ajax

Estas en el tema de Convertidor con javascript y ajax en el foro de Javascript en Foros del Web. Hola, quiero saber como hacer un convertidor de puntos por ejemplo. Cada 100 puntos A son 10 puntos B Pero quiero que lo haga en ...
  #1 (permalink)  
Antiguo 05/05/2012, 20:22
 
Fecha de Ingreso: abril-2012
Mensajes: 87
Antigüedad: 7 años, 10 meses
Puntos: 1
Convertidor con javascript y ajax

Hola, quiero saber como hacer un convertidor de puntos por ejemplo.

Cada 100 puntos A son 10 puntos B

Pero quiero que lo haga en el momento mientras estas metiendo la cantidad, que lo almacene en una variable para yo poder hacer la conersión.

Ejemplo de lo que tengo echo: http://www.wowdersus.com/soap.php

Gracias, si quiere mas datos diganmelo.
  #2 (permalink)  
Antiguo 05/05/2012, 21:01
Avatar de chwc  
Fecha de Ingreso: julio-2008
Ubicación: Buenos Aires ! :D
Mensajes: 814
Antigüedad: 11 años, 6 meses
Puntos: 103
Respuesta: Convertidor con javascript y ajax

al input donde se ingresa, ponele type="number", y agregale onchange="cambiarCantidad(this.value)",
agrega la funcion cambiarCantidad a js.
agrega al input que es readonly ( el que queremos cambiar ) un id, por ejemplo idInputReadOnly
Código Javascript:
Ver original
  1. function cambiarCantidad(entrada){
  2. if(entrada<0)
  3. document.getElementById('idInputReadOnly').value=Math.floor(entrada/10);
  4. else
  5. document.getElementById('idInputReadOnly').value=0;
  6. }
saludos
  #3 (permalink)  
Antiguo 06/05/2012, 05:53
 
Fecha de Ingreso: abril-2012
Mensajes: 87
Antigüedad: 7 años, 10 meses
Puntos: 1
Respuesta: Convertidor con javascript y ajax

Esto es un prueba de lo que quiero hacer

JavaScript:

Código Javascript:
Ver original
  1. function CambiarDersus()
  2. {
  3.     var vp;
  4.         var maximo;
  5.         var heroes;
  6.         maximo=document.forms['cambiar'].maximo.value;
  7.         if (isNaN(document.forms['cambiar'].amount.value))
  8.         {
  9.             document.forms['cambiar'].amount.value.focus();
  10.             return false;
  11.         }
  12.         if(document.forms['cambiar'].amount<=0)
  13.         {
  14.            alert("Error:\nIntroduzca una cantidad.");
  15.            document.forms['cambiar'].amount.value.focus();
  16.            return false;
  17.         }
  18.     vp=document.forms['cambiar'].amount.value;
  19.    
  20.     heroes=vp * 2;
  21.         if(heroes>maximo * 2)
  22.         {
  23.             heroes=maximo * 2;
  24.         }
  25.     document.forms['cambiar'].heroes.value=heroes;
  26. }


Formulario:

Código HTML:
Ver original
  1. <form name="cambiar" method="POST" action="" autocomplete="off">
  2. <center>
  3.     <div style="max-width:250px; max-height:250px; background-color:#e7e7e7; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 0 6px #333; -moz-box-shadow: 0 0 6px #333; -webkit-box-shadow: 0 0 6px #333;"><br><br>
  4.         Perder&aacute;s:
  5.         <input style="max-width:40px; border-style:solid; border-width:1px; border-color:#999; text-align:right;" type="text" id="vpamount" name="amount" value="0" onKeyUp="javascript:CambiarDersus();" onFocus="if (this.value=='0') this.value='';"></input>
  6.         <span><img src="wow/static/images/shop/votes.png" height="15" width="15" style=""></img></span><br>
  7.         <input type="hidden" name="maximo" value="0"></input>
  8.         Recibir&aacute;s:
  9.         <input style="max-width:40px; background-color:transparent; border-style:none; text-align:right;" type="text" name="heroes" value="0" readonly></input>
  10.         <span><img src="wow/static/images/shop/titanio.png" height="15" width="15" style=""></img></span><br><br><br>
  11.     </div><br><br>
  12.     <input type="submit" name="Convertir" value="Cambiar">
  13. </center>
  14. </form>
  #4 (permalink)  
Antiguo 06/05/2012, 07:15
 
Fecha de Ingreso: abril-2012
Mensajes: 87
Antigüedad: 7 años, 10 meses
Puntos: 1
Respuesta: Convertidor con javascript y ajax

Ok, ya me funciona ahora lo que quiero hacer es que cuando me haga la conversion y me lo este mostrando que si en numero no es entero que se aproxime a mas proximo.

Por ejemplo:

Pon pon 10 y me pone abajo 0.5, pues quiero que me lo aproxime a 0 o 1 segun.

Etiquetas: ajax, convertidor, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:20.