Давно давно, когда я еще делал сайт Вконтре.ру, сделал для него вот такой мини-чат. На самом деле всё просто и со вкусом. Кому надо, забирайте!
Сам вид материалов:
Code
<span style="margin-left:7px;"> <div style="margin-left: 5px;padding: 5px;"><div width="98%" style="padding: 5px; background-color: #ffffff; border: 1px solid rgb(220, 220, 220);" align="left"> <a href="javascript://" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+='$NAME$ , ';return false;" title="[$DATE$ в $TIME$]"><b style="color:#505050;"> $NAME$</b></a> <a href="/index/8-$USER_ID$" target="_parent"><u><b style="color:#808080;">[Профиль]</b></u></a><br>$MESSAGE$</div></div> </span>
Форма добавления сообщения: Code
<div align="center"><a href="$LOGIN_LINK$"><fieldset><legend>Авторизирутесь!!!!</legend>Для добавления необходима авторизация</fieldset></a>Доступ запрещен</div> <center></center>< table border="0" cellpadding="2" cellspacing="2" width="100%"> <tr><td width="100%"> <textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="margin-left:5px;height:40px;width:95%;resize:none;"></textarea> <div id="smiles" style="display:none;margin-top:3px;"><center> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/2/smile.gif" border="0" align="absmiddle" alt="smile" /> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/smile.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus(); parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/24/sad.gif" border="0" align="absmiddle" alt="sad"> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/sad.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/24/tongue.gif" border="0" align="absmiddle" alt="tongue"> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/tongue.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/24/surprised.gif" border="0" align="absmiddle" alt="surprised"> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/surprised.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/24/happy.gif" border="0" align="absmiddle" alt="happy"> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/happy.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/2/angry.gif" border="0" align="absmiddle" alt="angry" /> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/angry.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/2/shy.gif" border="0" align="absmiddle" alt="shy"> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/shy.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/2/rolleyes.gif" border="0" align="absmiddle" alt="rolleyes"> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/rolleyes.gif"></a><br> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/24/dry.gif" border="0" align="absmiddle" alt="dry"> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/dry.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/2/wink.gif" border="0" align="absmiddle" alt="wink" /> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/wink.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/2/cool.gif" border="0" align="absmiddle" alt="cool" /> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/cool.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' D) ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/biggrin.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/24/lol.gif" border="0" align="absmiddle" alt="lol"> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/lol.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' :kiss: ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/kiss.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/2/laugh.gif" border="0" align="absmiddle" alt="laugh"> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/laugh.gif"></a> <a href="javascript:void('Smile')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent. window.document.getElementById('mchatMsgF').value+=' <img src="http://s44.ucoz.net/sm/2/confused.gif" border="0" align="absmiddle" alt="confused"> ';return false;"><img border="0" src="http://s4.ucoz.net/sm/1/confused.gif"></a> <br></div> <div style="margin-left:10px;margin-top:3px;"> <a href="$RELOAD_URI$" title="Обновить чат"><img src="/chat/reload.gif" border="0"></a> <a href="javascript:void(0)" onclick="$('#smiles').slideToggle('fast');" title="Выбрать смайлик"><img src="/chat/smiles.gif" border="0"></a> <a href="$MSGCTRL_URI$" title="Модерировать чат"><img src="/chat/moder.gif" border="0"></a> <a href="javascript:sendik()" title="Отправить сообщение" class="mchat" id="mchatBtn"><img src="/chat/send.gif" border="0"></a> </div> <script type="text/javascript"> function sendik() { document.getElementById('send1').click(); } </script> <span style="display:none;"><input type="submit" style="display:none;" value="OK" class="mchat" id="send1" style="width:22px;"></span><img alt="" style="display:none;" id="mchatAjax" src="/chat/upload.gif" border="0" width="32"/> </td> </tr> </table>
Не забудьте скачать архив с картинками и залить их в папку сhat.
[ ПОЛУЧИТЬ ПРЯМУЮ ССЫЛКУ НА ФАЙЛ ] [ Скрыть ссылки ]
Жаловаться на материал
Гость Чтобы скачать "Вид миничата как Вконтре ", нужно кликнуть по рекламе.Если у вас не отображается реклама то у вас стоит плагин антиреклама! Решение проблемы: 1. Выключить плагин иле Зайти как пользователь.
Администор ресурса не имеет представления кто автор файла!
И если вы автор и вам не нравица что здесь размещен ваш файл то вы
имеете право написать админу! (конечно если вы представите информацию что
вы автор то файл будет либо удален либо изменен по требованию автора
файла).