Всплывающее окно при нажатии на URL

В данном подфоруме будут располагаться темы с анонсами интересных модификаций, а так же будут рассматриваться проверенные временем дополнения для phpBB3.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение DeaDRoMeO »

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

Инструкция для стилей на основе Subsilver2

Открыть /styles/ваш стиль на основе Subsilver2/template/posting_buttons.html и найти

Код: Выделить всё

,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
			<!-- END custom_tags -->
		}
Вставить после найденного

Код: Выделить всё

	function BBCurl()
		{
			var enterURL   = prompt('{LA_ENTER_URL}', 'http://');
			var enterTITLE = prompt('{LA_ENTER_TEXT}', '{LA_DESC_URL}');

			if (!enterURL || !enterTITLE || enterURL == 'http://')
			{
				return;
			}

			var ToAdd = '[url=' + enterURL + ']' + enterTITLE + '[/url]';
			insert_text(ToAdd);
		}
Найти

Код: Выделить всё

<input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')" />
Заменить на

Код: Выделить всё

<input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL=" style="text-decoration: underline; width: 44px" onclick="BBCurl('message','')" onmouseover="helpline('w')" onmouseout="helpline('tip')" />
Открыть language/ru/posting.php и найти

Код: Выделить всё

'EMPTY_REMOTE_DATA'			=> 'Не удалось закачать файл, пожалуйста, попробуйте закачать его вручную.',
Добавить после найденного

Код: Выделить всё

	'ENTER_URL'					=> 'Введите ссылку',
	'ENTER_TEXT'				=> 'Введите текст',
	'DESC_URL'					=> 'Ваш текст',
Инструкция для стилей на основе Prosilver

Открыть /styles/ваш стиль на основе Prosilver/template/posting_buttons.html и найти

Код: Выделить всё

   ,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
            <!-- END custom_tags -->
        }
Вставить после найденного

Код: Выделить всё

	 function BBCurl()
        {
            var enterURL   = prompt('{LA_ENTER_URL}', 'http://');
            var enterTITLE = prompt('{LA_ENTER_TEXT}', '{LA_DESC_URL}');

            if (!enterURL || !enterTITLE || enterURL == 'http://')
            {
                return;
            }

            var ToAdd = '[url=' + enterURL + ']' + enterTITLE + '[/url]';
            insert_text(ToAdd);
        }
Найти

Код: Выделить всё

  <!-- 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_LINKS_ALLOWED -->
        <input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="BBCurl('message','')" title="{L_BBCODE_W_HELP}" />
    <!-- ENDIF -->
Открыть language/ru/posting.php и найти

Код: Выделить всё

'EMPTY_REMOTE_DATA'			=> 'Не удалось закачать файл, пожалуйста, попробуйте закачать его вручную.',
Добавить после найденного

Код: Выделить всё

	'ENTER_URL'					=> 'Введите ссылку',
	'ENTER_TEXT'				=> 'Введите текст',
	'DESC_URL'					=> 'Ваш текст',
После всех правок не забыть очистить кеш через админку форума. Успехов :ya_hoo_oo:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1
Аватара пользователя
Roman
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 161
Стаж: 11 лет 9 месяцев
Откуда: Киев
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение Roman »

Спасибо. Эти мини дополнения - очень важная составляющая любого мода и конференции в целом.
Такие себе "приятные мелочи". И очень удобные.
Установка прошла успешно, все бы так! :pi_ra_t:
#2
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение DeaDRoMeO »

Поздравляю, молодец :co_ol:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#3
Andrik
Заглянул на огонек
Заглянул на огонек
Сообщения: 1
Стаж: 11 лет 7 месяцев

Всплывающее окно при нажатии на URL

Сообщение Andrik »

Спасибо,всё просто и удобно ставитса.
#4
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение DeaDRoMeO »

Всегда пожалуйста :co_ol:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#5
Аватара пользователя
hunterkomp
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 86
Стаж: 11 лет 6 месяцев
Откуда: Североморск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение hunterkomp »

огромное спасибо за подробную инструкцию! Очень полезная вещь!
#6
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение DeaDRoMeO »

На здоровье))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#7
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение St_roy »

Вещь действительно удобная, вот только не пойму куда вставлять

Код: Выделить всё

onclick="window.open(this.href); return false"
чтобы ссылки открывались в новом окне)
Последний раз редактировалось St_roy 26 окт 2012, 23:50, всего редактировалось 2 раза.
Зри в корень
#8
Аватара пользователя
jasiuk
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 161
Стаж: 11 лет 5 месяцев
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение jasiuk »

У меня на форуме стоит мод, который при переходе по ссылке открывает окно в самом окне темы. Имеет светлую и тёмную тему оформления. Работает на js.

Посмотреть как работает можно здесь.
Правда после установки плавающей панели начали js между собой конфликтовать. Вроде решил проблему конфликта полазив по форумам в нете.
#9
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение DeaDRoMeO »

