» » » Попередній перегляд який додається матеріал для uCoz

Попередній перегляд який додається матеріал для uCoz

Попередній перегляд який додається матеріал для uCoz

На цій сторінці представлено кілька варіантів, як зробити попередній перегляд який додається матеріалу на uCoz. Користувач зможе побачити, як виглядатиме тіло матеріалу перед додаванням в Ajax-вікні.

Скрипт буде корисним для сайтів, де при додаванні матеріалів потрібно робити якесь оформлення, де потрібне використання BB-кодів. Наприклад, це сайти кіно-тематики (раджу подивитися кіно-шаблон для uCoz і інші ), де є заготовлений шаблон з BB-кодами для вставки в матеріал (жанр, рік, режисер та інше).

Спосіб перший
Спосіб використовує стандартну функцію попереднього перегляду ЛЗ (особистих повідомлень). Перевірено на всіх модулях.

Можна використовувати тільки BB-коди.

На сторінці додавання матеріалу вставте після $BODY$:
<script type="text/javascript"> 
function fi4adotru(){  
  var brf = $('#brief').val();  
  if(brf == '') brf = 'Краткое описание материала не заполнено!';  
  new _uWnd('fi4adotru', 'Краткое описание материала', 350, 250, {autosize:1}, {url:'/index/',xml:false,type:'post',data:{message:brf,a:70}});  
}  
function fi4aru(){  
  var msg = $('#message').val();  
  if(msg == '') msg = 'Полное описание материала не заполнено!';  
  new _uWnd('fi4aru', 'Полное описание материала', 350, 250, {autosize:1}, {url:'/index/',xml:false,type:'post',data:{message:msg,a:70}});  
}  
$("#brief").after("<input type='button' title='Предварительный просмотр материала' onclick='fi4adotru();' value='Просмотреть' style='margin-left:20px;' class='codeButtons'>");  
$("#message").after("<input type='button' title='Предварительный просмотр материала' onclick='fi4aru();' value='Просмотреть' style='margin-left:20px;' class='codeButtons'>");  
</script>
 


Спосіб другий
Використовуємо стандартний скрипт предпросмотра повідомлень форуму. Обов'язково потрібно включити модуль Форум і для потрібних груп дозвольте використання HTML-тегів (П.У. »Користувачі» Групи користувачів »Змінити властивості і права групи (/ panel /? a = users; l = groups ; t = 2; id = 4): "Дозволити HTML теги в повідомленнях").

Вставити також, як і в першому способі, після $ BODY $ :
<script type="text/javascript">  
function fi4adotru(){  
  var brf = $('#brief').val();  
  if(brf == '') brf = 'Краткое описание материала не заполнено!';  
  new _uWnd('fi4adotru', 'Краткое описание материала', 350, 250, {autosize:1}, {url:'/forum/',xml:false,type:'post',data:{message:brf,frmt1:1,ahtml1:1,sm:1,a:32}});  
}  
function fi4aru(){  
  var msg = $('#message').val();  
  if(msg == '') msg = 'Полное описание материала не заполнено!';  
  new _uWnd('fi4aru', 'Полное описание материала', 350, 250, {autosize:1}, {url:'/forum/',xml:false,type:'post',data:{message:msg,frmt1:1,ahtml1:1,sm:1,a:32}});  
}  
$("#brief").after("<input type='button' title='Предварительный просмотр материала' onclick='fi4adotru();' value='Просмотреть' style='margin-left:20px;' class='codeButtons'>");  
$("#message").after("<input type='button' title='Предварительный просмотр материала' onclick='fi4aru();' value='Просмотреть' style='margin-left:20px;' class='codeButtons'>");  
</script>


Третій спосіб
Не використовуємо стандартні скрипти uCoz і не використовуємо звернень до сервера. Код вставити також після $ BODY $ :
<script type="text/javascript">    
function fi4a(ru) {  
var text = $('#'+ru).val();  
text = text.split('\n').join('<br/>').split('[l]').join('<div align=\'left\'>').split('[/l]').join('</div>').split('[r]').join('<div align=\'right\'>').split('[/r]').join('</div>').split('[c]').join('<div align=\'center\'>').split('[/c]').join('</div>').split('[img]').join('<img src=\'').split('[/img]').join('\'/>').split('[url').join('<a href').split('url]').join('a>').split('[size').join('<font size').split('size]').join('font>').split('[color').join('<font color').split('color]').join('font>').split('<').join('<').split('[').join('<').split(']').join('>').split('[/').join('</');  
if(text == '') text = 'Описание материала не заполнено!';  
new _uWnd('HelpWd','Предварительный просмотр материала',350, 250, {modal:1,autosize:1,closeonesc:1,resize:1,align:'justify',maxh:400},''+text+'');return false;  
}  
$("#brief").after('<input type="button" title="Предварительный просмотр материала" onclick="fi4a(\'brief\')" value="Просмотреть (HTML + BB)" style="margin-left:20px;" class="codeButtons">');  
$("#message").after('<input type="button" title="Предварительный просмотр материала" onclick="fi4a(\'message\')" value="Просмотреть (HTML + BB)" style="margin-left:20px;" class="codeButtons">');  
</script>


Примітка: в деяких модулях таких як Новини сайта, Блог, FAQ (питання / відповіді) немає окремої сторінки додавання матеріалу, в цих модулях не забуваємо перевірити $ PAGE_ID $ . Тобто маємо отримати так:
<?if($PAGE_ID$="add")?>КОД<?endif?>


UCOZ scripts
1596 25.09.14



Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлеру




Аватар
admin  19:35, 10 грудня

аяйяйяй, погано "спамер" налаштували ;)
з кодуванням не вгадали.

Відповісти
Аватар
LinaDoolf  22:14, 05 жовтня

?????? ?? ?????! - ??????? ?? ??????????!

??? ?????? ????????????? ????????? ????? ?? ???? ??????????, ??????? ?????? ??????? ?? ????????.

?????? ??? ????? ?? ? ???????? ???????? ???????????, ??????? ????? ????????? ??????, ?? ???? ??????? ????? ? ???????? ?? ??? ??????.

????? ????? ????? ???????? ??????????? ? ?????? ??????? ?????, ??????????? ??? ???? 45 ?????? ?? 1 ???????????? ????,

??? ?????????? ?????? ?????????????????? ?? ????? ???????.

???????????? ? ????????? ? ????????? ?? ????? ?????: > https://optimdoxod.blogspot.com/ <

????? ???????????? ??????? ????????? ? ??????? ?????????? ?????.

Відповісти