Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 135

Range Slide

04-03-2013 16:12

Galera to fazendo o esquema tudo certinho, gostaria de saber como passo o formato para o valor moeda.
tipo: R$ 4.520,52 / R$ 4.120.254,00

com pontos e virgulas, casas decimais tudo certinho.

http://jqueryui.com/slider/#range

Abraço.
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 135

Range Slide

04-03-2013 16:15


<html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Slider - Range slider</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function() { $( "#slider-range" ).slider({ range: true, min: 0, max: 500, values: [ 75, 300 ], slide: function( event, ui ) { $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); } }); $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) + " - $" + $( "#slider-range" ).slider( "values", 1 ) ); }); </script> </head> <body> <p> <label for="amount">Price range:</label> <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" /> </p> <div id="slider-range"></div> </body> </html>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17547
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Range Slide

04-03-2013 17:05

Você quer mostrar o valor formatado ali no Price range ?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 135

Range Slide

04-03-2013 17:12

É sim web, os valores aparecem inteiros, gostaria de colocar em formato moeda, decimal no caso.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17547
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Range Slide

04-03-2013 17:21

Eu acho que seu valor tem muita diferença, entre um e outro, então vai ser complicado ao deslizar, chegar a um valor fixo.

Dá uma olhada ai nesse exemplo

<html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Slider - Range slider</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function() { $( "#slider-range" ).slider({ range: true, min: 3000, max: 5000, step:0.10, values: [ 4520.52, 4550.30 ], slide: function( event, ui ) { $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); } }); $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) + " - $" + $( "#slider-range" ).slider( "values", 1 ) ); }); </script> </head> <body> <p> <label for="amount">Price range:</label> <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" /> </p> <div id="slider-range"></div> </body> </html>

Essa regra ai é a regra numérica para exibir os centavos. Mas você vai observar que não dá para definir um valor fixo só arrastando, tipo, $4589.2, $4589.3, etc...

Para formatar o texto, dá uma olhada nesse script http://code.google.com/p/jquery-numberformatter/ ou http://jquerypriceformat.com/
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 135

Range Slide

04-03-2013 17:27

ja ajudou bastante, vou usar o price format, é somente para ajustar os valores no formato R$
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17547
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Range Slide

04-03-2013 17:32

Blz.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 135

Range Slide

05-03-2013 15:49

web, mas como coloco o priceFormat no value, tentei assim e não pegou:

$(document).ready(function(){
$('#amount').priceFormat({
prefix: 'R$ ',
centsSeparator: ',',
thousandsSeparator: '.'
});
});
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17547
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Range Slide

05-03-2013 16:24

Esse #amount é o id do objeto que vai ter o valor formatado. Basta chamar o id do campo que você tem ai.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado