Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

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

Всплывающая кнопка для цитаты выделенного текста

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

Всплывающая кнопка для цитаты выделенного текста

Сообщение Добавлено: 02 окт 2016, 01:55

Скрытый текст. Необходимо зарегистрироваться.

Я попыталась тоже самое сделать на одном из форумов на хостинге 4админс.
Т.к. jquery-1.7.2.min в том форуме уже подключен, то я не следовала четко инструкциям на phpbbguru, а сделала по-своему.
После установки модификации проверила в Огнелесе, Опере и ИЕ. У меня все работает, как надо.
То есть при выделении текста в сообщении рядом с выделенным текстом появляется кнопка "цитировать выделенное"
Изображение

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

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

Установка.
1. В шаблон overall_header.html перед </head> добавить, если в форуме jquery еще не подключен.
Код: Выделить всё
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>

Можно скачать jquery-1.7.2.min.js, залить в менеджер картинок, вместо ссылки на code.jquery.com указать ссылку на файл, закаченный в менеджер картинок.
2. В шаблоне quick_reply.html перед
Код: Выделить всё
<form action="{S_POST_ACTION}" method="post" id="postform" name="postform"{S_FORM_ENCTYPE}>

добавить:
Код: Выделить всё
<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
   $("div.postbody").mouseup(function(e){
      pt = $(this).parents("table.tablebg");
      if (window.getSelection)
      {
         theSelection = window.getSelection().toString();
      }
      else if (document.getSelection)
      {
         theSelection = document.getSelection();
      }
         else if (document.selection)
      {
         theSelection = document.selection.createRange().text;
      }   
      if (theSelection)
      {
         $("#addQuote").remove();
         $("body").append('<div id="addQuote" style="left: '+(e.pageX+15)+'px; top: '+(e.pageY+15)+'px;">Цитировать выделенное</div>');
         $("#addQuote").click(function () {
            $(this).hide();   
            username = pt.find("b[class='postauthor']:first").text();
            insert_text('[quote="' + username + '"]' + theSelection + '[/quote]');
         });
         $("#addQuote").oneTime(3000, function() {
            if ($(this).is(':visible')) {$(this).animate({height:0 , opacity:0}, 150)};
         });
      }
   });
});
// ]]>
</script>


3. В тему стиля добавить стиль кнопки-всплывашки, заменив цвета на свои:
Код: Выделить всё
#addQuote {
    position: absolute;
   z-index:100;
   border: 1px solid #713733;
   padding: 3px;
   background: #f0ede6;
   color: #6f4c32;
   cursor: pointer;
   font-size: 11px;
}


Автор не может молчать 16 минут 28 секунд и добавляет ...

П.С. Ой. А я смотрю, в форуме техподдержки такая же всплывающая кнопка для цитаты выделенного, как я пытаюсь сделать.
А как она тут сделана? :-[ И проверялась ли ее работа под Яндекс-браузером на планшетах?

Автор не может молчать 9 часов 10 минут 57 секунд и добавляет ...

Добавила еще скрипт jquery.timers.js, чтоб всплывающая кнопка исчезала по прошествии 3 секунд.
Скрипт во вложении, при установке надо скачать, закачать в менеджер картинок и после
Код: Выделить всё
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>

добавить с заменой на ссылку из менеджера картинок:
Код: Выделить всё
<script type="text/javascript" src="ссылка на скрипт jquery.timers.js из менеджера картинок"></script>


Однако, проблему с планшетным яндекс-браузером это не решило.


И все-таки, хотелось бы знать. А как аналогичная кнопка сделана в форуме техподдержки? :-[
Вложения
jquery.timers.js
(3.26 Кб) Скачиваний: 140

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

Re: Всплывающая кнопка для цитаты выделенного текста

Сообщение Добавлено: 02 окт 2016, 13:45

Alice писал(а): И все-таки, хотелось бы знать.

и я хочу это знать....))) мне тоже нужна такая кнопка...)))

Аватара пользователя
Сообщения: 45
Зарегистрирован: 09 дек 2010, 20:12
Откуда: Россия
Благодарил (а): 55
Поблагодарили: 24 раз в 24 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://www.transalternativa.ru
Баллы репутации: 7

Re: Всплывающая кнопка для цитаты выделенного текста

Сообщение Добавлено: 02 окт 2016, 15:25

Alice писал(а): И все-таки, хотелось бы знать. А как аналогичная кнопка сделана в форуме техподдержки?

Действительно, интересно иметь такую же фишку.

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Всплывающая кнопка для цитаты выделенного текста

Сообщение Добавлено: 03 окт 2016, 08:10

Alice писал(а): И все-таки, хотелось бы знать. А как аналогичная кнопка сделана в форуме техподдержки?

Это к товарищу Cabinetadmina :) он любезно создал наш стиль и сделал нужные довески :)
На этом сервисе можно cоздать форум бесплатно

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

Re: Всплывающая кнопка для цитаты выделенного текста

Сообщение Добавлено: 03 окт 2016, 12:10

А Ваш форум случайно не переехал на движок 3.1?
Уж больно кнопка-всплывашка и некоторые другие фишки похожи на дополнения, которые я видела в форумах phpbb 3.1.

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Всплывающая кнопка для цитаты выделенного текста

Сообщение Добавлено: 03 окт 2016, 18:09

Alice писал(а): Уж больно кнопка-всплывашка и некоторые другие фишки похожи на дополнения, которые я видела в форумах phpbb 3.1.

Нет :) мы на том же движке, никуда не переехали
Все вопросу к монстру http://cabinetadmina.ru
На этом сервисе можно cоздать форум бесплатно

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

Re: Всплывающая кнопка для цитаты выделенного текста

Сообщение Добавлено: 03 окт 2016, 22:17

А он здесь не зарегистрирован? Тока туда топать?

Сообщения: 24
Зарегистрирован: 28 дек 2014, 15:37
Благодарил (а): 14
Поблагодарили: 7 раз в 5 сообщениях
Пол: Мужской
Адрес форума: http://abhazia-stranadushi.ru
бабло: 0
Баллы репутации: 5

Re: Всплывающая кнопка для цитаты выделенного текста

Сообщение Добавлено: 03 окт 2016, 22:43

undefined писал(а):А он здесь не зарегистрирован?

memberlist.php?mode=viewprofile&u=1339

Аватара пользователя
Сообщения: 619
Зарегистрирован: 18 июл 2012, 17:51
Благодарил (а): 13
Поблагодарили: 237 раз в 212 сообщениях
Пол: Мужской
Адрес форума: http://cabinetadmina.ru
Баллы репутации: 53

Re: Всплывающая кнопка для цитаты выделенного текста

Сообщение Добавлено: 04 окт 2016, 18:38

Alice писал(а): А Ваш форум случайно не переехал на движок 3.1?

Форум остался на той же версии, но с некоторыми плюшками новой версии.

В данном случае всплывашка внедрена в стиль сразу же на этапе создания. Всплывашку конкретно в яндекс браузере, а ещё и на планшете, я не тестировал. Но если у вас есть планшет с этим браузером, то можно проверить его работу на этом форуме.
Хотя, если честно я не совсем понимаю как пользоваться ей на татчскринах... :unknown


зы. Чтобы не путаться в модификациях, всплывашку используемую на этом форуме я, пожалуй, опубликую отдельной темой. Сегодня завтра.
http://cabinetadmina.ru/ - Сервис по оптимизации, модернизации и раскрутке ваших форумов.

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

Re: Всплывающая кнопка для цитаты выделенного текста

Сообщение Добавлено: 05 окт 2016, 00:30

CornerAdmin писал(а): Всплывашку конкретно в яндекс браузере, а ещё и на планшете, я не тестировал. Но если у вас есть планшет с этим браузером, то можно проверить его работу на этом форуме.

У меня нет планшета, так что проверить не могу. Это пользователи с планшетами жалуются, что у них всплывашка, творчески позаимствованная с phpguru, не работает.
В частности, в Яндекс-браузере на планшетах. И в Хроме на Андроиде.
Предполагаю, что в новом стиле форума help.4admins.ru тоже самое. Когда начинала эту тему, не подозревала, что тут тоже всплывашка появилась.
Когда заметила, конечно же пощупала фаербагом и подглядела в исходник. Увидела, что более свежая библиотека jquery подключена. Но она для компьютеров и ноубуков. Для мобильных устройств сейчас есть какие-то специальные библиотеки jquery. http://code.jquery.com/mobile/

Еще есть жалобы, что не всегда появляется всплывашка после выделения текста (в версии с phpguru) .Ну, это то я в состоянии проверить. Да, бывает такое, что кнопка не появляется.
Например, при выделении конца длинной строки кнопка может появиться, а может и нет. Или при выделении части цитаты и последующего за ней текста.
CornerAdmin писал(а): зы. Чтобы не путаться в модификациях, всплывашку используемую на этом форуме я, пожалуй, опубликую отдельной темой. Сегодня завтра.

:Yahoo!: Спасибо, будем очень ждать.


Вернуться в Скрипты

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

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