Как сделать чтобы при нажитии на смайлик в поле <input type="text" size="100" name=mesage> вставлялся текст..например (1)....

Страница разделена следующим образом:

Смайлики хранятся в файле smiles.php
Отображатся должнЫ в panel.php в
<input type="text" size="100" name=mesage>




<frameset rows="50,*,50" border="0">
<frame src="logo.php" scrolling="no">
<frameset cols="*,50,180" border="0">
<frame src="mesages.php" scrolling="yes">
<frame src="smiles.php" scrolling="yes">
<frame src="online.php" scrolling="yes">
</frameset>
<frame src="panel.php" scrolling="no" name=bottomframe>
</frameset>

Обращаемся к текстовому полю в panel.php из фрейма smiles.php:

Код

top.frames['bottomframe'].document.forms['form_name'].elements['message'].value

Изменяя содержимое свойства value мы измеянем содержимое текстового поля.

Код

//smiles.php function addText(txt) { if(typeof(top.frames['bottomframe']!='undefined') { //фрейм существует  top.frames['bottomframe'].document.forms['form_name'].elements['message'].value+=txt; } } ... <img src='smile.gif' onClick='addText(":)")'>

Разработчики IE подошли с интересным решением: существует обьект selection который отвечает за любую селекцию на странице. Через этот обьект можно править все, включая содержимое текстовых полей. Для этого получаем обьект TextRange и изменяем содержимое его поля text:

Код

//smiles.php function addText(txt) { var trgt; if(typeof((trgt=top.frames['bottomframe']))=='undefined') return; if(typeof(trgt.document.selection)!='undefined') { //IE compatible  var rng=trgt.document.selection.createRange(); //создаем обьект TextRange  if(rng.parentElement()==trgt.document.forms['form_name'].elements['message']) { //селекция(курсор) именно в текстовом поле   rng.text=txt;   return;  } } //иначе просто добавляем текст trgt.document.forms['form_name'].elements['message'].value+=txt; } ... <img src='smile.gif' onClick='addText(":)")'>