DICAS WEB MAIS

Postagens

Gravando números decimais no mysql com php

outubro 26, 2017

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

Aprender a Programar

agosto 14, 2017

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

Converter Hexadecimal para RGBA

junho 14, 2017

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 tercei...

Leia mais

Menu com jquery

julho 16, 2016

O tutorial de hoje não é grande coisa, mas é mais só uma pequena dica, sabe quando você está criando um site e tem aquele menu que aparece em todas as páginas, bom se voê não quer utilizar o php ou uma linguagem servidor, pode muito bem utilizar o jquery mesmo, um arquivo com a extensção js é cahamdo dentro das páginas e quando você fizer uma alteração qualquer, todas as páginas recebem, por exemplo acrescentar um novo link. primeiro vamo criar um código onde teremos um elemento ul que inicializa nossa lista de links <div id="menu"><ul></ul></div> Agora chamaremos o nosso código <script type="text/javascript" src="js/menu.js"></script> Aqui o conteúdo do código externo $(document).ready(function () { $("#menu ul").html( "<li> <a href='#'> Inicio </a> </li>" + "<li> <a href='#'> Sobre </a> </li>...

Leia mais

Primeiro e ultimo elemento com css

junho 27, 2016

Hoje vou ensinar uma maneira de acessar o primeiro e o último elemento de uma lista em html, isso é muito importante, quando precisamos aplicar uma configuração específica a estes elementos, por exemplo, sempre iniciar o primeiro link de um menu com uma cor de destaque, ou retirar a margem do último elemento, você pode precisar em diversas situações. Bom o primeiro elemento é acessado por first-child e o ultimo por last-child vamos criar uma lista em html onde vamos alterar a cor do primeiro e último elemento <ul> <li> parte 1 </li> <li> parte 2 </li> <li> parte 3 </li> <li> parte 4 </li> <li> parte 5 </li> <li> parte 6 </li> </ul> No css eu acesso os primeiro e ultimo elemento <style> ul {border:1px #ccc solid; padding:20px; list-style-type:none;} ul li:first-child {background-color:#c30;} ul li:last-child {background-color:#f00;} ul li {background-color:#ddd; padding:5px; fo...

Leia mais

Posicionar objetos com jquery - drag and drop

junho 25, 2016

Olá, hoje postarei um código com jquery e php para posiciobar objetos com drag and drop do jquery ui, neste exemplo podemos ver os elementos subindo ou descendo e atualizando em tempo real no nosso banco de dados, assim se o usuario tiver algum problema na hora com a internet ou o pc desligar, rss tudo é possível, mas ao menos terá as posições dos objetos salvas. Podemos imaginar inúmeras possibilidades de utilizarmos esta aplicação, um menu personalizado, uma galeria de imagens, um jogo de quebra cabeça, um programa online de criação de sites. Para nosso exemplo vou criar uma ul, com as letras a,b e c, nesta ordem, mas podemos mudar esta posição apenas clicando e arrastando as letras, Para começar vamos chamar o jquery e o jquery ui <script type= "text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" ></script> <script type="text/javascript" src="js/jquery-ui.min.js"></script> <li...

Leia mais