Информация

"4admins.ru" Рекомендует

BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Разные довески в сообщениях
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 688
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 122
Поблагодарили: 312 раз в 210 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Сообщение Добавлено: 26 янв 2011, 04:25

Название
BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Прощальный рецепт. Игрушка, которая не успела поработать на живом форуме.
Вчера сняла с себя админские права, больше мне в форуме ТП делать нечего.
Всем успешного продвижения форумов, адекватных пользователей, модераторов и соадминов. :privet:

На этот раз меня не совсем ВВ-коды. У меня выбиралка ВВ-кодов, которую я смастерила прочитав вот эту тему: viewtopic.php?p=907#p907

Итак... Флеш, как выяснилось, разрешать в форуме опасно, для вставки видео лучше добавлять соответствующие ВВ-коды (почитать подробно).
Ресурсов для хостинга видео много. В окно ответа все ВВ-коды для вставки видео не поместятся и пользователи, конечно, не упомнят, для каких ресурсов есть ВВ-коды, а для каких нет. К тому же, как известно, пользовательские ВВ-коды, показываемые в окне ответа, сортируются по алфавиту. И если Вы в рукопашную не прописывали в окне ответа пользовательские Вв-коды, и не сносили блок, который выводит пользовательские Вв-коды, то Вв-коды для вставки видео оказываются вперемешку с другими ВВ-кодами, из-за чего в кнопках не очень то удобно становится ориентироваться.

Чтобы упростить пользователям жизнь, отредактируем шаблон постинг_баттонс по аналогии с рецептом для BBCode Выбор шрифта.

1. Открываем шаблон постинг_баттонс.
Находим:
Код: Выделить всё
tip: '{L_STYLES_TIP}'

ПЕРЕД ним добавляем:
Код: Выделить всё
video: 'вставка видео',

Еще лучше будет, если вместо "вставка видео" Вы коротко опишете подсказки к тем ВВ-кодам для вставки видео, которые у Вас есть.
Например:
'liveinternet - ссылка на пост с роликом, mailvid, rutube, youtube - ссылка на видео, smotri - ссылка на видео из адресной строки браузера, videoyandex - ссылка из кода ролика для Livinternet.ru'

Находим:
Код: Выделить всё
<!-- IF S_BBCODE_FLASH -->

ПЕРЕД ним добавляем:
Код: Выделить всё
<span class="genmed nowrap">video: <select class="gensmall" name="addbbcodevideo" onchange="bbfontstyle('[' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']', '[/' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']');this.form.addbbcodevideo.selectedIndex = 0;" onmouseover="helpline('video')" onmouseout="helpline('tip')">
             <option value="выбрать">выбрать</option>             
             <option value="liveinternet">liveinternet</option>
             <option value="mailvid">mailvid</option>
             <option value="rutube">rutube</option>
             <option value="smotri">smotri</option>
             <option value="youtube">youtube</option>
             <option value="videoYandex">videoYandex</option>
     </select></span>


Сохраняемся, чистим кэш.

2. Добавляем ВВ-коды для вставки видео liveinternet, mailvid, rutube, smotri, youtube, videoYandex. В настройках каждого из этих ВВ-кодов задаем не показывать на странице ответа. Все ВВ-коды можно найти в форуме ТП и на phpbb3guru. Можно по аналогии других ВВ-кодов для вставки видео в селектор насовать... Например, для вставки видео с гугля или дейлимоушена.

В результате в окне ответа появится не много-много кнопок с ВВ-кодами для вставки видео, а один селектор, при нажатии на который пользователь сможет выбрать нужный ВВ-код.
Примерно так:
Изображение
Пример на тестовом форуме:
http://foxlodge.fatbb.ru/posting.php?mode=reply&f=2&t=1

За это сообщение пользователя Alice поблагодарили:
Автор, Bukovka, Djeday, Gold, LeRenard, SanyaFox, vikweb

Аватара пользователя
Сообщения: 688
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 122
Поблагодарили: 312 раз в 210 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Сообщение Добавлено: 26 янв 2011, 05:42

И ВВ-коды для вставки видео, которые проходят валидацию (обращаю внимание, все коды замены отличаются от уже выкладывавшихся в форуме ТП - мои коды без embed, если считаете при вставке видео embed нужным - используйте другие коды замены), тестировались в Firefox 3.6.13, Google Chrome 8.0.552.237, Opera 11.00, Internet Explorer 8, Safari 4.0.5 из под ОС Windows XP - в этих браузерах и с этой операционкой работают. Под ОС Mac не проверялось.

Видео из liveinternet
Использование:
Код: Выделить всё
[liveinternet]{TEXT}/post{TEXT1}/play[/liveinternet]

Замена:
Код: Выделить всё
<object width="404" height="345" type="application/x-shockwave-flash" data="http://www.liveinternet.ru/flash/zum_flv_player.swf?id={TEXT1}"><param name="movie" value="http://www.liveinternet.ru/flash/zum_flv_player.swf?id={TEXT1}" /><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /></object>

Подсказка:
Код: Выделить всё
Вставка видео из liveinternet.ru: [liveinternet]ссылка на пост с роликом[/liveinternet]

Пример использования:
Код: Выделить всё
[liveinternet]http://www.liveinternet.ru/users/moza/post55225421/play[/liveinternet]


Видео c mail.ru
Использование:
Код: Выделить всё
[mailvid]http://video.mail.ru/{TEXT3}/{TEXT}/{TEXT1}/{TEXT2}.html[/mailvid]

замена:
Код: Выделить всё
<object width="626" height="367" type="application/x-shockwave-flash" data="http://img.mail.ru/r/video2/player_v2.swf?par=http://content.video.mail.ru/{TEXT3}/{TEXT}/{TEXT1}/${TEXT2}" ><param name="movie" value="http://img.mail.ru/r/video2/player_v2.swf?par=http://content.video.mail.ru/{TEXT3}/{TEXT}/{TEXT1}/${TEXT2}" /><param name="flashvars" value="imaginehost=video.mail.ru&amp;perlhost=video.mail.ru&amp;alias={TEXT3}&amp;username={TEXT}&amp;albumid={TEXT1}&amp;id={TEXT2}&amp;catalogurl=http://video.mail.ru/themes/music&amp;page=1" /><param name="devicefont" value="false"/><param name="menu" value="false"/><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /></object>

Подсказка:
Код: Выделить всё
Вставка видео с mail.ru [mailvid]ссылка на видео[/mailvid]

Пример использования:
Код: Выделить всё
[mailvid]http://video.mail.ru/mail/upi_xl/550/557.html[/mailvid]


Видео с rutube
Использование:
Код: Выделить всё
[rutube]http://rutube.ru/tracks/{NUMBER}.html?v={TEXT}[/rutube]

Замена:
Код: Выделить всё
<object width="470" height="353" type="application/x-shockwave-flash" data="http://video.rutube.ru/{TEXT}"><param name="movie" value="http://video.rutube.ru/{TEXT}" /><param name="wmode" value="window" /><param name="allowFullScreen" value="true" /></object>

Подсказка:
Код: Выделить всё
Видео с rutube [rutube]ссылка на видео[/rutube]

Пример использования:
Код: Выделить всё
[rutube]http://rutube.ru/tracks/1927842.html?v=19a767a61654a7d37c7c4553b2ed2706[/rutube]


Видео со смотри.ком
Использование:
Код: Выделить всё
[smotri]{TEXT}=v{TEXT1}[/smotri]

