Скрытый текст. Необходимо зарегистрироваться.
Я попыталась тоже самое сделать на одном из форумов на хостинге 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>
Однако, проблему с планшетным яндекс-браузером это не решило.
И все-таки, хотелось бы знать. А как аналогичная кнопка сделана в форуме техподдержки?