Contar e limitar caracteres em textarea
Bom, esse é uma dúvida que muita gente tem, “como contar os caracteres de um textarea?”. Posto aqui hoje para vocês um simples código em “javascript” que pode ser útil. 
Exibindo código-fonte PHP colorido (.phps)
Veja como é simples fazer o seu Apache reconhecer os arquivos (.phps) e exibir o seu código-fonte colorido… Muito útil para sites de tutoriais/compartilhamento e código/programação.
Rodapé sempre no rodapé com CSS
Uma dúvida: “Como deixar o Rodapé sempre embaixo, mesmo quando conteúdo for menor?”
Uma Solução: Aprenda agora mesmo como deixar rodapé embaixo com CSS! 
Campanha: Atualize seu navegador
Campanha para eliminar browsers antigos do mercado
Desenvolvedores ainda perdem muito em produtividade devido a navegadores desatualizados, sem suporte às funcionalidades e tecnologias atuais para alcançar seus clientes, limitando soluções e criando dores de cabeça desnecessárias.
O Internet Explorer 6.0 (lançado em 2001) ainda participa de 34% do mercado de navegadores*. É um browser que não acompanha o estágio atual da Internet, possui falhas de segurança e limita todo o potencial de uma Internet melhor para todos nós.
Esta campanha é uma iniciativa para excluir navegadores desatualizados do mapa da internet do Brasil. Basta inserir o código abaixo em todos os seus sites e de seus clientes. Desta forma, para todo usuário que acessá-los utilizando navegadores desatualizados, será exibida uma barra simples, sem marcas, orientando o usuário a atualizar o seu navegador e falando da importância desta atitude. Mais segurança para o usuário, mais liberdade aos desenvolvedores.
Lembre-se que a barra só é exibida para navegadores antigos.
Para ir a página da campanha clique aqui
Drag and Drop com jQuery e PHP
Você já precisou em algum momento criar uma lista de itens que poderia ser organizada apenas arrastando-os? Não conseguiu? Veja aqui uma solução para seu problema.
Fazendo Backup do banco MySQL via PHP
O ideal seria usar o mysqldump (http://www.mysql.com/doc/en/mysqldump.html) para isso.
Porém vamos à dica.
No exemplo abaixo ao final será criado um arquivo BANCO.sql com o código SQL necessário para recriar as tabelas.
Se você quiser que saia no browser, basta trocar os fwrite por echo!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | <? // Conecta ao banco $servidor = "localhost"; $usuario = "aquiousuario"; $senha = "aquiasenha"; $banco = "nomedobanco"; mysql_connect($servidor, $usuario, $senha) or die(mysql_error()); mysql_select_db($banco) or die(mysql_error()); $abre = fopen("BANCO.sql", "w"); // nome do arquivo que será salvo o backup $sql1 = mysql_list_tables($banco) or die(mysql_error()); while ($ver=mysql_fetch_row($sql1)) { $tabela = $ver[0]; $sql2 = mysql_query("SHOW CREATE TABLE $tabela"); while ($ver2=mysql_fetch_row($sql2)) { fwrite($abre, "-- Criando tabela: $tabela\n"); $pp = fwrite($abre, "$ver2[1]\n\n-- Salva os dados\n"); $sql3 = mysql_query("SELECT * FROM $tabela"); while($ver3=mysql_fetch_row($sql3)) { $grava = "INSERT INTO $tabela VALUES ('"; $grava .= implode("', '", $ver3); $grava .= "')\n"; fwrite($abre, $grava); } fwrite($abre, "\n\n"); } } $finaliza = fclose($abre); if($finaliza) { echo "Prontim! :)"; } ?> |
Espero que aproveitem esta dica!
Borda interna em imagens
O efeito de borda interna nas imagens é muito utilizado pelo portal Globo.com. Neste post vou mostrar como é simples aplicar esse efeito em suas imagens usando poucas linhas de CSS.
Notepad++: Editor de Texto
Ótimo editor de textos e códigos-fontes que suporta várias linguagens como C, C++, Java, C#, XML, HTML, PHP, Javascript, ASCII art, doxygen, ASP, VB/VBS, SQL, Objective-C, CSS, Pascal, Perl, Python, Lua, TeX, TCL, Assembler, Ruby, Lisp, Scheme, Properties, Diff, Smalltalk, Postscript, VHDL, Ada, Caml, AutoIt, KiXtart, Matlab, Verilog, Haskell e InnoSetup.
Você também pode modificar o estilo das linguagens como cor de comentários, variáveis, etc.
Caso a linguagem que você desenvolve não está adicionada no Notepad++, nem precisa se preocupar, adicione ela e configure os parâmetros nativos dela, simples e fácil de usar!
Mais informações no site do Notepad++ (BR)
Baixe agora seu Notepad++ aqui
Marcar vários CheckBox com JavaScript
Código simples para uma grande funcionalidade:
script.js
1 2 3 4 5 6 7 8 9 10 11 | function marcarCheck() { var campo = document.Form; var contaForm = campo.elements.length; var i; for(i=0; i<contaForm; i++) { if(campo.elements[i].id == "Marcados") { campo.elements[i].checked = campo.CheckTodos.checked; } } } |
index.html
1 2 3 4 5 6 7 8 9 10 | <script language="javascript" src="script.js"></script> <form name="Form"> Marcar Todos: <input type="checkbox" name="CheckTodos" onClick="marcarCheck();" /> <br><br> 1. <input type="checkbox" id="Marcados" /><br> 2. <input type="checkbox" id="Marcados" /><br> 3. <input type="checkbox" id="Marcados" /><br> 4. <input type="checkbox" id="Marcados" /><br> 5. <input type="checkbox" id="Marcados" /> </form> |
CSS Reset – O que é e como usar?
Aprenda como funciona, como usar, pra que serve e o que é o CSS Reset, uma ótima artimanha para ser usada em todos os seus sites e garantir o básico para um site que seja igual em todos os navegadores.