Замена:
Код: Выделить всё
<object width="640" height="360" type="application/x-shockwave-flash" data="http://pics.smotri.com/player.swf?file=v{TEXT1}&amp;bufferTime=3&amp;autoStart=false&amp;str_lang=rus&amp;xmlsource=http%3A%2F%2Fpics.smotri.com%2Fcskins%2Fblue%2Fskin_color.xml&amp;xmldatasource=http%3A%2F%2Fpics.smotri.com%2Fskin_ng.xml"><param name="movie" value="http://pics.smotri.com/player.swf?file=v{TEXT1}&amp;bufferTime=3&amp;autoStart=false&amp;str_lang=rus&amp;xmlsource=http%3A%2F%2Fpics.smotri.com%2Fcskins%2Fblue%2Fskin_color.xml&amp;xmldatasource=http%3A%2F%2Fpics.smotri.com%2Fskin_ng.xml" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="bgcolor" value="#ffffff" /></object>

Подсказка:
Код: Выделить всё
Вставка видео со Smotri.com [smotri]ссылка на страницу ролика из адресной строки[/smotri]

Пример использования:
Код: Выделить всё
[smotri]http://smotri.com/video/view/?id=v146948126c9[/smotri]


Видео с Яндекс.видео:
Использование:
Код: Выделить всё
[videoYandex]http://static.video.yandex.ru/lite/{SIMPLETEXT1}/{SIMPLETEXT2}[/videoYandex]

Замена:
Код: Выделить всё
<object width="450" height="357" type="application/x-shockwave-flash" data="http://static.video.yandex.ru/lite/{SIMPLETEXT1}/{SIMPLETEXT2}/"><param name="video" value="http://static.video.yandex.ru/lite/{SIMPLETEXT1}/{SIMPLETEXT2}/"/><param name="allowFullScreen" value="true"/><param name="scale" value="noscale"/></object>

Подсказка:
Код: Выделить всё
Вставка видео с yandex.video: [videoYandex]Ссылка из кода для LiveInternet[/videoYandex]

Пример использования:
Код: Выделить всё
[videoYandex]http://static.video.yandex.ru/lite/epfeifer/g8pzj0t66k.1108[/videoYandex]


Видео с ютуб:
Использование:
Код: Выделить всё
[youtube]http://www.youtube.com/watch?v={TEXT}[/youtube]

Замена:
Код: Выделить всё
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/{TEXT}&amp;hl=ru&amp;fs=1&amp;" width="425" height="344"><param name="movie" value="http://www.youtube.com/v/{TEXT}&amp;hl=ru&amp;fs=1&amp;" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /></object>

Подсказка:
Код: Выделить всё
Видео с youtube [youtube]ссылка на видео[/youtube]

Пример использования:
Код: Выделить всё
[youtube]http://www.youtube.com/watch?v=fwEtAwXgeaQ[/youtube]


Пример работы ВВ-кодов на тестовике:
http://foxlodge.fatbb.ru/viewtopic.php?p=30#p30

За это сообщение пользователя Alice поблагодарили:
Bukovka, Djeday, GoDFaTHeR, Gold, LeRenard, SanyaFox, Shans

Аватара пользователя
Сообщения: 1848
Зарегистрирован: 02 окт 2009, 10:19
Откуда: Украина
Благодарил (а): 68
Поблагодарили: 673 раз в 507 сообщениях
Город: Киев
Пол: Мужской
Адрес форума: 4admins.ru
бабло: 0
Баллы репутации: 81

Re: BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Сообщение Добавлено: 26 янв 2011, 10:12

Отличнейшая идея. Браво.

Аватара пользователя
Сообщения: 688
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 122
Поблагодарили: 312 раз в 210 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Сообщение Добавлено: 26 янв 2011, 15:48

Еще бы заставить эту штуку к каждому ВВ-коду показывать свою подсказку - и была бы совсем универсальная конфета, из которой можно было бы при желании сотворить выбиралку остальных Вв-кодов, которые не помещаются в окно ответа... Тоже было бы удобно, пользователь бы видел, какие еще ВВ-коды есть в форуме и какими он может воспользоваться. И вручную ВВ-коды, которые не помещаются в окно ответа, не пришлось бы каждый раз набирать...

