Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17403
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Personalizando o texto da div

24-03-2009 22:17

Esse é um script bem legal para personalizar o texto de uma div, podendo o usuário adicionar negrito, itálico, aumentar a fonte, etc...

JAVASCRIPT

<script> function muda(item) { if(!isNaN(item)) { document.getElementById("alvo").style.fontSize=item+"pt"; } if(item=="normal") { document.getElementById("alvo").style.fontWeight="normal"; } if(item=="b") { document.getElementById("alvo").style.fontWeight="bold"; } if(item=="i") { document.getElementById("alvo").style.fontStyle="italic"; } if(item=="u") { document.getElementById("alvo").style.textDecoration="underline"; } if(item=="esq") { document.getElementById("alvo").style.textAlign="left"; } if(item=="cen") { document.getElementById("alvo").style.textAlign="center"; } if(item=="dir") { document.getElementById("alvo").style.textAlign="right"; } } </script>

HTML

<a href="javascript:muda('normal')">normal</a> <a href="javascript:muda('b')"><b>b</b></a> <a href="javascript:muda('i')"><i>i</i></a> <a href="javascript:muda('u')"><u>u</u></a>   <a href="javascript:muda('esq')"><b>esq</b></a> <a href="javascript:muda('cen')"><b>cen</b></a> <a href="javascript:muda('dir')"><b>dir</b></a>   <select onchange="muda(this.value);"> <option value="9">9</option> <option value="11">11</option> <option value="13">13</option> <option value="15">15</option> <option value="17">17</option> </select>   <div id="alvo" style="width:100px; height:100px; border:1px solid #cccccc;"> abc </div>

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado