daily pastebin goal
42%
SHARE
TWEET

Untitled

a guest Dec 7th, 2017 48 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
Top