Например, засунуть в селект такое:
<option value="others">другие ВВ-коды...</option>
<option value="название ВВ-кода1">название ВВ-кода1</option>
<option value="название ВВ-кода2">название ВВ-кода2</option>
<option value="название ВВ-кода3">название ВВ-кода3</option>
и т.д...
<option value="название ВВ-кодаN">название ВВ-кодаN</option>



Я пробовала сделать так.
В селекторе вместо onmouseover="helpline('video')" написать: onmouseover="helpline(this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value)"
И к каждому option перед tip: '{L_STYLES_TIP}' описать подсказку...
Например:
Код: Выделить всё
выбрать: 'выбор ВВ-кода для вставки видео',
liveinternet: 'подсказка для liveinternet',
mailvid: 'подсказка для mailvid',
rutube: 'подсказка для rutube',

И т.д.
tip: '{L_STYLES_TIP}'

В итоге, разные подсказки к каждому ВВ-коду оно показывало. Но почему-то оно показывало подсказки вовсе не к тому ВВ-коду, на который наведена мышь. *pardon*

А с задачкой, как сделать, чтобы для каждого ВВ-кода вылезала подсказка именно к нему - я не справилась. *pardon* Из-за этого пришлось для всех option селектора сделать одну общую подсказку.
Может быть, кто-то еще придумает, как доработать селектор, чтоб подсказки к каждому option были разные. :)

Аватара пользователя
Сообщения: 843
Зарегистрирован: 12 янв 2012, 14:35
Благодарил (а): 69
Поблагодарили: 174 раз в 162 сообщениях
Город: Уварово
Пол: Мужской
Адрес форума: http://djedaysoft.ru/
Баллы репутации: 31

Re: BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Сообщение Добавлено: 31 янв 2012, 16:17

Стиль prosilver, в шаблоне постинг_баттонс нет кода:
Код: Выделить всё
tip: '{L_STYLES_TIP}'

Шаблон:
Код: Выделить всё
<script type="text/javascript">
// <![CDATA[
   var form_name = 'postform';
   var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
   var load_draft = false;
   var upload = false;

   // Define the bbCode tags
   var bbcode = new Array();
   var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','[/code]','[list]','[/list]','[list=]','[/list]','[img]','[/img]','[url]','[/url]','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
   var imageTag = false;

function BBaw()
{
var FoundErrors = '';
var enterUsername = prompt("Enter your username", "");
var enterText = prompt("Enter your text", "Text");
if (!enterUsername) {
FoundErrors += "You did not enter your username.";
}
if (!enterText)
{
FoundErrors += " You did not enter your text.";
}
if (FoundErrors)
{
alert("Error : "+FoundErrors);
return;
}
var bbtags = "[aw="+enterUsername+"]"+enterText+"[/aw]";
document.forms[form_name].elements[text_name].value+=bbtags;
document.forms[form_name].elements[text_name].focus();
}

function BBam()
{
var FoundErrors = '';
var enterUsername = prompt("Enter your username", "");
var enterText = prompt("Enter your text", "Text");
if (!enterUsername) {
FoundErrors += "You did not enter your username.";
}
if (!enterText)
{
FoundErrors += " You did not enter your text.";
}
if (FoundErrors)
{
alert("Error : "+FoundErrors);
return;
}
var bbtags = "[am="+enterUsername+"]"+enterText+"[/am]";
document.forms[form_name].elements[text_name].value+=bbtags;
document.forms[form_name].elements[text_name].focus();
}

