Подскажите пожалуйста как реализовать кнопку со смайлами как на mail.ru когда отправляешь сообщение в панели редактирования. Там кнопка на нее нажимаешь и появляются смайлики...
HEMASTER если не ошибаюсь, то там нет ничего сложного. делаешь скрытый див со всеми смайлами. при нажатии кнопки просто показываешь его. если уже показан - скрываешь. а вот добавление смайлов в текст сообщения обсуждалось в другом посте
Само добавление смайлов в текст я научился делать... а вот то что ты объяснил не знаю как реализовать.. подскажи код javascript?
Сделал вот такой вариант Код (Text): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <script language="JavaScript" type="text/javascript"> function setSmile( which ) { obj = document.getElementById('text'); obj.value += which; obj.focus(); } </script> <script language="javascript"> function showMenu(id_menu){ var my_menu = document.getElementById(id_menu); if(my_menu.style.display=="none" || my_menu.style.display==""){ my_menu.style.display="block"; } else { my_menu.style.display="none"; }} </script> <style type="text/css"> ul{height:21px;} .sub_menu{display:none; position:relative; border:solid 1px #DEDEDE; border-top:solid 1px #DEDEDE; border-right:solid 1px #999999; border-bottom:solid 1px #999999; width:170px; background:#FFFFFF;} </style> </head> <body> <ul> <img src="http://localhost/null/images/smiles/smile.gif" onClick="javascript:showMenu('id_menu_profile')" style="cursor:pointer"/> <div class="sub_menu" id="id_menu_profile"> <table border="0" cellspacing="10" cellpadding="0"> <tr> <td><a href='javascript:setSmile(":)")' title="Улыбка"><img src="http://localhost/null/images/smiles/smile.gif" /></a></td> <td><a href='javascript:setSmile(":(")' title="Грусть"><img src="http://localhost/null/images/smiles/sad.gif" /></a></td> <td><a href='javascript:setSmile(":crazy:")' title="Сумасшествие"><img src="http://localhost/null/images/smiles/crazy.gif" /></a></td> <td><a href='javascript:setSmile(":rofl:")' title="Лопну от смеха"><img src="http://localhost/null/images/smiles/rofl.gif" /></a></td> <td><a href='javascript:setSmile(":diablo:")' title="Чертовски злюсь"><img src="http://localhost/null/images/smiles/diablo.gif" /></a></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </div> </ul> <textarea name="text" cols="45" rows="5" id="text"></textarea> </body> </html> Но хотелось бы чтобы смайлики исчезали когда выбираешь один или кликаешь курсором в др области страницы.. как на mal.ru в общем