Мгновенный предпросмотр сообщений и подписи (Alex_63)
Мгновенный предпросмотр сообщений
В топике, на странице отправки и редактирования сообщения
В топике, на странице отправки и редактирования сообщения
При наборе или вставке текста автоматически появляется окно предпросмотра с текстом сообщения.
В HTML низ:
Цитата
<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
<script type="text/javascript">
var PPREV = {};
PPREV.position = 2; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
</script>
<script type="text/javascript" src="http://hostjs.mybb.ru/files/0015/c4/3f/10524.js"></script>
<script type="text/javascript">
var PPREV = {};
PPREV.position = 2; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
</script>
<script type="text/javascript" src="http://hostjs.mybb.ru/files/0015/c4/3f/10524.js"></script>
Варианты расположения окна предпросмотра:
0 - Над полем ввода (стандартное)
1 - Под полем ввода
2 - Справа от поля ввода
Если нужно, чтобы предпросмотр работал и в Личке, ставим сразу после основного скрипта такой код:
Код
<script type="text/javascript">if($('#pun-messages').length){var pprevcont='<fieldset id="post-preview"><legend><span>Предварительный просмотр сообщения</span></legend><div class="fs-box"><div class="post-box"><div class="post-content"></div></div></div></fieldset>';if(document.URL.indexOf('&p')!=-1){if(PPREV.position==0 || PPREV.position==2) {$('#post').prepend(pprevcont);}if(PPREV.position==1){$('#post').append(pprevcont);}}else if(document.URL.indexOf('?action=new')!=-1){if(PPREV.position==0 || PPREV.position==2){$('#profile fieldset:first').before(pprevcont);}if(PPREV.position==1){$('#profile fieldset:first').after(pprevcont);}}if($('#post-preview').text().length<1){$('#post-preview').hide();}else{$('#post-preview').show();ParseContent();}var sTim;$('#main-reply:first').live('input',function(){ParseContent();});$('#form-buttons img,div[id$="-area"] *').click(function(){sTim=setTimeout(function(){clearTimeout(sTim);ParseContent();},40);});}</script>
Дополнение:
Мгновенный предпросмотр подписи
Ставить совместно со скриптом «Мгновенный предпросмотр сообщений» - в HTML-низ сразу после основного скрипта. При этом скрипт кнопок BB-кодов в подписи также должен быть установлен (в HTML-верх).
Код
<!--Мгновенный предпросмотр подписи-->
<script type="text/javascript">if($('#profile5').length){var pprevcont='<fieldset id="post-preview" style="margin-top:1em"><legend><span>Предварительный просмотр подписи</span></legend><div class="fs-box" style="padding-bottom:0"><div class="post-box" style="margin-bottom:0"><div class="post-content"></div></div></div></fieldset>';$(document).ready(function(){$('#post-sig').before(pprevcont);if($('#post-preview').text().length<1){$('#post-preview').hide()}else{$('#post-preview').show();ParseContent();}var sTim;$('#main-reply:first').live('input',function(){ParseContent();});$('#form-buttons img,div[id$="-area"] *').click(function(){sTim=setTimeout(function(){clearTimeout(sTim);ParseContent()},40)})})}</script>
<script type="text/javascript">if($('#profile5').length){var pprevcont='<fieldset id="post-preview" style="margin-top:1em"><legend><span>Предварительный просмотр подписи</span></legend><div class="fs-box" style="padding-bottom:0"><div class="post-box" style="margin-bottom:0"><div class="post-content"></div></div></div></fieldset>';$(document).ready(function(){$('#post-sig').before(pprevcont);if($('#post-preview').text().length<1){$('#post-preview').hide()}else{$('#post-preview').show();ParseContent();}var sTim;$('#main-reply:first').live('input',function(){ParseContent();});$('#form-buttons img,div[id$="-area"] *').click(function(){sTim=setTimeout(function(){clearTimeout(sTim);ParseContent()},40)})})}</script>
Просмотров: 1021, Загрузок: 24, Комментарии: 17, Оценка: 5.0 (2)
| Страницы: | ||||
| ||||
