Selecionando o elemento pai com Jquery

Imagem
Olá, bom dia pessoal, nesta bela manhã de terça feira venho aqui com mais um tutorial, quantas vezes você precisou selecionar o elemento pai de um elemento ? ou seja, o elemento onde ele está contido. veja a seguinte situação: O elemento com cor de laranja (p) é o elemento pai e o elemento em tom de cinza (span) o elemento filho, vamos selecionar o elemento span e através dele nós mudaremos a cor do elemento pai: See the Pen Selecionando elemento pai com Jquery by Cícero Joceilton ( @joc01 ) on CodePen . Veja acima o código do projeto, colocaremos sempre a partir de agora nossos códigos no Codepen para que possamos ver em execução. Bom até aqui tudo bem nada de muito novo, utilizamos o parent para selecionar o elemento pai, mas agora teremos uma situação onde nosso elemento pai estará dentro de duas divs, entao o elemento p estará dentro de duas divs e precisamos alterar a cor da ultima div: Nosso elemento p está com cor branca e precisamos alterar a cor da div azul, p...
Postar um comentário

Converter Hexadecimal para RGBA

Na web utilizamos o sistema Hexadecimal para cores de fontes, backgrounds, etc ..
Mas uma vez ou outra precisamos do correspondente rgba para aplicar aquele efeito transparente, bom para isso podemos facilmente utilizar um programa do seu proprio windows a calculadora, lá no menu exibir podemos alterar para desenvolcedor.

Para começar vamos criar um novo documento e criar uma div a qual aplicaremos o efeito de transparência:

Agora vamos aplicar uma cor de purpura à nossa div

Veja o que temos até agora:

Bom mas e para converter a cor #800080 para o correspondente hexadecimal?


Abra sua Calculadora

Clique no menu exibir e escolha Programador ou tecle Alt + 3

Agora vamos dividir nosso código hexadecimal em blocos de dois sem o #

#800080 -> 80 00 80

Na calculadora marque a opção Hex


Digite a primeira parte do código 80 e marque a opção Dec


Ele nos mostra o resultado 128

Nossa segunda parte do código é 00 isso corresponde a 0 mesmo

a terceira parte do código é 80 e já sabemos que o correspondente será 128

Agora vamos colocar no nosso codigo o rgba:







Colocamos um aporcentagem de transparencia de 0.6 que corresponde a 60%;


Para codigos com letras funciona do mesmo modo
#48D38b  -> (72, 211, 139)

 #87CEFA -> (135, 206, 250)


















Comentários

Postar um comentário

Postagens mais visitadas deste blog

Aprender a Programar

Imagem
Olá, bom dia, hoje venho trazer uma ótima dica para você que deseja aprender a programar, se você não tem nenhum conhecimento sobre programação ou ainda é um iniciante, eu lhe apresento o curso do Gustavo Guanabara você pode avançar as aulas caso tenha certeza que está muito básico pra você, mas na boa, aprender nunca é demais. Aqui como o blog é sobre dicas para webdesigners e programadores eu trouxe esta ótima dica, e hoje vou falar sobre o vídeo do apagar e acender a lâmpada do Gustavo guanabara, você pode conferir logo abaixo: Neste vídeo é mostrado como manipular o src que é o caminho da imagem, no caso quando passamos o mouse sobre a lâmpada o javascript captura este evento e faz o que você determinar, do mesmo modo ao tirar o mouse e ao clicar também. com os respectivos comandos: onmousemove, onmouseout, onclick; abaixo deixo o link dos arquivos: https://drive.google.com/file/d/0B4upMdJ4TKFNZk9JZm5CN3FyMUU/view?usp=sharing
Leia mais

Selecionando o elemento pai com Jquery

Imagem
Olá, bom dia pessoal, nesta bela manhã de terça feira venho aqui com mais um tutorial, quantas vezes você precisou selecionar o elemento pai de um elemento ? ou seja, o elemento onde ele está contido. veja a seguinte situação: O elemento com cor de laranja (p) é o elemento pai e o elemento em tom de cinza (span) o elemento filho, vamos selecionar o elemento span e através dele nós mudaremos a cor do elemento pai: See the Pen Selecionando elemento pai com Jquery by Cícero Joceilton ( @joc01 ) on CodePen . Veja acima o código do projeto, colocaremos sempre a partir de agora nossos códigos no Codepen para que possamos ver em execução. Bom até aqui tudo bem nada de muito novo, utilizamos o parent para selecionar o elemento pai, mas agora teremos uma situação onde nosso elemento pai estará dentro de duas divs, entao o elemento p estará dentro de duas divs e precisamos alterar a cor da ultima div: Nosso elemento p está com cor branca e precisamos alterar a cor da div azul, p...
Leia mais

Gravando números decimais no mysql com php

Bom dia, estou aqui de volta, bom atualmente eu tive um problema com números decimais no phpmyadmin, pois eu precisava de formatação de moeda, para conseguir algo como: R$ 30,00 R$45,50 R$ 1.200,00 R$ 1.000.000,00 A forma mais simples de fazer é gravar um decimal no banco de dados, pois assim depois poderemos formatar o número com a função number_format do php, entao nós sempre gravaremos os números desta forma no bd: 30.00 45.50 1200.00 1000000.00 Precisamos configurar o campo no banco de dados do tipo decimal e  Tamanho/Valores 10,2 O valor do tipo decimal é usado quando precisamos de precisão em números grandes, neste caso quando você for receber o valor de um usuário você pode Pôr um limite para que ele não envie um valor muito alto, por exemplo um trilhão. Agora para exibirmos o valor vindo do banco de dados nós precisamos formatar, imagine que a variavel $valor esteja recebendo o valor vindo do banco de dados: R$ <?php echo number_format($valor, 2, ',...
Leia mais