function BBmm()
{
var FoundErrors = '';
var enterUsername = prompt("Enter your username", "");
var enterText = prompt("Enter your text", "Text");
if (!enterUsername) {
FoundErrors += "You did not enter your username.";
}
if (!enterText)
{
FoundErrors += " You did not enter your text.";
}
if (FoundErrors)
{
alert("Error : "+FoundErrors);
return;
}
var bbtags = "[mm="+enterUsername+"]"+enterText+"[/mm]";
document.forms[form_name].elements[text_name].value+=bbtags;
document.forms[form_name].elements[text_name].focus();
}

function BBmw()
{
var FoundErrors = '';
var enterUsername = prompt("Enter your username", "");
var enterText = prompt("Enter your text", "Text");
if (!enterUsername) {
FoundErrors += "You did not enter your username.";
}
if (!enterText)
{
FoundErrors += " You did not enter your text.";
}
if (FoundErrors)
{
alert("Error : "+FoundErrors);
return;
}
var bbtags = "[mw="+enterUsername+"]"+enterText+"[/mw]";
document.forms[form_name].elements[text_name].value+=bbtags;
document.forms[form_name].elements[text_name].focus();
}

   // Helpline messages
   var help_line = {
      b: '{LA_BBCODE_B_HELP}',
      i: '{LA_BBCODE_I_HELP}',
      u: '{LA_BBCODE_U_HELP}',
      q: '{LA_BBCODE_Q_HELP}',
      c: '{LA_BBCODE_C_HELP}',
      l: '{LA_BBCODE_L_HELP}',
      o: '{LA_BBCODE_O_HELP}',
      p: '{LA_BBCODE_P_HELP}',
      w: '{LA_BBCODE_W_HELP}',
      a: '{LA_BBCODE_A_HELP}',
      s: '{LA_BBCODE_S_HELP}',
      f: '{LA_BBCODE_F_HELP}',
      e: '{LA_BBCODE_E_HELP}',
      d: '{LA_BBCODE_D_HELP}',
g: 'Сообщение администратора: [am=заголовок]текст[/am]',
h: 'Предупреждение администратора: [aw=заголовок]текст[/aw]',
k: 'Сообщение модератора: [mm=заголовок]текст[/mm]',
j: 'Предупреждение модератора: [mw=заголовок]текст[/mw]'
      <!-- BEGIN custom_tags -->
         ,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
      <!-- END custom_tags -->
   }

   var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
   var show_panel = 'options-panel';


// ]]>
</script>
<script type="text/javascript" src="http://djeday.4adm.ru/storage/djeday_4adm_ru/images/editor.js"></script>

<!-- IF S_BBCODE_ALLOWED -->
<div id="colour_palette" style="display: none;">
   <dl style="clear: left;">
      <dt><label>{L_FONT_COLOR}:</label></dt>
      <dd>
      <script type="text/javascript">
      // <![CDATA[
         function change_palette()
         {
            dE('colour_palette');
            e = document.getElementById('colour_palette');
            
            if (e.style.display == 'block')
            {
               document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
            }
            else
            {
               document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
            }
         }

         colorPalette('h', 15, 10);
      // ]]>
      </script>
      </dd>
   </dl>
</div>

<div id="format-buttons">
   <input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
   <input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
   <input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
   <!-- IF S_BBCODE_QUOTE -->
      <input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
   <!-- ENDIF -->
   <input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
   <input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
   <input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
   <input type="button" class="button2" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
   <!-- IF S_BBCODE_IMG -->
      <input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
   <!-- ENDIF -->
   <!-- IF S_LINKS_ALLOWED -->
      <input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
   <!-- ENDIF -->
   <!-- IF S_BBCODE_FLASH -->
      <input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
   <!-- ENDIF -->
