[SOLUCIONADO] Dar formato a numeros

xnco77 · #1 (**permalink**) 11/10/2013, 20:06

Hola foros

Quisiera saber si me pueden ayudar en lo siguiente. Estoy intentando usar una funcionalidad de Jquery que la pueden encontrar en la siguinte pagina: http://jqueryui.com/slider/#rangemin , pero necesito que el numero que se expresa se separa por puntos.

que si la persona pone $500mil aparezca $500.000 y no $500000

como tendría que hacer?

Este es el javascript que activa la funcion:

Código Javascript:

Ver original<script>
  $(function() {
    $( "#slider-range-min" ).slider({
      range: "min",
      value: 460000,
      min: 65000,
      max: 1179000,
      slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.value );
      }
    });
    $( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );
  });
  </script>

un saludo

Cuervoo · #2 (**permalink**) 12/10/2013, 06:47

Al parecer javascript no tiene pero podés usar esta:

Código Javascript:

Ver originalfunction format(input)
{
    var num = input.value.replace(/\./g,'');
    if(!isNaN(num)){ 
        num = num.toString().split('').reverse().join('').replace(/(?=\d*\.?)(\d{3})/g,'$1.');
        num = num.split('').reverse().join('').replace(/^[\.]/,'');
        input.value = num;
    }
    else{ alert('Solo se permiten numeros');
        input.value = input.value.replace(/[^\d\.]*/g,'');
    }
}

(sacada de http://tydw.wordpress.com/2008/07/03/javascript-como-formatear-un-numero-con-separador-de-miles/)

xnco77 · #3 (**permalink**) 12/10/2013, 09:56

Hola, gracias por responder, poco a poco voy desenredando lo que quiero, pero tengo un problema. Use el siguiente javascript que es parecido:

Código Javascript:

Ver original<SCRIPT LANGUAGE="JavaScript">
<!--
function format_num(id) {
var number = document.getElementById(id).value;
        number += '';
        number = number.replace(".","");
        x = number.split('.');
        x1 = x[0];
        x2 = x.length > 1 ? '.' + x[1] : '';
        var rgx = /(\d+)(\d{3})/;
        while (rgx.test(x1)) {
            x1 = x1.replace(rgx, '$1' + '.' + '$2');
        }
        document.getElementById(id).value = x1 + x2;
    }
//-->
</SCRIPT>

Pero cuando necesito que el numero cambie en el input solo lo hace con algun on, me explico, onClick="" o onFocus="" etc, pero yo necesito que sea automático a medida que se valla arrastrando el slider de formato a los números.

adjunto una captura del slider de pronto ayude a entender mejor:

Cuervoo · #4 (**permalink**) 12/10/2013, 13:59

No sé que plugin estás usando para la barra esa pero fijate si tiene un parametro para asignarle una funcion cuando cambie, como onchange como tienen muchos.

Por ejemplo:

Código Javascript:

Ver original$('#div').barra(
    width: 200,
    increment: 10,
    onchange: format_num(numero)
);

Revisa la documentacion del plugin y fijate que seguro te da alguna forma de manipular ese numero.

xnco77 · #5 (**permalink**) 12/10/2013, 17:45

Gracias amigo por la ayuda, ya pude, le agregue encima de todo en el header la siguiente linea html agregue lo siguiente:

Código HTML:

Ver original<html lang="es_ES" onMouseMove="document.getElementById('amount').click();" >

asi no hay que agregarle nada mas al script anterior, muchas gracias por la ayuda, un saludo.