Выделение кода одним кликом
Небольшое UX-дополнение для вашего сайта. Порой в материалах бывает много кода, на помощь приходит автовыделение по клику. Если коротко, это интересное решение позволит пользователю всего одним кликом выделить весь код опубликованный в статье, файле или же в посте на форуме.
Если копирование в буфер обмена еще кажется как-то затруднительным в плане кроссбраузерности, то простое выделение по клику отличный компромисс. Разумеется, этот код подойдет не только для выделения кода и цитат на сайте, вы можете использовать для других нужд, просто в скрипте поменяйте классы codeMessage и quoteMessage на свои.
Установка
Вставьте в нижнюю часть шаблона страницы материалов и комментариев к нему:
$('div.codeMessage, div.quoteMessage').click(function() {
var e=this;
if(window.getSelection){
var s=window.getSelection();
if(s.setBaseAndExtent){
s.setBaseAndExtent(e,0,e,e.innerText.length-1);
}else{
var r=document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);}
}else if(document.getSelection){
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}else if(document.selection){
var r=document.body.createTextRange();
r.moveToElementText(e);
r.select();}
});
</script>
Также посмотрите этот материал, здесь при копировании текста на сайте добавляется дополнительный.
Пока я дописывал этот материал и готовил для него графику, обнаружил, что не выкладывал вид кода для uCoz, причем не только свой, но и какие-либо другие. Были виды цитат, тоже немного, но были, а здесь я упустил. Ничего, скоро это будет исправлено.
