Цитирование выделенного текста
Сообщений 1 страница 20 из 113
Поделиться2Пт, 6 Апр 2012 07:59:55
можно ли сделать так - курсором выделяешь текст, отпускаешь кнопку мышки и выскакивает рядом кнопка "цитировать".
Отличная идея, особенно при длинных текстах....
Поделиться3Пт, 6 Апр 2012 10:03:35
Отредактировано Mango (Пт, 6 Апр 2012 10:04:03)
Поделиться4Пт, 6 Апр 2012 10:09:43
Mango
Можно сделать не сейчас... занят слегка (*сборы в командировку
Поделиться5Пт, 6 Апр 2012 10:12:52
Это тебя не будет долгое время?
Поделиться6Пт, 6 Апр 2012 10:22:57
Пару дней.. хотя ноут с собой ... бу время, бу заглядывать
Поделиться7Пт, 6 Апр 2012 10:29:37
перенёс в "Вопросы по оформлению форума"
Поделиться8Пт, 6 Апр 2012 11:17:02
Mango
Попытаюсь сделать. В принципе, это не так уж и трудно... Часиков в 19 МСК доделаю, я думаю
Поделиться9Пт, 6 Апр 2012 12:54:26
kozhilya, хорошо
Поделиться10Пт, 6 Апр 2012 17:32:31
Ну, как-то так.
<!-- Всплывающее окно цитирования -->
<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 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-13)+'px', 'display': 'none' });
$("#Bubble span").html($(this).find("li.pl-quote").html());
$("#Bubble").fadeIn(200);
fresh = true;
}
else if (fresh)
{ fresh = false; }
});
$('.post').mousedown(function() {
if (fresh) { $("#Bubble:visible").hide(200); fresh = false;}
});
$('#Bubble span').click(function() {
$('#Bubble').hide(200);
fresh = false;
});
</script>
Красное - цвет окошка
Зелёным - Ссылка на картинку
Синим - Если у вас размер картинки отличен от 16х16, то крутите эти параметры для корректного отображения.
Отредактировано kozhilya (Пт, 6 Апр 2012 22:22:32)
Поделиться11Пт, 6 Апр 2012 18:49:27
kozhilya
Cобственно тушить её надо - секунды через 3(Нун осмыслить выделенное, если не понравилось при новом выделении оно же передвинецо автоматом
Отредактировано Deff (Пт, 6 Апр 2012 18:56:55)
Поделиться12Пт, 6 Апр 2012 18:57:07
Спасибо, сейчас попробую...
Поделиться13Пт, 6 Апр 2012 19:00:51
Красиво сделано, но окошко быстро прячется, не успеваю нажать на него... )
Поделиться14Пт, 6 Апр 2012 19:02:57
Синим - задержка скрытия окошка.
Там стоит 500, это что?
Поделиться15Пт, 6 Апр 2012 19:04:07
Mango
3000 Попробуйте
Поделиться16Пт, 6 Апр 2012 19:08:48
kozhilya
И мельчить не стоит - посколь часто курсор уходит после выделение за post-content, (да и id парсить не нун тады
делай проверку на .post (И при неполно развернутом окне браузера и мобильнике тестани
Думаю Окно нун сворачивать по blur( ) - а не .mouseover (ну на крайняк .mouseout
Отредактировано Deff (Пт, 6 Апр 2012 19:14:27)
Поделиться18Пт, 6 Апр 2012 19:14:58
ruslan_as
Ссылку на ресурс с установленным кодом
Поделиться19Пт, 6 Апр 2012 19:15:44
Поставил 3000, работать перестало. Вернул на 5000, не работает после отпускания мышки, но потом само по себе откроется и тут же закроется.
Поделиться20Пт, 6 Апр 2012 19:17:03
В Мозилле глючит....
Я на Мазилле сижу
Но белого поля нет.
Отредактировано Mango (Пт, 6 Апр 2012 19:18:07)