Видео-уроки
Статистика
Комментарии

в 07:00 05.09.2018
Как его установить?

в 13:51 01.09.2018
Превью шикарные, но почему шрифт-то не дали?

в 19:10 29.08.2018
Raccoon, где кнопка скачать файл, нету кнопки,гдееееееее
Содержимое сайта
Последние обновленные темы на форуме
Последний: marinasobsob
19
Ответов
Последний: MD
Предложение
Тему создал blacKK, В Разделе: Жизнь нашего сайта
6
Ответов

  • Страница 1 из 1
  • 1
Дизайнерский Форум » Уголок Web Мастера » Скрипты » Форум » Выделение кода одним кликом
Выделение кода одним кликом
Дата: Вторник, 10.01.2017, 03:10 | Сообщение # 1
Raccoon
Проверенные
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:


Небольшое UX-дополнение для вашего сайта. Порой в материалах бывает много кода, на помощь приходит автовыделение по клику. Если коротко, это интересное решение позволит пользователю всего одним кликом выделить весь код опубликованный в статье, файле или же в посте на форуме.

Если копирование в буфер обмена еще кажется как-то затруднительным в плане кроссбраузерности, то простое выделение по клику отличный компромисс. Разумеется, этот код подойдет не только для выделения кода и цитат на сайте, вы можете использовать для других нужд, просто в скрипте поменяйте классы codeMessage и quoteMessage на свои.

Установка
Вставьте в общий вид форума после $BODY$

Код
<script type="text/javascript">
$('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>
Дизайнерский Форум » Уголок Web Мастера » Скрипты » Форум » Выделение кода одним кликом
  • Страница 1 из 1
  • 1
Поиск: