Главная » Статьи » Для сайта » BB Код

Экономим время добавляя в bb панель кнопку Видео на uCoz
Всем доброго дня, первое решение в обновлённом блоге, я хочу посвятить такой проблеме, как большая затрата времени на установку кода видео ролика в контент сайта.
Я уверен, что многие из вас кто читает данный текст, хоть да раз, да и устанавливал в контент своего сайта тот или иной видео ролик и все сталкивались с проблемой ненужных действий.

Нам следует на странице добавление материала в модуле новости сайта на панели bb кнопок нажать на нужную кнопку, которая откроет новое окно, в котором нам следует скопировать bb тег для видео ролика
Код
[video][/video]

потом скопировать в него ссылку на видео ролик
Код
[video]http://www.youtube.com/watch?v=wUOa450qGlk[/video]

и получить нужный результат.

А ведь многие для экономии своего времени копируют данный bb тег к себе на компьютер в тестовый документ, чтобы потом быстро его использовать в своём контенте, вариант, но не эффективный.

Так вот, вооружившись горячим чаем, я отправился покорят просторы интернета в поисках своего ответа, и обнаружил небольшой js код, который в нужное мне место на странице может поместить нужную мне информацию.
Код
<script type="text/javascript">$('ид ячейки').append("ваш контент ");</script>

в целом пришлось убить немного времени, чтобы понять куда, что и как устанавливать, но это того стоит, в результате чего у меня получился вот такой код.
Код
<script type="text/javascript">$('#nwM22 #bc1').append("<input value=\"Видео\" onclick=\"_cdm_video ('message')\" name=\"video\" class=\"codeButtons\" type=\"button\"> ");  
</script>

в котором я говорю, что в ячейки с идентификатором #nwM22 следует найти ещё одну ячейку с идентификатором #bc1 и поместить в неё нашу кнопку видео.

Но я решил додумать это решение, так как копировать ссылку с Ютуба в контент, а потом выделять её и нажимать на кнопку Видео, будет снова затратно.

Поэтому я продублировал стандартный js код от ucoz, но со своими изменениями:
Код
<script type="text/javascript">function _cdm_video (wh){  
var videourl = prompt('Cсылка на Видео', "http://");  
if (!videourl || videourl=='http://'){  
  return;  
}  

doInsert('[video]'+videourl+'[/video]',"",false,wh);  
}</script>

в результате чего при нажатии на кнопку Видео, у нас появляется мини окно, в которое следует вписать ссылку на видео ролик

в целом на страницу Архив материала в модуль Новости сайта, в самый низ страницы перед закрывающим тегом следует установить данный js:
Код
<?if($PAGE_ID$="add" or $PAGE_ID$="edit")?><script type="text/javascript">  
$('#nwM22 #bc1').append("<input value=\"Видео\" onclick=\"_cdm_video ('message')\" name=\"video\" class=\"codeButtons\" type=\"button\"> ");  

function _cdm_video (wh){  
var videourl = prompt('Ссылка на Видео', "http://");  
if (!videourl || videourl=='http://'){  
  return;  
}  

doInsert('[video]'+videourl+'[/video]',"",false,wh);  
}</script>  
<?endif?>

Согласись, что всё быстро и понятно, но у нас существует ещё одна не очень существенная проблема, а именно, на странице с контентом и комментариями, наш видео ролик отображается не на всю ширину ячейки с контентом.

Но это дело поправимо, нам следует на странице с контентом, поместить переменную MESSAGE в ячейку div
Код
<div class="cell-content">$MESSAGE$</div>

а в css стили добавить следующие строчки:
Код
.cell-content div[role="button"] {  
  width: 425px!important;  
  height: 355px!important;  
}

в которых мы прописываем ширину и высоту нашего видео ролика

Вот так благодаря пару строкам кода, мы с Вами сэкономили немного времени в будущем, на этом всё, спасибо за внимание!
Категория: BB Код | Добавил: туссин (09.03.2014)
Просмотров: 898 | Теги: добавить, видео, новости, bb | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Disqus comments

comments powered by Disqus
Гипер-ссылка на источник
HTML
BB-Code
Ссылка

Сообщить о неработающей ссылке

E-mail отправителя *:
Тема *:
Адрес материала *:
Адрес битой ссылки *:
Проверка *:

1
Свернуть
Развернуть чат
Необходима авторизация
0