Jump to content
Fórum Script Brasil
  • 0

Estou tendo um erro ao executar funções na minha planilha usando o HTML (sou novo nisso)


Question

Essa é a linha digitada:

 

  <html>
    <head>
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">   
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
      <form method="get" action=".">
      <div class="objeto">
        <div class="row">
        <div class="input-field col s6">
          <i class="material-icons prefix">person</i>
          <input id="Cliente" type="text">
          <label for="Cliente">Cliente</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">control_point</i>
          <input id="CPF" type="text" onkeyup = "MascaraCPF(this)" maxlength= "14">
          <label for="CPF">CPF</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">phone</i>
          <input id="Contato1" type="tel" onkeyup = "MascaraTelefone(this)" maxlength="14">
          <label for="Contato1">Contato1</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">phone</i>
          <input id="Contato2" type="tel" onkeyup = "MascaraTelefone2(this)" maxlength="14">
          <label for="Contato2">Contato2</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">email</i>
          <input id="E-mail" type="text">
          <label for="E-mail">E-mail</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">location_on</i>
          <input name= "cep" id="cep" type="text" value="" size="12" maxlength="10"
          onkeyup="MascaraCEP(this)"
          onblur="pesquisacep(this.value);">
          <label for="cep">CEP</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">streetview</i>
          <input id="rua" type="text">
          <label for="rua">Rua</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">control_point</i>
          <input id="Num" type="text">
          <label for="Num"></label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">control_point</i>
          <input id="Complemento" type="text">
          <label for="Complemento">Complemento</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">control_point</i>
          <input id="bairro" type="text">
          <label for="bairro">Bairro</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">location_city</i>
          <input id="cidade" type="text">
          <label for="cidade">Cidade</label>
        </div>
        <div class="input-fiel col s10">
        <button class="btn-floating btn-large waves-effect waves-light green" id= "btn1" type="submit" name="action">Salvar
        <i class="material-icons right">send</i>
        </button>
        <button class="btn-floating btn-large waves-effect waves-light light-blue" id= "btn2" type="submit" name="action">Pesq.
        <i class="material-icons right">send</i>
        </button>
        <button class="btn-floating btn-large waves-effect waves-light yellow" id= "btn3" type="submit" name="action">Editar
        <i class="material-icons right">send</i>
        </button>
        <button class="btn-floating btn-large waves-effect waves-light red" id= "btn4" type="submit" name="action">Apagar
        <i class="material-icons right">send</i>
        </button>
        <button class="btn-floating btn-large waves-effect waves-light black" id= "btn5" type="submit" name="action">Fechar
        <i class="material-icons right">send</i>
        </button>
        </div>
 
      </div>
      </div>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
      <script type = "text/javascript">
 
      function MascaraCPF(){
 
        var CampoCPF = document.getElementById("CPF");
        var CPF = CampoCPF.value;
        if (CPF.length == 3){
          CPF = CPF + "."
          CampoCPF.value = CPF;
          return true;
        };
        if (CPF.length == 7){
          CPF = CPF + "."
          CampoCPF.value = CPF;
          return true;
        };
        if (CPF.length == 11){
          CPF = CPF + "-"
          CampoCPF.value = CPF;
          return true;
        };
      };
      </script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
      <script type = "text/javascript">
 
      function MascaraCEP(){
 
        var CampoCEP = document.getElementById("cep");
        var CEP = CampoCEP.value;
        if (CEP.length == 2){
          CEP = CEP + "."
          CampoCEP.value = CEP;
          return true;
        }
        if (CEP.length == 6){
          CEP = CEP + "-"
          CampoCEP.value = CEP;
          return true;
        }       
      }
      </script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
      <script type = "text/javascript">
 
      function MascaraTelefone(){
 
        var CampoTel = document.getElementById("Contato1");
        var Tel = CampoTel.value;
        if (Tel.length == 1){
          Tel = "(" + Tel
          CampoTel.value = Tel;
          return true;
        }
        if (Tel.length == 3){
          Tel = Tel + ")"
          CampoTel.value = Tel;
          return true;
        }
        if (Tel.length == 9){
          Tel = Tel + "-"
          CampoTel.value = Tel;
          return true;
        }     
      }
      </script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
      <script type = "text/javascript">
 
      function MascaraTelefone2(){
 
        var CampoTel = document.getElementById("Contato2");
        var Tel = CampoTel.value;
        if (Tel.length == 1){
          Tel = "(" + Tel
          CampoTel.value = Tel;
          return true;
        }
        if (Tel.length == 3){
          Tel = Tel + ")"
          CampoTel.value = Tel;
          return true;
        }
        if (Tel.length == 9){
          Tel = Tel + "-"
          CampoTel.value = Tel;
          return true;
        }     
      }
      </script>
      <script>
        var CampoCliente = document.getElementById("Cliente");
        var CampoCPF = document.getElementById("CPF");
        var CampoContato1 = document.getElementById("Contato1");
        var CampoContato2 = document.getElementById("Contato2");
        var CampoEmail = document.getElementById("E-mail");
        var CampoCEP = document.getElementById("cep");
        var CampoRUA = document.getElementById("rua");
        var CampoNº = document.getElementById("Num");
        var CampoComp = document.getElementById("Complemento");
        var CampoBairro = document.getElementById("bairro");
        var CampoCidade = document.getElementById("cidade");
 
        document.getElementById("btn1").addEventListener("click"SalvarCliente);
 
        function SalvarCliente(){
          
          var Cliente = CampoCliente.value;
          var CPF = CampoCPF.value;
          var Contato1 = CampoContato1.value;
          var Contato2 = CampoContato2.value;
          var Email = CampoEmail.value;
          var CEP = CampoCEP.value;
          var RUA = CampoRUA.value;
          var Num = CampoNº.value;
          var Comp = CampoComp.value;
          var Bairro = CampoBairro.value;
          var Cidade = CampoCidade.value;
 
          if (Cliente.trim().length == 0 ||
             CPF.trim().length == 0 ||
             Contato1.trim().length == 0 ||
             Email.trim().length == 0 ||
             CEP.trim().length == 0 ||
             RUA.trim().length == 0 ||
             Num.trim().length == 0 ||
             Bairro.trim().length == 0 ||
             Cidade.trim().length == 0 || ){
          M.toast({html"Informações Pendentes"})
          }else{
            var Dados = {
            ClienteCampoCliente.value,
            CPFCampoCPF.value,
            Contato1CampoContato1.value,
            Contato2CampoContato2.value,
            EmailCampoEmail.value,
            CEPCampoCEP.value,
            RUACampoRUA.value,
            NumCampoNº.value,
            CompCampoComp.value,
            BairroCampoBairro.value,
            CidadeCampoCidade.value,
            };
 
          google.script.run.withSuccessHandler(Salvar).SalvarCliente(Dados);
 
          function Salvar(Atualizar) {
            M.toast({html:Atualizar});
          }
           CampoCliente.value = "";
           CampoCPF.value = "";
           CampoContato1.value = "";
           CampoContato2.value = "";
           CampoEmail.value = "";
           CampoCEP.value = "";
           CampoRUA.value = "";
           CampoNº.value = "";
           CampoComp.value = "";
           CampoBairro.value = "";
           CampoCidade.value = "";
 
          }
        };



 
      </script>
 
      <script>
    
    function limpa_formulário_cep() {
            //Limpa valores do formulário de cep.
            document.getElementById('rua').value=("");
            document.getElementById('bairro').value=("");
            document.getElementById('cidade').value=("");
    }
 
    function meu_callback(conteudo) {
        if (!("erro" in conteudo)) {
            //Atualiza os campos com os valores.
            document.getElementById('rua').value=(conteudo.logradouro);
            document.getElementById('bairro').value=(conteudo.bairro);
            document.getElementById('cidade').value=(conteudo.localidade);
        } //end if.
        else {
            //CEP não Encontrado.
            limpa_formulário_cep();
            alert("CEP não encontrado.");
        }
    }
        
    function pesquisacep(valor) {
 
        //Nova variável "cep" somente com dígitos.
        var cep = valor.replace(/\D/g'');
 
        //Verifica se campo cep possui valor informado.
        if (cep != "") {
 
            //Expressão regular para validar o CEP.
            var validacep = /^[0-9]{8}$/;
 
            //Valida o formato do CEP.
            if(validacep.test(cep)) {
 
                //Preenche os campos com "..." enquanto consulta webservice.
                document.getElementById('rua').value="...";
                document.getElementById('bairro').value="...";
                document.getElementById('cidade').value="...";
 
                //Cria um elemento javascript.
                var script = document.createElement('script');
 
                //Sincroniza com o callback.
                script.src = 'https://viacep.com.br/ws/'cep + '/json/?callback=meu_callback';
 
                //Insere script no documento e carrega o conteúdo.
                document.body.appendChild(script);
 
            } //end if.
            else {
                //cep é inválido.
                limpa_formulário_cep();
                alert("Formato de CEP inválido.");
            }
        } //end if.
        else {
            //cep sem valor, limpa formulário.
            limpa_formulário_cep();
        }
    };
 
    </script>
 
