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


Moderador: web

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

Como usar smiley ou smilies em sistemas

25-03-2007 12:16

Esse artigo mostra como usar smilies em nossos sistemas, ou seja, dar opção aos visitantes de colocarem :D ou :*) e retornarem figuras de acordo.

Esse artigo vai ser dividido em partes.

Parte do formulário
Vou passar aqui um exemplo básico de como deve ser o nosso formulário, ou seja, por onde o visitante vai adicionar os smilies e informações.

Obs.: Atenção para o name do form e do textrea, ambos deve estar de acordo com o passado dentro da área do SCRIPT.

SCRIPT:

<script language=javascript> function setsmiley(text) { if (document.form.mensagem.createTextRange && document.form.mensagem.caretPos) { var caretPos = document.form.mensagem.caretPos; caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text; } else document.form.mensagem.value += text; document.form.mensagem.focus(caretPos) } function storeCaret(text) { if (text.createTextRange) { text.caretPos = document.selection.createRange().duplicate(); } } </script>

FORMULÁRIO
<form name="form"> <A href="javascript:setsmiley(':)');">:)</a> <A href="javascript:setsmiley(':(');">:(</a> <textarea cols="20" rows="10" name="mensagem" onKeyup="javascript:storeCaret(this);" onClick="javascript:storeCaret(this);" onChange="javascript:storeCaret(this);" onSelect="javascript:storeCaret(this);"></textarea> </form>

Agora vamos a leitura desses smilies como figura.

Lá no seu PHP, onde você busca no banco de dados o que foi armazenado, incluíndo os símbolos dos smilies, você deve passar que quer converter os símbolos dos smilies em figuras, para isso usaremos o seguinte código:
Obs.: com base que ao puxar o campo da tabela do banco de dados armazenou em um variável chamada $texto:

<?php /* aqui vai as troca que você quer, 1º o símbolo depois o caminho correspondente para figura */ $texto=str_replace(":)","<img src='...'>",$texto); $texto=str_replace(":(","<img src='...'>",$texto); /* aqui impedimos que códigos em html sejam interpretados */ $texto=str_replace("<","<",$texto); $texto=str_replace(">",">",$texto); /* aqui, lemos os dados do seu campo onde está o texto com smilies */ echo "$texto"; ?>

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: Google Adsense [Bot]