<!-- IF U_ACP -->
<span><a href="#" title="Администраторские теги" onclick="
obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!='block') ? 'block' : 'none';
obj.display=tmp;
return false;"><input type="button" class="btnbbcode" value="Admin_tags"></a><div style="display: none">
<br>
<input type="button" class="btnbbcode" value="am=" onmouseover="helpline('g')" style="text-decoration: underline; width: 40px" onclick="BBam()" title="Сообщение администратора" />
<input type="button" class="btnbbcode" value="aw=" onmouseover="helpline('h')" style="text-decoration: underline; width: 40px" onclick="BBaw()" title="Предупреждение администратора" />
<br><br>
</div></span>
<!-- ENDIF -->
<!-- IF U_MCP -->
<span><a href="#" title="Модераторские теги" onclick="
obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!='block') ? 'block' : 'none';
obj.display=tmp;
return false;"><input type="button" class="btnbbcode" value="Moder_tags"></a><div style="display: none">
<br>
<input type="button" class="btnbbcode" value="mm=" onmouseover="helpline('k')" style="text-decoration: underline; width: 40px" onclick="BBmm()" title="Сообщение  модератора" />
<input type="button" class="btnbbcode" value="mw=" onmouseover="helpline('j')" style="text-decoration: underline; width: 40px" onclick="BBmw()" title="Предупреждение модератора" />
</div></span>
<!-- ENDIF -->
   <select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
      <option value="50">{L_FONT_TINY}</option>
      <option value="85">{L_FONT_SMALL}</option>
      <option value="100" selected="selected">{L_FONT_NORMAL}</option>
      <!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
         <option value="150">{L_FONT_LARGE}</option>
         <!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
            <option value="200">{L_FONT_HUGE}</option>
         <!-- ENDIF -->
      <!-- ENDIF -->
   </select>
   <input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
   <!-- BEGIN custom_tags -->
      <input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
   <!-- END custom_tags -->
</div>
<!-- ENDIF -->

Как организовать можно такой вариант?
Изображение

Аватара пользователя
Сообщения: 688
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 122
Поблагодарили: 312 раз в 210 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Сообщение Добавлено: 01 фев 2012, 00:41

Djeday писал(а):Стиль prosilver, в шаблоне постинг_баттонс нет кода:


Но Вы же воткнули в шаблон подсказки к модераторским и администраторским Вв-кодам.
Сделайте точно также. *pardon*
Попробуйте после
Код: Выделить всё
j: 'Предупреждение модератора: [mw=заголовок]текст[/mw]'

добавить:
Код: Выделить всё
video: 'вставка видео'

За это сообщение пользователя Alice поблагодарили:
Djeday

Сообщения: 77
Зарегистрирован: 27 июл 2012, 21:40
Благодарил (а): 7
Поблагодарили: 0 раз в 0 сообщении
Город: Киренск
Пол: Женский
Адрес форума: http://akvaforumes.greatforum.ru
Баллы репутации: 0

Re: BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Сообщение Добавлено: 08 янв 2013, 15:32

У меня нету ни этого
Код: Выделить всё
tip: '{L_STYLES_TIP}'

ни этого
Код: Выделить всё
j: 'Предупреждение модератора: [mw=заголовок]текст[/mw]'
:unknown
<script type="text/javascript">
// <![CDATA[
var form_name = 'postform';
var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
var load_draft = false;
var upload = false;

// Define the bbCode tags
var bbcode = new Array();
var bbtags = new Array('','','','','','','
','
','
Код: Выделить всё
','
','
    ','
','[list=]','[/list]','[img]','[/img]','[url]','[/url]','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
var imageTag = false;

// Helpline messages
var help_line = {
b: '{LA_BBCODE_B_HELP}',
i: '{LA_BBCODE_I_HELP}',
u: '{LA_BBCODE_U_HELP}',
q: '{LA_BBCODE_Q_HELP}',
c: '{LA_BBCODE_C_HELP}',
l: '{LA_BBCODE_L_HELP}',
o: '{LA_BBCODE_O_HELP}',
p: '{LA_BBCODE_P_HELP}',
w: '{LA_BBCODE_W_HELP}',
a: '{LA_BBCODE_A_HELP}',
s: '{LA_BBCODE_S_HELP}',
f: '{LA_BBCODE_F_HELP}',
y: '{LA_BBCODE_Y_HELP}',
d: '{LA_BBCODE_D_HELP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}

var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';


// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/editor.js"></script>

<!-- IF S_BBCODE_ALLOWED -->
<div id="colour_palette" style="display: none;">
<dl style="clear: left;">
<dt><label>{L_FONT_COLOR}:</label></dt>
<dd>
<script type="text/javascript">
// <![CDATA[
function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');

if (e.style.display == 'block')
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
}
else
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
}
}

colorPalette('h', 15, 10);
// ]]>
</script>
</dd>
</dl>
</div>

<div id="format-buttons">
<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
<input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
<!-- IF S_BBCODE_QUOTE -->
<input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
<!-- ENDIF -->
<input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
<input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
<input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
<input type="button" class="button2" accesskey="y" name="addlistitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
<!-- IF S_BBCODE_IMG -->
<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
<!-- ENDIF -->
<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
<option value="50">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100" selected="selected">{L_FONT_NORMAL}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
<option value="150">{L_FONT_LARGE}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
<option value="200">{L_FONT_HUGE}</option>
<!-- ENDIF -->
<!-- ENDIF -->
</select>
<input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
<!-- BEGIN custom_tags -->
<input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
<!-- END custom_tags -->
</div>
<!-- ENDIF -->

Аватара пользователя
Сообщения: 508
Зарегистрирован: 27 авг 2010, 17:39
Благодарил (а): 474
Поблагодарили: 57 раз в 53 сообщениях
Пол: Женский
Адрес форума: http://transalternativa.ru/
Баллы репутации: 9

Re: BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Сообщение Добавлено: 11 янв 2013, 12:28

"Ксения." писал(а):
ни этогоКод: Выделить всёj: 'Предупреждение модератора:
Строгое предупреждение от модератора заголовок !
текст
'

это отдельным модом устанавливается....

Аватара пользователя
Сообщения: 688
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 122
Поблагодарили: 312 раз в 210 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: BBcode video selector (выбиралка ВВ-кодов для вставки видео)

Сообщение Добавлено: 23 окт 2014, 17:38

Апгрейд игрушки-выбиралки. :)

Суть изменений. Есть ВВ-коды для вставки видео, которые, увы, при загрузке страницы запускаются автоматически.
Например, так некрасиво себя могут вести видео, вставленные с мейл.ру. Поэтому видео, вставляемые с помощью таких ВВ-кодов, приходится брать в спойлер, чтобы они не устраивали пользователям "музыкальных сюрпризов" при загрузке страницы. Что некоторые пользователи могут по невнимательности или по незнанию не сделать.
Кроме того, в некоторых форумах сложилась традиция вообще все видео прятать в спойлеры.
Если у вас в форуме так делать не принято, то апгрейд селектора вам не нужен. Проще будет просто скомбинировать коды замены для Вв-код вставки коварного мейлрушного видео и спойлера, если вы этого еще не сделали.

Ну так вот. А для тех, кто привык видео оформлять спойлерами, усовершенствованная игрушка позволяет сделать следующее:
а) для видео, которые ведут себя прилично и не запускаются сами при загрузке страницы, селектор добавляет в окно ответа сразу два ВВ-кода - спойлер и ВВ-код для вставки видео. Если пользователь считает, что спойлер не нужен, он может его отредактировать.
б) для коварных видео, типа видео с мейл.ру, которые хулиганят и сами запускаются при загрузке страницы, в код замены ВВ-кода добавляется спойлер, таким образом спойлер становится для пользователя принудительно добавляемым, неубиваемым и неудаляемым, что исключает возникновение неприятных звуковых сюрпризов на страницах форума для остальных пользователей.
Таким образом, добавление ВВ-кода спойлер к таким видео становится излишним.
При этом селектор умеет различать, к каким ВВ-кодам надо добавить спойлер, а к каким нет.