</body>
  </html>
 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 
var url = "https://docs.google.com/spreadsheets/d/1I0TpXoJy2CjT5Gwq3Qc6iESauCIVYnIC_2H486JEmQY/edit#gid=533315935"
 
Array.prototype.Pesquisa = function(Procura){
if (Procura == ""return false;
for ( var Linha = 0Linha<this.lengthLinha ++)
if (this[Linha] == Procurareturn Linha;
return - 1
 
}
 
function FormCliente (){
  var Form = HtmlService.createTemplateFromFile("FormCliente");
  var MostrarForm = Form.evaluate();
  MostrarForm.setTitle("Cadastro de Clientes").setHeight(550).setWidth(700);
  SpreadsheetApp.getUi().showModalDialog(MostrarForm"Cadastro de Clientes");
};
 
function SalvarCliente(Dados){
  var Planilha = SpreadsheetApp.openByUrl(url);
  var Guia = Planilha.getSheetByName("Clientes");
  Guia.getActiveCell();
  Guia.getRange('B2').activate();
  Guia.getCurrentCell().getNextDataCell(SpreadsheetApp.Direction.DOWN);
  Guia.getActiveCell().offset(10).activate();
  var Linha = Guia.getCurrentCell().getRow();
  var Data = new Date();
  Guia.getRange(Linha2).setValue(Data);
  Guia.getRange(Linha3).setValue([Dados.Cliente]);
  Guia.getRange(Linha4).setValue([Dados.CPF]);
  Guia.getRange(Linha5).setValue([Dados.Contato1]);
  Guia.getRange(Linha6).setValue([Dados.Contato2]);
  Guia.getRange(Linha7).setValue([Dados.Email]);
  Guia.getRange(Linha8).setValue([Dados.CEP]);
  Guia.getRange(Linha9).setValue([Dados.RUA]);
  Guia.getRange(Linha10).setValue([Dados.Num]);
  Guia.getRange(Linha11).setValue([Dados.Comp]);
  Guia.getRange(Linha12).setValue([Dados.Bairro]);
  Guia.getRange(Linha13).setValue([Dados.Cidade]);
  return 'Registrado com Sucesso';
};













 

image.png.6023901d9f96daf14ea79039bc6c7544.png





 
Link to post
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Cloud Computing


  • Forum Statistics

    • Total Topics
      149178
    • Total Posts
      645430
×
×
  • Create New...