Ох нифига же себе, крутая вещь, поделитесь ???))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#10
Аватара пользователя
jasiuk
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 161
Стаж: 11 лет 5 месяцев
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение jasiuk »

DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=16359#p16359]25 минут назад писал(а):Ох нифига же себе, крутая вещь, поделитесь ???))
Конечно поделюсь.
тут лежит сам мод

Инструкция по установке:
Залить содержимое архива в корень сайта.
В overall_header.html вствить до </head>
<!-- Start RokBox -->
<script type="text/javascript" src="rokbox/mootools-release-1.11.js"></script>
<script type="text/javascript" src="rokbox/rokbox.js"></script>
<link href="rokbox/themes/light/rokbox-style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="rokbox/themes/light/rokbox-config.js"></script>
<!-- End Rokbox -->
Шаблоны можно менять, сейчас в коде стоит белая тема light, чёрная dark тоже красивая.
Чистим кэшь и пользуемся модом.
Это моё первая инструкция по установке мода, так что прошу модератора поправит в теме если что не так сделал.
#11
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение DeaDRoMeO »

Спасибо, сейчас погляжу архив и скрипты, и перенесу в нужную темку все это дело))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#12
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение DeaDRoMeO »

Кхммм вроде не все правки вы описали, одного просто подключения скрипта недостаточно или достаточно?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#13
Аватара пользователя
jasiuk
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 161
Стаж: 11 лет 5 месяцев
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение jasiuk »

DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=16364#p16364]23 минуты назад писал(а):Кхммм вроде не все правки вы описали, одного просто подключения скрипта недостаточно или достаточно?
Я больше никаких действий не делал по этому моду, вставил перед хейдом js скрипты и всё.
Вот ещё, что можно с бб кодом сделать:
Перейдите в Администраторский раздел > Сообщения > BBCodes > Добавить BBCode
Использование BBCode:
[rokbox]{URL}[/rokbox]
Замена HTML:
<span class="demo"><a href="{URL}" rel="rokbox"><img src="{URL}" width="180" alt="" /></a></span>
Подсказка:
Миниатюры фото, видео, pdf, html: [rokbox]ссылка[/rokbox]; [rokbox=ссылка на оригинал]ссылка на миниатюру[/rokbox];
Показывать на странице ответа: поставить галочку.
Пример тут
Разработчики.
#14
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение DeaDRoMeO »

Аааа, вот в чем дело, тогда мод не особо полезный, врочем думаю можно его скрестить с модом внешних ссылок (сначала я и подумал что у вас так сделано), еще у меня идет конфликт скриптов))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#15
Аватара пользователя
jasiuk
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 161
Стаж: 11 лет 5 месяцев
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение jasiuk »

DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=16367#p16367]4 минуты назад писал(а):Аааа, вот в чем дело, тогда мод не особо полезный, врочем думаю можно его скрестить с модом внешних ссылок (сначала я и подумал что у вас так сделано), еще у меня идет конфликт скриптов))
У меня тоже вчера был конфликт, но посидев пару часов я убрал его. может даже и зря снёс быстрый поиск. Но раз мод бесполезный, то тогда и говорить о нём больше не будем.
Сейчас заметил, что идёт конфликт плавающей панели с галереей. Надо разбираться.
Ещё и файловый архив добавился, хотя у тебя всё отображает отлично.
А так хочется, чтобы всё работало, уже голова :zvez_ochki:
Последний раз редактировалось jasiuk 27 окт 2012, 15:49, всего редактировалось 1 раз.
#16
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение DeaDRoMeO »

jasiuk писал(а):Сейчас заметил, что идёт конфликт плавающей панели с галереей. Надо разбираться.
Она разве там не работает ??
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#17
Аватара пользователя
jasiuk
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 161
Стаж: 11 лет 5 месяцев
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение jasiuk »

DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=16370#p16370]1 минуту назад писал(а):
jasiuk писал(а):Сейчас заметил, что идёт конфликт плавающей панели с галереей. Надо разбираться.
Она разве там не работает ??
нет, не работает и ещё кое где, я написал постом ранее.
#18
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение DeaDRoMeO »

Эммм гляньте в overall_header.html, я прописал прямой путь или относительный для скриптов панели ??
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#19
Аватара пользователя
jasiuk
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 161
Стаж: 11 лет 5 месяцев
Контактная информация:

Всплывающее окно при нажатии на URL

Сообщение jasiuk »

DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=16372#p16372]4 минуты назад писал(а):Эммм гляньте в overall_header.html, я прописал прямой путь или относительный для скриптов панели ??
<link type="text/css" href="themes/default/jx.stylesheet.css" rel="stylesheet"/>
<script src="js/src/jquery-1.7.min.js" type="text/javascript"></script>
<script type="text/javascript" src="scroll/scrolltopcontrol.js"></script>
<script type="text/javascript" src="js/jquery.jixedbar.min.js"></script>
#20
Ответить