Guest User

Untitled

a guest
Dec 7th, 2017
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.64 KB | None | 0 0
  1. <select id="calcOrcamento" class="form-control" required="required" name="modelo" onBlur="validaModelo(this); ">
  2. <option value="" disabled selected>Selecione um Modelo</option>
  3. <option id="estrelas" value="7" >4 Entrelas </option>
  4. <option id="piramide" value="10" >Pirâmide </option>
  5. <option id="eclipse" value="7" >Eclipse </option>
  6. <option id="concavo" value="7" >Côncavo </option>
  7. <option id="quadradinha" value="16" >Quadradinha </option>
  8. <option id="onda" value="8" >Onda </option>
  9. <option id="mosaico" value="13" >Mosaico </option>
  10. <option id="santome" value="10" >Santo Mé </option>
  11. </select>
  12.  
  13. <div id="exibe"></div>
  14.  
  15. <div>
  16. <input type="button" value="Calcular" onClick="calculaValor();"/>
  17. </div>
  18.  
  19. function calculaValores(modelo,altura,largura){
  20. var area = altura*largura;
  21. var calc = parseFloat((area*modelo).toFixed(2));
  22. var valor = parseFloat((area*120).toFixed(2));
  23. document.getElementById('exibe').innerHTML = "<b>Quantidade de Placas: " + calc + "<br> Valor Instalação: " + valor + "</b>";
  24. document.calculaOrc.submit;
  25. }
  26.  
  27. function calculaValor(){
  28. var estrelas = (document.getElementById('estrelas') ,'4estrelas' );
  29. var piramide = (document.getElementById('piramide') ,'piramide' );
  30. var eclipse = (document.getElementById('eclipse') ,'eclipse' );
  31. var concavo = (document.getElementById('concavo') ,'concavo' );
  32. var quadradinha = (document.getElementById('quadradinha') ,'quadradinha');
  33. var onda = (document.getElementById('onda') ,'onda' );
  34. var mosaico = (document.getElementById('mosaico') ,'mosaico' );
  35. var santome = (document.getElementById('santome') ,'santome' );
  36. var placa = [estrelas,piramide,eclipse,concavo,quadradinha,onda,mosaico,santome];
  37.  
  38. var altura = document.getElementById('altura') .value;
  39. var largura = document.getElementById('largura').value;
  40. var i;
  41. for(i=0 ; i<=placa.length ; i++){
  42. switch(placa[i]){
  43. case '4estrelas':
  44. var estrela = (document.getElementById('estrelas').value);
  45. calculaValores(estrela,altura,largura);
  46. break;
  47.  
  48. case 'piramide':
  49. var piramide = (document.getElementById('piramide').value);
  50. calculaValores(piramide,altura,largura);
  51. break;
  52.  
  53. case 'eclipse':
  54. var eclipse = (document.getElementById('eclipse').value);
  55. calculaValores(eclipse,altura,largura);
  56. break;
  57.  
  58. default:
  59. break;
  60. }
  61. }
  62. }
  63.  
  64. function validaModelo(modelo){
  65. var msg = "Modelo Inválido.";
  66. var info = "Selecionar um Modelo";
  67.  
  68. if(modelo.value == ''){
  69. estilizandoErro(modelo,msg,info);
  70.  
  71. }
  72. }
  73.  
  74. function estilizandoErro(variavel,msg,info){
  75. variavel.value = "";
  76. variavel.placeholder = msg;
  77. variavel.style.borderColor = "#ff0000";
  78. variavel.style.outline = "#ff0000";
  79. variavel.focus();
  80. variavel.onkeydown = function keydown_nome(){
  81. variavel.placeholder = info;
  82. variavel.style.borderColor = "#999999";
  83. variavel.style.outline = null;
  84. }
  85. }
  86.  
  87. <script>
  88. function calculaValores(modelo, altura, largura) {
  89. var area = altura * largura;
  90. var calc = parseFloat((area * modelo).toFixed(2));
  91. var valor = parseFloat((area * 120).toFixed(2));
  92. document.getElementById('exibe').innerHTML = "<b>Quantidade de Placas: " + calc + "<br> Valor Instalação: " +
  93. valor + "</b>";
  94. document.calculaOrc.submit;
  95. }
  96.  
  97. function calculaValor() {
  98.  
  99. var placa = document.getElementById('calcOrcamento').value;
  100.  
  101. var altura = document.getElementById('altura').value;
  102. var largura = document.getElementById('largura').value;
  103.  
  104. calculaValores(placa, altura, largura);
  105. }
  106.  
  107. function validaModelo(modelo) {
  108. var msg = "Modelo Inválido.";
  109. var info = "Selecionar um Modelo";
  110.  
  111. if (modelo.value == '') {
  112. estilizandoErro(modelo, msg, info);
  113. }
  114. }
  115.  
  116. function estilizandoErro(variavel, msg, info) {
  117. variavel.value = "";
  118. variavel.placeholder = msg;
  119. variavel.style.borderColor = "#ff0000";
  120. variavel.style.outline = "#ff0000";
  121. variavel.focus();
  122. variavel.onkeydown = function keydown_nome() {
  123. variavel.placeholder = info;
  124. variavel.style.borderColor = "#999999";
  125. variavel.style.outline = null;
  126. }
  127. }
  128. </script>
Add Comment
Please, Sign In to add comment