Acrescentar show de bola pessoal Nesta aula Vamos trabalhar com script para salvar os registros dos Campos de texto para a tabela do nosso formulário beleza pessoal então vamos.
Para o editor no editor a acessem o arquivo for.js P HTML e desce até o final dos códigos e o primeiro passo é referenciar o botão.
Acrescentar document.get Element byid abre e fecha parênteses e abre e fecha aspas duplas dentro dos e dentro das aspas duplas vai o ID do.
Botão de comando então acessem o arquivo forme HTML localiza o botão acrescentar e copia o.
ID copia o ID volta no código e cola dentro das aspas duplas fora dos parênteses pad event listener abre e fecha parênteses e abre.
E fecha aspas duplas dentro dos parênteses e dentro das aspas duplas evento clique fora das aspas duplas vírgula vem o nome da função que vai ser.
Acionada nós vamos fazer uma function chamada enviar tabela e fecha a linha de código com ponto e vírgula próximo passo é fazer esta.
Função podem copiar o nome funct enviar tabela abre e fecha parênteses e abre e fecha Chaves e pressiona enter e dentro desta função primeiro passo.
É capturar as informações que serão enviadas para a tabela no meu caso a primeira informação é a data como eu não tenho Campo data eu vou capturar a data do Dia.
Bar data vai ser igual a New New date para definir que se trata de uma data abre e fecha parênteses e fora dos parênteses ponto tu ISO string abre e fecha parênteses e fora.
Veja Também:
- Planilha de Fluxo de Caixa Completo em Excel 6.2
- Planilha de Avaliação de Desempenho por Competência em Excel
- 14 CARTEIRINHA DE MEMBRO WORD
Dos parênteses ponto
Substring abre e fecha parênteses e dentro dos parênteses 0 V 10 para pegar os 10 primeiros caracteres da data que corresponde a ano mês e dia e fecha a.Linha de código com ponto e vírgula no entanto agora tem um detalhe eu preciso quebrar a data e formatar para dia mês e ano porque por enquanto eu tenho a data no formato ano mês e dia mas eu preciso.
Ter uma data para poder quebrar então eu vou trabalhar com if if abre e fecha parênteses e abre e fecha Chaves e dentro dos parênteses variável data P langage se for maior que.
Zero significa que eu tenho uma data se entrou neste if eu vou quebrar esta data então var eu vou chamar esta variável de data quebrada vai ser igual vem da variável.
Data pon split abre e fecha parênteses e abre e fecha aspas duplas dentro dos parênteses e dentro das aspas duplas o tracinho que é o caracter separador.
Informações e fecha a linha de código com ponto e vírgula quebrei a data Agora eu preciso capturar ano mês e dia então ano vai ser igual vem da variável data.
Quebrada abre e fecha colchete posição zer e fecha a linha de código com ponto e vírgula podem Copiar esta linha de código e.
Colar e agora eu vou capturar o mês e o mês vai estar na posição um cola novamente e agora vai ser o dia e o dia vai estar na posição dois da.
Variável da tá quebrada quebrei a data Agora eu preciso juntar novamente mas no formato dia mês e ano então bar vai ser.
Igual a variável dia
Mais abre e fecha aspas duplas e dentro das aspas duplas barra fora das aspas duplas mais a variável mês.Mais abre e fecha aspas duplas e dentro das aspas duplas a barra fora das aspas duplas mais a variável ano e fecha a linha de código com ponto e vírgula desta forma eu vou.
Ter a data no formato brasileiro que é dia mês e ano com a barra sendo o separador das informações beleza capturei a data Agora eu preciso capturar as demais.
Informações que no meu caso vai ser linha marca e produto então var linha vai ser igual a variável Campo linha ponto value e ponto e vírgula detalhe nós já.
Referenciamos todos os campos do nosso formulário no início dos códigos entendido este detalhe de volta na função enviar tabela agora eu vou capturar a marca Então vai.
Marca vai ser igual a variável Campo marca ponto value e ponto e vírgula var produto vai ser igual a variável Campo produto pon value e ponto e.
Vírgula capturei as informações Agora eu preciso verificar se todas as informações estão ok Pode ser que o usuário deixou faltando alguma.
Informação Então agora eu vou trabalhar com mais um if if abre e fecha parênteses e abre e fecha Chaves e dentro dos parênteses primeira informação que eu vou verificar.
É a data variável data igual iG V Duas Barras verticais que quer dizer ou na sequência variável linha igual igual a vazio mais Duas Barras verticais no meu.
Caso agora vem a marca igual igual a vazio mais Duas Barras verticais e agora eu vou ter a variável igual igual a vazio Se entrou neste if significa que.
Tem informação faltando para enviar para a tabela neste caso eu vou alertar usuário utilizando a caixa de mensagem vai M vai ser igual e abre e fecha aspas.
Duplas e dentro das as duplas vai o texto para a mensagem eu vou colocar todos os campos precisam ser.
Preenchidos preenchidos ponto de exclamação e fecha a linha de código com ponto e vírgula precisamos acionar a função cai.
Msg Box abre e fecha parênteses e dentro dos parênteses variável m e fecha a linha de código com ponto e vírgula e se tem informação Faltando Eu vou sair do.
Script colocando return false e fecha a linha de código com ponto e vírgula no entanto por este if eu posso prosseguir com os códigos para salvar os registros para.
Tabela Então o próximo passo é referenciar a tabela bar tabela vai ser igual a document pget Element.
Byid abre e fecha parênteses e abre e fecha aspas duplas dentro dos parênteses e dentro das aspas duplas vai o ID da tabela então acessem o arquivo forme P.
HTML localiza a tabela e copia o ID copia o ID volta no código e cola dentro das aspas duplas fora dos parênteses ponto get elements.
Elements elements by by tag name cuidem pessoal para digitar corretamente tem algumas letras que são em caixa alta o e o b o t e o n precisa ser em caixa.
Alta abre e fecha parênteses e dentro dos parênteses abre e fecha aspas duplas e agora nós vamos referenciar o corpo da tabela que é o comando tb fora dos parênteses abre e fecha.
Colchetes e coloca um zero dentro dos colchetes e fecha a linha de código com ponto e vírgula referenciamos a tabela agora nós precisamos de uma variável que eu vou.
Chamar de nova linha então bar nova linha vai ser igual vem da tabela referenciada ponto inserte inser para inserir uma nova linha abre e.
Fecha pares e dentro dos parênteses tabela ponto rows ponto L para contar quantas linhas tem no corpo da tabela e inserir a nova.
Linha após as linhas já existentes e fecha a linha de código com ponto e vírgula colocamos a linha agora nós precisamos colocar as colunas desta.
Linha então var qu um vai ser igual a variável nova linha ponto insert insert Cell para inserir uma célula abre e fecha parênteses primeira.
Coluna é a coluna zero e fecha a linha de de código com ponto e vírgula podem Copiar esta linha de código e agora vai ser a call do Mas lembra de alterar a referência dentro.
Dos parênteses cola de novo col TRS e dentro dos parênteses coluna 2 Cola novamente e dentro dos pares número.
3 cola de novo coluna 5 coluna 4 do insert cé Ok colocamos as células agora nós precisamos colocar um texto em cada célula começando pela um.
Podem copiar a variável com 1 piner HTML vai ser igual no meu caso a primeira coluna da tabela é a coluna da data então variável.
Postar um comentário