Pesquisar este blog

Desenvolvedor Web Blog

Aprenda sobre programação com o Blogger Desenvolvedor Web, aqui você encontra conteúdo de forma resumida e com exemplos.

Página inicial
HTML
CSS
JQUERY
JAVASCRIPT
Raspberry PI
Gerador CSS

Mais…

Postagens

Mostrando postagens com o rótulo JAVASCRIPT

Mostrar tudo

Nenhum resultado encontrado

Tecnologia do Blogger

Imagens de tema por Radius Images

Diego Morales Navarro

LIVE Streamer

Dicas para Streamers

Estou Criando

Estou Criando BLOG

Arquivo

2021 3

2020 12
2019 1
- novembro 1
2018 11
- outubro 1
- julho 2
- maio 1
- fevereiro 5
- janeiro 2
2017 9
- dezembro 1
- novembro 2
- maio 1
- abril 2
- março 3

Mostrar mais Mostrar menos

Marcadores

CSS
HTML
JAVASCRIPT
JQUERY
Raspberry PI
Web

Colocar estilo no input range.

- fevereiro 14, 2018

Estilo no Range. Criar um estilo no input tipo range é simples, vamos criar uma class chamada de ".estilo" com esta class vamos edita o background e também a bolinha que se movimenta. Antes de inciar o estilo será necessário criar o HTML . <input type="range" min="0" max="100" value="50" class="estilo" id="valor"> . No final vamos usar o ID resultado para informar o valor. Criando o estilo CSS Primeiro o estilo do background. Aqui você vai manter o width como 100%, mas pode alterar o height e o border. .estilo { -webkit-appearance: none; background: #d3d3d3; outline: none; width: 100%; height: 20px; border-radius: 9px; } Segunda parte criar a estilo da bolinha. .estilo::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; he

Leia mais

Formatar o número do telefone no campo input com JavaScript

- dezembro 20, 2020

A formatação do campo telefone é muito importante para quem salva o valor recebido no banco de dados ou até mesmo por uma questão visual. Um campo input tipo tel sem formatação como por exemplo em um formulário pode ficar estranho visualmente e atrapalhar a empresa na organização por chegar bagunçado ou com falta do número de DDD. Vou mostrar como criar um campo input que consegue receber o numero de telefone fixo e telefone celular formatando com DDD e caráter especial para separação. Formatando o campo input para telefone fixo e telefone celular Para criar essa formatação vamos utilizar o “.replace” junto com a “expressão regular”, para receber o valor substituindo e organizando baseado a expressão. Preparando o HTML com parâmetro JS Coloque o seguinte código abaixo em seu html <input type="tel" maxlength="14 required="" data-js="phone"> Observe que é um campo tipo TEL que recebe um limite de 14 caracteres com preenchime

Leia mais

Criar um botão neon com borda animada

- abril 25, 2021

Criar um botão neon com borda animada Todos os sites possuem botões na mais diversas forma e estilo, todos os botões do site têm seu objetivo de levar usuário para algum lugar. Os botões são mais que uma simples forma de informar a rota eles tem um papel fundamental no momento de chamar a atenção, podendo ser por sua cor, forma e texto chamativo. Um site de sucesso precisa de ter algum diferencia e nesse tutorial vou mostrar como criar um botão animado do estilo neon. Criar a estrutura HTML do botão neon. Para cria é muito simples, vamos usar a TAG A para ser o link e a TAG SPAN para fazer animações. <a class="neon-bt" href="#"> Enviar </a> Repare que foi criado um CLASS chamada "neon-bt" para cuidar do estilo e animação. Criar o estilo do botão neon com CSS O estilo do botão está dividido em duas

Leia mais

Remover e Inserir um atributo na Tag HTML usando JavaScript

- dezembro 22, 2020

Em algum momento você já ser deparou com a necessidade de remover um atributo ou adicionar para realizar uma função especifica usando o JavaScript. Vou mostrar de forma simples e rápida como realizar essa atividade usando removeAttribute e setAttribute. Usando removeAttribute e setAttribute O que é um atributo no HTML? Atributos são informações que passamos na Tag para que ela se comporte da maneira esperada. Existem atributos globais (que funcionam em todas as Tags) e específicos (que são direcionados para cada Tag, através de especificação). Removendo um atributo da Tag HTML Para demover um atributo deve usar um comando JavaScript chamado removeAttribute que remove um atributo de um elemento específico. Veja o exemplo de Tag HTML onde será removido o atributo href e class. <a id="botao" href="www.google.com.br" class="bt">Visitar google</a> Para remover usando o JS é necessário localizar o ID da Tag para aplicar o removeAttr

Leia mais