Как это сделать.

1. Если уже делали селектор для вставки видео, находим:
Код: Выделить всё
<span class="genmed nowrap">video: <select class="gensmall" name="addbbcodevideo" onchange="bbfontstyle('[' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']', '[/' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']');this.form.addbbcodevideo.selectedIndex = 0;" onmouseover="helpline('video')" onmouseout="helpline('tip')">

И меняем на:
Код: Выделить всё
<span class="genmed nowrap"><select class="gensmall" style="width: 95px;" name="addbbcodevideo" onchange="if (this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value=='mailvid') {bbfontstyle('[' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']', '[/' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']')} else {bbfontstyle('[spoiler=][' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']', '[/' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + '][/spoiler]')};this.form.addbbcodevideo.selectedIndex = 0;" onmouseover="helpline('video')" onmouseout="helpline('tip')">

Если в вашем форуме актуальный ВВ-код для вставки видео с мейл.ру называется не mailvid, а как-то иначе, вместо mailvid пишите его название.
Если в вашем форуме для спойлера используется ВВ-код с названием, отличающимся от spoiler=, замените spoiler= и spoiler на соответствующие названия открывающих и закрывающих тегов этого ВВ-кода.
Если в вашем форуме не один, а несколько ВВ-кодов для вставки видео, которые имеют нехорошее свойство самозапускаться при загрузке страницы, то меняем найденный кусочек кода на:

Код: Выделить всё
<span class="genmed nowrap"><select class="gensmall" style="width: 95px;" name="addbbcodevideo" onchange="if (this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value=='название 1-го самозапускающегося ВВ-кода'||this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value=='название 2-го самозапускающегося ВВ-кода'||this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value=='название 3-го самозапускающегося ВВ-кода') {bbfontstyle('[' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']', '[/' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']')} else {bbfontstyle('[spoiler=][' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']', '[/' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + '][/spoiler]')};this.form.addbbcodevideo.selectedIndex = 0;" onmouseover="helpline('video')" onmouseout="helpline('tip')">

Названия ВВ-кодов указываем, соответственно, свои.

Сохраняемся, чистим кэш.

2. Редактируем код замены ВВ-кода для вставки мейлрушных видюх, комбинируя его с кодом замены для спойлера.
Редактируем коды замены ВВ-кода для вставки других видюх, которые запускаются сами, комбинируя его с кодом заменя для спойлера (если такие ВВ-коды есть).

Ну, собственно, и все. Если сделали все правильно, то селектор станет работать следующим образом:
- при выборе в списке Вв-кода для вставки видео, которое не имеет свойства запускаться само собой, в окно ответа будут добавятся два ВВ-кода - спойлер и выбранный ВВ-код для вставки видео. Примерно так:
Код: Выделить всё
[spoiler=][youtube][/youtube][/spoiler]

- при выборе в списке ВВ-кода для вставки видео, которое имеет нехорошее свойство запускаться само собой, в окно ответа добавится один ВВ-код для вставки видео. Спойлер же к видео добавится автоматически после отправки пользователем сообщения в результате преобразования форумским движком ВВ-кода. Убрать этот спойлер пользователь никак не сможет, так что "звуковые сюрпризы" будут исключены.

Автор не может молчать 1 час 53 минуты 41 секунду и добавляет ...

Ксения. писал(а):У меня нету ни этого
Код: Выделить всё
tip: '{L_STYLES_TIP}'

ни этого
Код: Выделить всё
j: 'Предупреждение модератора: [mw=заголовок]текст[/mw]'
:unknown

Тогда надо было втыкать куда-нибудь после
Код: Выделить всё
d: '{LA_BBCODE_D_HELP}'

За это сообщение пользователя Alice поблагодарили:
GoDFaTHeR


Вернуться в BBcode phpbb3

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2