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

Felipe de Souza · Janeiro 29, 2021

Essa é a linha digitada:

<html>

<head>

</head>

<body>

<i class="material-icons prefix">person</i>

<label for="Cliente">Cliente</label>

</div>

<i class="material-icons prefix">control_point</i>

</div>

<i class="material-icons prefix">phone</i>

<label for="Contato1">Contato1</label>

</div>

<i class="material-icons prefix">phone</i>

<label for="Contato2">Contato2</label>

</div>

<i class="material-icons prefix">email</i>

</div>

<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);">

</div>

<i class="material-icons prefix">streetview</i>

</div>

<i class="material-icons prefix">control_point</i>

</div>

<i class="material-icons prefix">control_point</i>

<label for="Complemento">Complemento</label>

</div>

<i class="material-icons prefix">control_point</i>

<label for="bairro">Bairro</label>

</div>

<i class="material-icons prefix">location_city</i>

<label for="cidade">Cidade</label>

</div>

<button class="btn-floating btn-large waves-effect waves-light green" id= "btn1" type="submit" name="action">Salvar

</button>

<button class="btn-floating btn-large waves-effect waves-light light-blue" id= "btn2" type="submit" name="action">Pesq.

</button>

<button class="btn-floating btn-large waves-effect waves-light yellow" id= "btn3" type="submit" name="action">Editar

</button>

<button class="btn-floating btn-large waves-effect waves-light red" id= "btn4" type="submit" name="action">Apagar

</button>

<button class="btn-floating btn-large waves-effect waves-light black" id= "btn5" type="submit" name="action">Fechar

</button>

</div>

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>

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>

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>

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>

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 = {

Cliente: CampoCliente.value,

CPF: CampoCPF.value,

Contato1: CampoContato1.value,

Contato2: CampoContato2.value,

Email: CampoEmail.value,

CEP: CampoCEP.value,

RUA: CampoRUA.value,

Num: CampoNº.value,

Comp: CampoComp.value,

Bairro: CampoBairro.value,

Cidade: CampoCidade.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>

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 = 0; Linha<this.length; Linha ++)

if (this[Linha] == Procura) return 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(1, 0).activate();

var Linha = Guia.getCurrentCell().getRow();

var Data = new Date();

Guia.getRange(Linha, 2).setValue(Data);

Guia.getRange(Linha, 3).setValue([Dados.Cliente]);

Guia.getRange(Linha, 4).setValue([Dados.CPF]);

Guia.getRange(Linha, 5).setValue([Dados.Contato1]);

Guia.getRange(Linha, 6).setValue([Dados.Contato2]);

Guia.getRange(Linha, 7).setValue([Dados.Email]);

Guia.getRange(Linha, 8).setValue([Dados.CEP]);

Guia.getRange(Linha, 9).setValue([Dados.RUA]);

Guia.getRange(Linha, 10).setValue([Dados.Num]);

Guia.getRange(Linha, 11).setValue([Dados.Comp]);

Guia.getRange(Linha, 12).setValue([Dados.Bairro]);

Guia.getRange(Linha, 13).setValue([Dados.Cidade]);

return 'Registrado com Sucesso';

};

image.png.6023901d9f96daf14ea79039bc6c7544.png

Efigêio · Abril 11, 2021

Você conseguiu resolver? Acho que esse método não funciona mais pelo script do Google.

Entrar

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

Pergunta

Felipe de Souza

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Efigêio

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades