Техническая поддержка сервиса Quadro.Boards

Объявление

Идет поиск Хранителя форума

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Всплывающая кнопка "Цитировать" при выделении текста в посте


Всплывающая кнопка "Цитировать" при выделении текста в посте

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

1

Всплывающая кнопка "Цитировать" при выделении текста в сообщении.
За идею спасибо Mango
За помощь спасибо Deff
Скрипт написал kozhilya

http://clip2net.com/clip/m123035/thumb640/1333720148-clip-2kb.png

<!-- Всплывающее окно цитирования -->
<style>
#Bubble {
  display: none;
  width: 100px;
  height: auto;
  padding: 5px;

  text-align: center;
  z-index: 10;
  border: 1px black solid;
  background: white;
  background-image: url(http://www.iconsearch.ru/uploads/icons/crystalclear/16x16/comment.png);
  background-repeat: no-repeat;
  background-position: 10px 4px;
  padding-left: 12px;

}
</style>
<div id="Bubble"><span><a href="javascript:quote('', 0)">Цитировать</a></span></div>
<script>
var fresh = false;
$('.post').mouseup(function(pos) {
  var idString = $(this).find('.post-content').attr("id");
  var id = idString.substring(1, idString.indexOf('-'));
  var aut = $(this).find('li.pa-author a').text();
  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+'px', 'display': 'none' });
    $("#Bubble span").html($(this).find("li.pl-quote").html());
    $("#Bubble").fadeIn(200);
    fresh = true;
  }
  else if (fresh)
  { fresh = false; }
});
$('.post').click(function() {
  if (!(fresh)) { $("#Bubble:visible").hide(200); }
});
$('#Bubble span').click(function() {
  $('#Bubble').hide(200);
  fresh = false;
});
</script>


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


Работа скрипта:
При выделении текста в сообщении появляется окошко "Цитировать" с активной ссылкой. Для того, чтобы убрать окошко, надо всего лишь кликнуть где-нибудь неподалёку.



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

Код:
<!--Всплывающее окно цитирования--><div id="Bubble" style="display:none;position:absolute;z-index:100000"><span></span></div><script>function PopUpPL_Quote(){var fresh=false,SSsq='<img src="http://uploads.ru/i/n/L/f/nLfG0.png">';$("#Bubble").prependTo("body");$('.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({'left': (pos.pageX+5)+'px', 'top':(pos.pageY+4)+'px', 'display': 'none' });$("#Bubble span").html('<a href="'+$(this).find("li.pl-quote a:first").attr("href")+'">'+SSsq+'</a>');$("#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}});}
if($("#pun-viewtopic").length){PopUpPL_Quote()}
</script>

Теги: Скрипты и дополнения, Посты,Цитаты/код/скрытый текст

+4

2

Скажите пожалуйста, а можно ли как-то уменьшить размер шрифта цитируемого текста, т.к. уж очень он много места занимает на странице.

0

3

Лестчий
Не очень понятно, что именно надо уменьшить - размер шрифта на кнопке "Цитировать"? Или как?

0

4

sadhaka
Сам шрифт цитируемого текста, чтобы он был по размерам меньше шрифта в сообщениях.

0

5

Скажите, так можно его все-таки уменьшить или нет?  ^^

Отредактировано Лестчий (19.09.2013 16:18:15)

0

6

Лестчий написал(а):

Скажите, так можно его все-таки уменьшить или нет?

Как вариант - обрамите текст цитаты в теги [size]

Код:
[quote="Лестчий"][size=10]Скажите, так можно его все-таки уменьшить или нет?[/size]
[/quote]

+1

7

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

Как вариант - обрамите текст цитаты в теги

Спасибо, но не катит. Я же не буду цитаты всех пользователей исправлять вручную. :dontknow:

0

8

Лестчий
Я Вам отвечала, но видимо недоотвечала, хотя была уверена в обратном.

.quote-box {
    font-size: 8px;
}


Попробуйте в конец первого окна стилей
Если не поможет - оставьте код, может селектор поспецифичней написать придется.

+1

9

sadhaka
8-) Наверно нун использовать существующий скрипт замены -"сказал(а) - на что то" - изменив его на добавку доп. класса или вставку css в тег ...  :D  лениво искать

0

10

sadhaka
Не получилось, к сожалению. Хотелось конечно чтобы можно было сделать как на движке Simple Machines Forum, но если это все с такими трудностями, то наверное, лучше все как есть оставить.

0

11

Лестчий написал(а):

сделать как на движке Simple Machines Forum

А как там?

Попробуйте так в хтмл-верх

<style>
.punbb .post-content .quote-box, .punbb .post-content .code-box {
font-size: 8px;
}
</style>

+1

12

Лестчий
Поставьте ниже скрипта:

<script><!--Универсальный скрипт замены. -->
function UniverСhange(selektor,changed,substitute){
$(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
$(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}
var txtU = 'написал(а):';
UniverСhange(".quote-box > cite:contains("+txtU+") + blockquote","blockquote>","blockquote style='font-size:11px;opacity:0.8'>"); //На следущей строке можно добавить еще запрос
</script>

+1

13

sadhaka

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

А как там?

Там теперь также как и у меня.) Мильон благодарностей, получилось так как я хотел! http://savepic.su/3282149.gif
Deff
Не сработало.

0

14

Лестчий написал(а):

Не сработало.

Ссылку на сообщение "с несработало" - клик на дату в сообщении

Сработает ток при обновлении страницы

http://s5.uploads.ru/t/gBNXI.jpg

Поставьте цифру 10

blockquote","blockquote>","blockquote style='font-size:10px;opacity:0.8'>"); //На следущей строке можно добавить еще запрос

Отредактировано Deff (20.09.2013 12:38:45)

0

15

Полезный скрипт. Большое спасибо! :cool:

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Всплывающая кнопка "Цитировать" при выделении текста в посте


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC