Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

yakiiie

Criar uma box que calcula o valor

Por , em Desenvolvimento frontend

Recommended Posts

yakiiie    2

yakiiie
Postado

Olá, meu website: http://brasilelojob.com.br/ que estou desenvolvendo,

 

Queria colocar uma tabela igual a esta:

 

2exqc0g.png

 

(Pode ser vista funcional aqui : http://elojobbrasil.com.br/loja/ )

 

Outro exemplo:

 

http://elojobking.com/loja/

 

Mais um exemplo:

 

http://www.elojobmax.com.br/service/elojob

 

--------------

 

Como eu conseguiria fazer isto? Só sei HTML, CSS realmente ainda não sei nada, nem como funciona na verdade...

 

O template do meu website foi baixado e editado =\

Compartilhar este post

Link para o post
Compartilhar em outros sites

yakiiie    2

yakiiie
Postado

Sabe se aqui tem pessoas que fazem esse serviço? E quanto cobram '-'...

 

É que preciso pra ontem disso, e não vou ter tempo suficiente =\

Compartilhar este post

Link para o post
Compartilhar em outros sites

yakiiie    2

yakiiie
Postado

Cara, qualquer evento onChange você acha um copy/paste no google.

 

É uma função básica, só definir que a option do select executará um tipo de ação e pronto.

Eu verifiquei, o evento

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onchange

 

Não é exatamente oque eu quero, pois por exemplo vou citar por nível que fica mais rapido o entendimento

 

Você escolhe que nível você está (de 1 a 10) e até que nível gostaria de chegar (1 a 10)

 

e o resultado mostra o valor referente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

reebr    94

reebr
Postado

Tem várias formas de fazer.

 

Onde devo colocar o código Javascript em um documento HTML?

 

Pode colocar o código antes de fechar a tag body, dentro de uma tag script.

<body>

  <!-- A marcação do select -->

  <script>

    /* javascript*/

  </script>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

reebr    94

reebr
Postado

Eu fiz um exemplo pra mostrar o evento de change sendo usado, é bom que você revise o código antes de colocar no seu site porque foi somente um exemplo, você precisa fazer as mudanças para atender as necessidades do seu negócio (que não sei quais são). Só para ter uma ideia, coloquei "Mestre" no primeiro select e "Bronze 5" no segundo, o resultado foi R$ -690,00.

 

Para a fonte você pode usar a propriedade "font-size":

https://developer.mozilla.org/pt-BR/docs/Web/CSS/font-size

 

Exemplo: http://jsfiddle.net/re22/c88fsm57/

Compartilhar este post

Link para o post
Compartilhar em outros sites

yakiiie    2

yakiiie
Postado

Eu fiz um exemplo pra mostrar o evento de change sendo usado, é bom que você revise o código antes de colocar no seu site porque foi somente um exemplo, você precisa fazer as mudanças para atender as necessidades do seu negócio (que não sei quais são). Só para ter uma ideia, coloquei "Mestre" no primeiro select e "Bronze 5" no segundo, o resultado foi R$ -690,00.

 

Para a fonte você pode usar a propriedade "font-size":

https://developer.mozilla.org/pt-BR/docs/Web/CSS/font-size

 

Exemplo: http://jsfiddle.net/re22/c88fsm57/

Sim, eu dei uma lida e usei o seguinte código:

 

<style>
#current-level { font-size: medium }
#expected-level { font-size: medium }
</style>

Deixando o texto assim:

 

263cv29.png

 

Ficou bacana agora, consegui felizmente deixar ele mais "adequado" ao site.

 

--------------

 

Realmente, eu verifiquei e está dando valores negativos, dei uma pesquisada e não achei como tornar valores inferiores a 0, como nulo (Mostrar 0)

 

Poderia me ajudar neste quisito também?

Desde já agradeço a colaboração e a paciencia :)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito