Category Archives: JavaScript

jQuery definir display block ou none na DIV

Posted on 15 de junho de 2023 by Everton Gonçalves

Para alterar a exibição da DIV que está como display: none para display block utilizando jQuery utilize: Para remover o block e esconder a DIV utilize e é só!

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> JavaScript, JQuery | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> | Leave a comment

Foreach em CheckBox com JQuery

Posted on 7 de outubro de 2020 by Everton Gonçalves

De maneira rápida é possível fazer um foreach em todos os checkbox da página Dessa forma você pode acessar todas as propriedades do input utilizando, exemplo: Até a próxima

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> JavaScript, JQuery | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , | Leave a comment

Criar dropdown com jQuery (select option)

Posted on 4 de agosto de 2020 by Everton Gonçalves

De forma simples e rápida é possível criar um input select utilizando o jQuery. Pode ser feito da seguinte maneira… Até a próxima! Para aprender um pouco mais sobre jQuery recomendo o curso

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> JavaScript, JQuery | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> | Leave a comment

Upload de Multiplos Arquivos HTML e jQuery

Posted on 17 de julho de 2020 by Everton Gonçalves

Informação básica de como fazer upload de vários arquivos utilizando de forma rápida o HTML e jQuery Script É só isso! Obrigado e até mais!

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> JavaScript, JQuery | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , | Leave a comment

jQuery Obter elemento ou valor pelo data-id

Posted on 1 de junho de 2020 by Everton Gonçalves

Como obter um elemento pelo data-id ou outra propriedade através do jQuery? Digamos que tenha um input e queira obter o seu valor pelo data-item-id. Neste caso você irá obter fazendo… Caso queira tratar o elemento completo remova o .val() e atribua a uma variável, ficaria: Até a próxima!

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> JavaScript, JQuery | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , | Leave a comment

Converter input em Label

Posted on 21 de maio de 2020 by Everton Gonçalves

Como converter um campo input em um label? Suponhamos que necessitamos ter uma mesma tela para edição/inclusão e queremos deixar essa tela também para visualização sem os inputs readonly. Podemos através do jQuery alterar nossos inputs para campo label com o trecho abaixo:   Aprenda mais sobre javascript do básico ao avançado utilizando algum curso, […]

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> JavaScript, JQuery | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , , | Leave a comment

Validar CNPJ via JavaScript

Posted on 5 de maio de 2020 by Everton Gonçalves

Método rápido de validação de CNPJ através do JavaScript. [html]function isCNPJValid(cnpj) { cnpj = cnpj.replace(/[^\d]+/g, ”); if (cnpj == ”) return false; if (cnpj.length != 14) return false; // Elimina CNPJs invalidos conhecidos if (cnpj == “00000000000000” || cnpj == “11111111111111” || cnpj == “22222222222222” || cnpj == “33333333333333” || cnpj == “44444444444444” || cnpj […]

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> JavaScript, JQuery | Leave a comment

Encontrar CEP – Consulta CEP Gratuito

Posted on 21 de janeiro de 2019 by Everton Gonçalves

Um bom site para consulta de cep gratuitamente via JQuery.

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> JavaScript, JQuery, PHP | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , | 2 Comments

Evento Drag Drop no Input (onDrop) (drop)

Posted on 6 de novembro de 2018 by Everton Gonçalves

Como prevenir evento drag drop no input? <input type=”text” (drop)=”onDrop($event)”></div> export class DropComponent { onDrop(event) { event.preventDefault(); } } prevent drag in input Angular 5

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> Angular 5, AngularJS, IONIC, JavaScript | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , | Leave a comment

Gerar GUID em JavaScript

Posted on 23 de dezembro de 2017 by Everton Gonçalves

Gera GUID em JavaScript. [js] function guid() { function s4() { return Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); } return s4() + s4() + ‘-‘ + s4() + ‘-‘ + s4() + ‘-‘ + s4() + ‘-‘ + s4() + s4() + s4(); } [/js]

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> JavaScript | Leave a comment