Códigos desta videoaula no comentário fixado abaixo do vídeo prosseguindo copia os códigos das div e acessa ao arquivo relatório P html e antes da Label ano vocês vão.
Colar os códigos na sequência acessem o arquivo estilo filtr pedidos P HTML e vocês vão copiar vai ser a partir de caixa.
Msg até o final menos o Style copia os códigos e acessa o arquivo estilo relatório P HTML desce até o final dos códigos e dentro do Style Cola os.
Códigos de estilo vamos dar uma olhada ver se precisa fazer algum ajuste largura vai ser a mesma distância da esquerda está bom distância do topo também ok Não precisa ajustar nada na.
Fechar copia e acessa o arquivo relatório tro JS e podem colar depois das variáveis que referenciam os campos do formulário não precisa ajustar.
Nada feito estes ajustes agora eu vou definir mais duas opções de estilo da tabela HTML então acessem o arquivo estilo relatório P.
HTML e depois de as da Taba para colocar a cor de preenchimento em laranja nós vamos fazer o seguinte porque eu quero quando o usuário parar o cursor sobre a linha da.
Tabela HTML exibir o ícone de mãozinha então jogo da velha ID da tabela que no nosso caso é Tab TR para entrar na linha TD para entrar nas.
Células e abre e fecha Chaves e dentro das chaves vocês vão colocar o comando cursor dois pontos Pointer e ponto e vírgula e outra formatação que eu quero fazer é a seguinte colocar a última.
Veja Também:
- Planilha de Mapeamento de Competências em Excel 6.0
- Quando travar células com o F4
- Como Cadastrar Membros Planilha Cadastro de Membros
Linha da tabela h HTML em
Então jogo da velha ID da tabela aqui no nosso caso é Tab TR para entrar na linha dois pontos e aí vocês vão colocar.Last traço shield para referenciar a última linha abre e fecha Chaves e pressiona enter e dentro das chaves nós vamos colocar a propriedade fonte traço w dois pontos bold para colocar em.
E fecha a linha de código com ponto e vírgula podem salvar as alterações e acessar o arquivo relatório traço JS porque agora nós vamos iniciar os scp.
De relatório desce até o final dos códigos e o primeiro passo é referenciar os campos que vão disparar o relatório começando pelo campo ano então.
Variável Campo ano padd event listener abre e fecha parênteses e abre e fecha aspas duplas dentro dos parênteses e dentro das aspas duplas.
Evento Change fora das aspas duplas vírgula vem o nome da função que vai ser acionada nós vamos fazer uma função chamada relatório e fecha a linha de.
Código com ponto e vírgula detalhe pessoal nós já referenciamos os campos do nosso formulário no início dos códigos Então agora eu vou utilizar todas estas.
Variáveis entendido este detalhe de volta a nossa função relatório agora podem Copiar esta linha de código para os demais Campos vai ser bem.
Simples agora eu vou referenciar o campo mês Cola novamente depois do campo mês eu tenho o campo linha Campo.
Linha depois do campo linha vai ser o
Campo produto Campo produto Cola novamente depois do campo produto é o campo.Cliente Campo cliente depois do campo cliente é o campo vendedor Campo vendedor na sequência é o campo.
Estado Campo estado aí vem o campo Cidade Campo cidade e por fim nós temos o Campo status Campo.
Status referencie os campos Agora eu preciso fazer a função de relatório podem copiar o nome da função function function.
Relatório abre e fecha parênteses e abre e fecha Chaves e dentro desta function primeiro passo é limpar a div qtd e a div RS que são as dives que vão receber os valores.
Totais então document p getelement by ID abre e fecha parénteses e abre e fecha aspas duplas dentro dos parênteses e dentro das aspas duplas vai.
O ID da div então acessem o arquivo relatório P HTML e procurem pelas dives vamos ver aqui está primeiro a div qtd copia o ID volta no código e cola dentro das.
Aspas duplas fora dos parênteses piner HTML igual a vase abre e fecha aspas duplas e fecha a linha de código com ponto e.
Vírgula para a próxima div podem Copiar esta linha de código e nós vamos alterar apenas o ID então acessem o arquivo relatório div.
RS copia o ID volta no código e altera dentro das aspas duplas prosseguindo precisamos limpar o corpo da tabela então var corpo.
Tabela vai ser igual a docum get Element by ID abre e fecha parênteses e abre e fecha aspas duplas dentro dos parênteses e fecha a linha de código com.
Ponto e vírgula acessa o arquivo relatório localiza a tabela e vocês vão copiar o ID do corpo da tabela copia o ID volta no código e cola.
Dentro das aspas duplas na sequência nós precisamos fazer um laço para percorrer as linhas do corpo da tabela nós vamos trabalhar com um laço Wi Wi abre e fecha parênteses e abre e.
Fecha Chaves podem copiar a variável corpo tabela e colocar dentro dos parênteses corpo tabela ponto hash shield.
Notes abre e fecha parênteses e dentro do laço a cola novamente a variável corpo tabela corpo tabela ponto remove shield abre e fecha parênteses e dentro dos parênteses variável corpo tabela.
Ponto Lest L shield e fecha a linha de código com ponto e vírgula desta forma nós vamos limpar somente o corpo da tabela HTML beleza limpamos as dives E também o.
Corpo da tabela HTML agora nós precisamos capturar os critérios para o relatório começando pelo ano ano vai ser igual a.
Campo ano pon Val e ponto e vírgula var mês vai ser igual a variável Campo mês ponto Val e ponto e vírgula na sequência vem a linha var linha vai ser igual a variável campinha.
P pon e vírgula vai produto vai ser igual a variável Campo produto ponto value e ponto e vírgula depois do produto eu tenho cliente vai cliente vai ser igual a.
Variável Campo cliente pon value e ponto e vírgula e depois do cliente eu tenho o vendedor var vendedor vai ser igual a variável Campo vendedor ponto vue e ponto e vírgula.
Vai estado vai ser igual a variável Campo estado pon value e ponto e vírgula varidade vai ser igual a variável Campo.
Cidade ponto vue e ponto e vírgula e por fim o estatus vai status vai ser igual a variável Campo estatus ponto vale e ponto e vírgula capturamos os critérios no.
Entanto tem um detalhe como estes objetos são objetos de lista suspensa Pode ser que eu tenha o texto da option de instrução Então agora eu preciso de um if para verificar cada.
Variável Então vamos lá if abre e fecha parênteses e abre e fecha Chaves e dentro dos parênteses se a variável ano igual igual e abre e fecha aspas.
Duplas e dentro das aspas duplas vai o texto da option de instrução do objeto então acessem o arquivo relatório HTML localizo o objeto select ano e.
Copia o texto da option da instrução copia o texto volta no código e cola dentro das aspas duplas se a variável ano for igual escolha um ano eu vou deixar vazio esta.
Variável Então vai ano igual a vazio e ponto e vírgula para as demais variáveis podemos reaproveitar este if copia e cola logo.
Abaixo depois do ano eu vou verificar o mês variável mês altera também dentro do IF eu preciso trocar o texto da option de.
Instrução acessa o arquivo relatório pon HTML objeto select mes copia o texto da option da instrução volta no código e altera dentro das aspas.
Postar um comentário