Как да сложа към форма да има и емотикони ?

[Moreny]

Здравейте
Търся урок как мога към една проста форма за добавяне на коментар да направя да има и емотикони. Идеята е освен само текст да има под формата едно поле където да има 10-тина емотикони и да могат да се публикуват.

Благодаря Ви!

 

[animatora]

http://web-tourist.net/login/login/view.php?st=775

 

[Moreny]

Благодаря ! Аз го видях това преди да пиша, но търсех скрипт само за емотикони без да има допълнителни неща. Искам на една форма за коментари само емитиконки да се добавят. Може ли някой да ми обясни как точно става или да даде някакво скриптче.

Поздрави!

 

[Galli]

По същия начин като в урока. Ето изкарал съм ти само кода за добавяне на иконите.

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>форма</title>
<script language="javascript" type="text/javascript">
function emoticon(text) {
  var txtarea = document.form1.text;
  text = ' ' + text;
  if (txtarea.createTextRange && txtarea.caretPos) {
    var caretPos = txtarea.caretPos;
    caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
    txtarea.focus();
  } else {
    txtarea.value  += text;
    txtarea.focus();
  }
}
</script>
</head>
<form action="" method="post" name="form1">
<textarea name="text" cols="65" rows="9"></textarea>
<br>
<a href="javascript:emoticon(':biggrin:');"><img src="smiles/biggrin.gif"  border="0" alt="img"></a>
<a href="javascript:emoticon(':cool:');"><img src="smilies/cool.gif"  border="0" alt="img"></a>
<a href="javascript:emoticon(':cry:');"><img src="smilies/cry.gif"  border="0" alt="img"></a>
<a href="javascript:emoticon(':dead:');"><img src="smilies/dead.gif"  border="0" alt="img"></a>
<br>
<input name="Submit" type="submit" class="button" value="Изпрати"> 
</form>

Но или при записването или при извеждането на коментара трябва да минава през една такава PHP функция примерно.

function smiles($text){
$in=array(":biggrin:",":cool:",":cry:",":dead:");
$out=array('<img src="smilies/biggrin.gif" alt="img">','<img src="smilies/cool.gif" alt="img">',
'<img src="smilies/cry.gif" alt="img">','<img src="smilies/dead.gif" alt="img">');
$text=str_replace($in,$out,$text);
return $text;
}