Olá estou com uma dúvida, estou tentando inserir um cursor com progressão de valores em um site, tentei utilizar um elemento do wix parecido com o modelo que achei, e criei uma base de dados e conectei ao cursor para que quando movimentasse a barra o texto ao lado fosse alterando conforme a base de dados. Porém em contato com o suporte do wix foi informado que só seria possível via código. Alguém consegue me ajudar como faço pra fazer algo parecido? Segue em anexo a foto do modelo que encontrei e de como tentei fazer no wix.
top of page
EN
PT
A lista de desejos é a nova plataforma oficial para solicitação de novos recursos. Você pode votar, comentar e acompanhar o status dos recursos solicitados - Disponível apenas em inglês.
bottom of page
@Matheus Alexandre Deu certo, agora funcionou, muito obrigado pela ajuda!!
Olá @Matheus Alexandre Tudo bem?
Tentei usar o seu código, ele quase me atendeu, porém eu preciso que alguns valores próprios sejam adicionados a caixa de texto, não o do próprio slider, pra isso tentei usar uma estrutura condicional para atribuir os valores ao campo de texto à medida que o slider se mova, eu previamente configurei o slider para evoluir de 50 em 50 do valor inicial de 300 até 1000 atribuindo os respectivos valores. Mas ele não pula de valor, apenas fica atribuído o da primeira condição ao campo de texto e não muda para as outras. Você consegue me ajudar? Segue em anexo o print do código que usei
//função para formatação de moeda, padrão BRL function currency(v, unit = 'R$') { const options = { style: 'currency', currency: 'BRL' } return new Intl.NumberFormat('pt-BR', options).format(v) } $w.onReady(function () { //Atualiza o valor assim que a página carregar $w('#text23').text = currency($w('#slider1').value) //Atualiza o valor quando ele é alterado no seletor $w('#slider1').onChange(event => { $w('#text23').text = currency(event.target.value) if ('#slider1'.valueOf(300)) { $w('#text23').text = 'R$ 175.127,52'; } else if ('#slider1'.valueOf(350)) { $w('#text23').text = 'R$ 208.046,23'; } else if ('#slider1'.valueOf(400)) { $w('#text23').text = 'R$ 240.964,94'; } else if ('#slider1'.valueOf(450)) { $w('#text23').text = 'R$ 273.883,64'; } else if ('#slider1'.valueOf(500)) { $w('#text23').text = 'R$ 306.802,35'; } else if ('#slider1'.valueOf(550)) { $w('#text23').text = 'R$ 339.721,06'; } else if ('#slider1'.valueOf(600)) { $w('#text23').text = 'R$ 372.639,77'; } else if ('#slider1'.valueOf(650)) { $w('#text23').text = 'R$ 405.558,47'; } else if ('#slider1'.valueOf(700)) { $w('#text23').text = 'R$ 438.477,18'; } else if ('#slider1'.valueOf(750)) { $w('#text23').text = 'R$ 438.477,18'; } else if ('#slider1'.valueOf(800)) { $w('#text23').text = 'R$ 504.314,59'; } else if ('#slider1'.valueOf(850)) { $w('#text23').text = 'R$ 537.233,30'; } else if ('#slider1'.valueOf(900)) { $w('#text23').text = 'R$ 537.233,30'; } else if ('#slider1'.valueOf(950)) { $w('#text23').text = 'R$ 603.070,72'; } else { $w('#text23').text = 'R$ 635.989,42'; } }) });
Oi @Gabriel Adriovane Scheidt
Vou deixar um código de exemplo que inclui a formatação de moeda.
//função para formatação de moeda, padrão BRL function currency(v, unit = 'R$') { const options = { style: 'currency', currency: 'BRL' } return new Intl.NumberFormat('pt-BR', options).format(v) } $w.onReady(function () { //Atualiza o valor assim que a página carregar $w('#text1').text = currency($w('#slider1').value) //Atualiza o valor quando ele é alterado no seletor $w('#slider1').onChange(event => { $w('#text1').text = currency(event.target.value) }) });
Resultado:
Espero ter ajudado!