ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Внимание! Нужно ваше мнение! Выбираем новый логотип, новую стилистику и новую разметку заявок для проекта ролевых заявок.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Каталог скриптов и стилей для МуBB.ru » Всплывающее цитирование при выделении текста в посте


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

Сообщений 1 страница 10 из 23

1

Всплывающая кнопка "Цитировать" при выделении текста в сообщении.
При выделении текста в сообщении появляется окошко "Цитировать" с активной ссылкой. Для того, чтобы убрать окошко, надо всего лишь кликнуть где-нибудь неподалёку.
https://forumupload.ru/uploads/0007/e3/f7/6822/141488.png

Автор: kozhilya
Платформа: MyBB

За идею спасибо Mango
За помощь спасибо Deff

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Красное - цвет окошка.
Зелёным - ссылка на картинку.
Синим - если у вас размер картинки отличен от 16х16, то крутите эти параметры для корректного отображения.


Сокращённый вариант

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано Герда (19.05.13 17:48)

+4

2

Сокращенный Вариант от ©kozhilya под всплывающее окно цитирования "чисто картинкой"

В HTML низ

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.


Ccылку на картинку (красное)

<img src="http://uploads.ru/i/n/L/f/nLfG0.png"

можно менять

Отредактировано Deff (20.04.12 14:52)

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

+1

3

Доброе утро.
У меня кнопка относительно выделенного текста расположена так:

http://uploads.ru/t/1/j/a/1jaru.jpg

а как сделать, чтобы было примерно так?

http://uploads.ru/t/B/A/l/BAlGx.jpg

код стоит такой:

Код:
<!--Всплывающее окно цитирования--><div id="Bubble"><span></span></div><script>var fresh=false,SSsq='<img src="http://i054.radikal.ru/1204/ea/d6549b89a3b7.jpg" style="margin-right:-10px">';$('.post').mouseup(function(pos){var theSelection='';if(window.getSelection&&!$.browser.opera){theSelection=window.getSelection().toString()}else if(document.getSelection){theSelection=document.getSelection()}else if(document.selection){theSelection=document.selection.createRange().text}if(!(theSelection==''||typeof theSelection=='undefined'||theSelection==null)&&!(fresh)){$("#Bubble").css({ 'position': 'absolute', 'left': pos.pageX+'px', 'top':(pos.pageY- $("#Bubble").height()-7)+'px', 'display': 'none' });$("#Bubble span").html($(this).find("li.pl-quote").html());$("#Bubble span a").html(SSsq);$("#Bubble").fadeIn(200);fresh=true}else if(fresh){fresh=false}});$('#Bubble span').click(function(){$('#Bubble').hide(200);fresh=false});$('.post').mousedown(function(){if(fresh){$("#Bubble:visible").hide(200);fresh=false}});</script>

+1

4

Вернее от курсора далековато вправо.

+1

5

Лаит написал(а):

Вернее от курсора далековато вправо.

Зависит от скорости выделения и куда дергаете курсор далее

Ващет вроде там картинка другая была

Код:
<!--Всплывающее окно цитирования--><div id="Bubble"><span></span></div><script>var fresh=false,SSsq='<img src="http://i054.radikal.ru/1204/ea/d6549b89a3b7.jpg" style="margin-right:-10px">';$('.post').mouseup(function(pos){var theSelection='';if(window.getSelection&&!$.browser.opera){theSelection=window.getSelection().toString()}else if(document.getSelection){theSelection=document.getSelection()}else if(document.selection){theSelection=document.selection.createRange().text}if(!(theSelection==''||typeof theSelection=='undefined'||theSelection==null)&&!(fresh)){$("#Bubble").css({ 'position': 'absolute', 'left': (pos.pageX-2)+'px', 'top':(pos.pageY+17)+'px', 'display': 'none' });$("#Bubble span").html($(this).find("li.pl-quote").html());$("#Bubble span a").html(SSsq);$("#Bubble").fadeIn(200);fresh=true}else if(fresh){fresh=false}});$('#Bubble span').click(function(){$('#Bubble').hide(200);fresh=false});$('.post').mousedown(function(){if(fresh){$("#Bubble:visible").hide(200);fresh=false}});</script>
Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

+1

6

Deff написал(а):

Зависит от скорости выделения и куда дергаете курсор далее

Да, я это понял, но у меня даже если вообще никуда от выделения курсор не отводить, кнопка появляется далеко справа, поэтому и озадачился.

Deff написал(а):

Ващет вроде там картинка другая была

Ну да, картинку заменил на свою.

Deff написал(а):

Выделить код

Так стало пониже, но по-прежнему далеко справа, даже если значение "(pos.pageX-2)" меняешь.

faiko написал(а):

Пример

Вот на тестовике в примере работает именно так, как хотелось бы и мне, а у меня почему-то срабатывает совершенно по-другому -_-

+1

7

Лаит написал(а):

Вот на тестовике в примере работает именно так, как хотелось бы и мне, а у меня почему-то срабатывает совершенно по-другому -_-

Вы не даёте ссылок на действующий код на форуме, поскольку возможно у Вас доп скрипты, которые и меняют отступ
Попробуйте поставить скрипт в самое начало HTML низ

Какой у Вас браузер ?

У меня на форуме в профиле со всех браузеров идентично и примерно так=>
http://uploads.ru/t/B/7/E/B7Eey.png

(Можно увидеть, где остановился курсор

Отредактировано Deff (19.04.12 11:54)

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

+1

8

Deff написал(а):

Вы не даёте ссылок на действующий код на форуме

Я могу дать все, что понадобится, могу пароль к аккаунту на тестовике написать, если нужно, там все настройки идентичны и эффект такой же, что и на рабочем форуме.
В начало html-низа ставил, ничего не изменилось, срабатывает вот на таком расстоянии:

http://uploads.ru/t/X/8/u/X8uGQ.jpg

курсор находился в самом конце выделения на слове Yamato
у меня мозила и гугл хром, в обоих отображается одинаково
просил еще двух пользователей проверить, у них срабатывает так же, как у меня

Deff написал(а):

У меня на форуме в профиле со всех браузеров идентично и примерно так=>

Вот у Вас хорошо сработало, но почему ж так

+1

9

Лаит
Создайте тестовый форум - проверьте там, если там норма
- занчит ошибки в стиле

Отредактировано Deff (19.04.12 15:54)

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

+1

10

Лаит
Найдите в HTML верх

<style>
#pun {
  width: 980px;
  position: relative;
background: transparent url(http://i055.radikal.ru/1112/84/48cd4fb01234.jpg) repeat-y; background-position: top center;
  }
</style>

Удалите Красным

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

+2


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Каталог скриптов и стилей для МуBB.ru » Всплывающее цитирование при выделении текста в посте