Mostraremos como agregar carinhas ou expressões em nosso sistema, (fórum, tagboard, chat, comentários ou seja, qualquer script que quisermos que tenha uma(s) carinha(s) ou expressão(ões).

Começaremos:

Vamos usar a função str_replace() de PHP: esta função substitui tal por tal2 exemplo:str_replace("carinha_louca","<img src=carinha_louca.gif>") ou seja, mudamos qualquer aparecimento do texto "carinha_louca" por uma imagem da carinha louca. Só é um exemplo.

Vejamos como funciona:

Digamos que temos um sistema seja mysql ou puro .txt, é indiferente, o importante é mudar as expressões de texto por imagens, certo. Bem, esta é a função:

<?php
function expressoes($mensagem) {
$mensagem = str_replace(":)","<img src= feliz.gif>", $mensagem);
$mensagem = str_replace(":(","<img src=triste.gif>", $mensagem);
$mensagem = str_replace(":P","<img src=lingua.gif>", $mensagem);
return $mensagem;
}
?>

Sendo assim, só esta função não faz nada:

Para que mostre as carinhas filtramos o resultado da variável $mensagem assim: $mensagem = expressoes($mensagem); Isto diz ao sistema que se dentro da variável encontrar $mensagem encontra ( exemplo: :), :P, :(, ) que mude pela imagem correspondente.

Até o momento quando o usuário colocar em nosso campo name="mensagem": * ola :) * mudará o :) pela carinha correspondente

Porém, vamos mais longe:

Lembramos que "$mensagem" é o nome do campo onde colocaremos o texto que o sistema mudará pelas carinhas e o texto grande ou idéia ou o que for que estivermos escrevendo. Então, temos o exemplo de um formulário:

<form name="meu_formulario" action="processar.php" method="post">
Nome: <input type="text" name="nome" size="26">
Mensagem <textarea name="mensagem" cols="58" rows="14" wrap="virtual"><?echo $mensagem;?></textarea>
<input type="submit" name="Submit" value="Publicar">
</form>

Agora nós queremos que ao clicar em um botão ou em uma carinha saia :) no campo name="mensagem" teremos que fazer isto:

Antes do formulário colocamos isto:

<script language="JavaScript">
<!--
function carinhas(Which){
document.meu_formulario.mensagem.value = document.meu_formulario.mensagem.value + Which;
}
// -->
</script>

Logo no formulário, atenção com isto: mi_formulario é o nome do formulário e mensagem é o campo onde irão as expressões em texto das carinhas.

Este é o link que vai fazer aparecer as carinhas no textarea:
<a href="javascript:carinhas(':(')"><img src=triste.gif></a>

Agora será a vez de vocês inventarem as carinhas!