Mostra Smiles iguais aos foruns e chats

criado por Samuel Aiala Ferreira em 31/10/2003 8:02am

Já viram que em alguns fóruns quando voce coloca :) ele substitui com 1 gif de uma carinha rindo ? Pois é, esse script simples faz com que você tenha o mesmo resultado, simples e útil não ? Estou colocando porque não achei nada semelhante aqui no site.

Data	Autor	Changelog	Download
31/10/2003 8:02am	Samuel Aiala Ferreira	-	Versão 1.0
06/08/2005 12:33am	Bruno Eduardo de O. Constantin	Versão 1.5	Versão 1.5

Comentários:

Mostrando 1 - 10 de 10 comentários

Matheus disse:

o javascript do Samuel funcionou perfeitamente! porém agora é necessário mostra a imagem do emoticon, como faço isso?

14/07/2009 9:54am (~15 anos atrás)

Bruno Eduardo de O. Constantin disse:

e aí galera?blz?

arrumei ali a minha versão, que contém um AutoGerador, que poderá ser usado, para a criação do código dos smiles em php, e em breve colocarei um AutoGerador para fz o de javaScript.

flw'ss

06/08/2005 12:35am (~19 anos atrás)

Marcelo Lamberti disse:

Muito bom codigo...parabens...

28/01/2005 10:04pm (~20 anos atrás)

rui paiva disse:

Muito bom, esta funcionando na boa.
Recomendo.

19/04/2004 12:58pm (~20 anos atrás)

Evandro Silva disse:

Está funcionando bem. clico na figura e aparece o codigo dentro do campo de texto, porém ele insere no bd exatamente o codigo que aparece ":)" e não está substituindo pelo <img src="smiles/figura.gif">

No resultado tbm mostra o codigo ao invés da imagem.

15/01/2004 12:38am (~21 anos atrás)

Samuel Aiala Ferreira disse:

Desculpe a demora para responder a sua mensagem evando .... lance é o seguinte, tem 2 erros no seu formulário ....

a caixa de texto (textbox) está com o nome de 'recado' e ela tem que chamar 'txttexto' (ou voce altera o nome dela, ou troca o txttexto da funcao inseresmile para recado, como voce já deve ter trabalhado nele acho melhor trocar na funcao mesmo ...

outra coisa, troque a linha <a href="javascript:inseresmile(':mad:');">

===== por ======

<a href="#" onClick="javascript:inseresmile(':mad:');"><img src="../img/smiles/mad.gif" width="15" height="15" border="0">

testei aqui e funcionou ... grande abraco !

14/01/2004 2:57pm (~21 anos atrás)

Evandro Silva disse:

Estou usando um formulário para cadastrar os dados em um banco Mysql

12/01/2004 11:14pm (~21 anos atrás)

Evandro Silva disse:

Fiz o q vc disse mas os smile não aparecem dentr do campo recado quando clico na figura.
Veja como eu fiz:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function inseresmile(string)
{
document.cadastra.txttexto.value = document.cadastra.txttexto.value +" " +string + " ";
document.cadastra.txttexto.focus();
}
</script>
</head>

<body>
<br>
<form name="cadastra" method="post" action="inserir_recado.php">
<table width="310" height="144" border="0" align="center" cellpadding="0" cellspacing="1">
<tr>
<td width="308" height="22"> <font face="Verdana, Arial, Helvetica, sans-serif">De:</font><br>
<input name="de" type="text" id="de" style='BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; BORDER-LEFT: #336699 1px solid; WIDTH: 300px; COLOR: #000000; BORDER-BOTTOM: #336699 1px solid; FONT-FAMILY: verdana; HEIGHT: 20px'>
</td>
</tr>
<tr>
<td height="19"><font face="Verdana, Arial, Helvetica, sans-serif">e-mail:</font>
<input name="email" type="text" id="email" style='BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; BORDER-LEFT: #336699 1px solid; WIDTH: 300px; COLOR: #000000; BORDER-BOTTOM: #336699 1px solid; FONT-FAMILY: verdana; HEIGHT: 20px'></td>
</tr>
<tr>
<td height="19"><font face="Verdana, Arial, Helvetica, sans-serif">Cidade:</font>
<input name="cid_env" type="text" id="cid_env" style='BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; BORDER-LEFT: #336699 1px solid; WIDTH: 300px; COLOR: #000000; BORDER-BOTTOM: #336699 1px solid; FONT-FAMILY: verdana; HEIGHT: 20px'></td>
</tr>
<tr>
<td height="19"><font face="Verdana, Arial, Helvetica, sans-serif">Para:</font><br>
<input name="para" type="text" id="para" style='BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; BORDER-LEFT: #336699 1px solid; WIDTH: 300px; COLOR: #000000; BORDER-BOTTOM: #336699 1px solid; FONT-FAMILY: verdana; HEIGHT: 20px'></td>
</tr>
<tr>
<td height="19"><font face="Verdana, Arial, Helvetica, sans-serif">Cidade:</font>
<input name="cid_dest" type="text" id="cid_dest" style='BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; BORDER-LEFT: #336699 1px solid; WIDTH: 300px; COLOR: #000000; BORDER-BOTTOM: #336699 1px solid; FONT-FAMILY: verdana; HEIGHT: 20px'></td>
</tr>
<tr>
<td height="19"><font face="Verdana, Arial, Helvetica, sans-serif">Recado:</font>
<textarea name="recado" cols="40" rows="5" wrap="VIRTUAL" id="recado"style='BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; BORDER-LEFT: #336699 1px solid; WIDTH: 300px; COLOR: #000000; BORDER-BOTTOM: #336699 1px solid; FONT-FAMILY: verdana; HEIGHT: 100px'></textarea></td>
</tr>
<tr>
<td height="19"><a href="javascript:inseresmile(':mad:');"><img src="../img/smiles/mad.gif" width="15" height="15" border="0"></a></td>
</tr>
</table>
<input name="data" type="hidden" value="<? echo "$data" ?>">
<input name="hora" type="hidden" value="<? echo "$hora" ?>">
<p align="center">
<input name="submit" type="submit" id="submit" style='font-size: 12px; background-color: yellow; font-weight: bold; border-color: blue' value="Mandar Recado" >
</p>
</form>
</body>
</html>

12/01/2004 11:11pm (~21 anos atrás)

Samuel Aiala Ferreira disse:

Opa Evandro, baum demais ?
Atendendo a pedidos ....

No form de envio de smiles coloque a seguinte função dentro do <head>

<script>
function inseresmile(string)
{
document.form1.txttexto.value = document.form1.txttexto.value +" " +string + " ";
document.form1.txttexto.focus();
}
</script>

e onde voce for enviar os desenhos (ao clicar em cima) vc coloca o seguinte codigo

<a href="javascript:inseresmile(':mad:');"><img src="../img/smiles/mad.gif" width="15" height="15" border="0"></a>

[]´s

03/11/2003 6:12am (~21 anos atrás)

Evandro Silva disse:

Faz tempo que procuro alguma coisa desse tipo. Obrigado.

Só queria que ao invés de digitar :) eu pudesse clicar na figura que quero inserir e ela aparecesse no formulário.

01/11/2003 8:53pm (~21 anos atrás)

Mostra Smiles iguais aos foruns e chats

Comentários:

Novo Comentário: