Выделение кода одним кликом - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Небольшое UX-дополнение для вашего сайта. Порой в материалах бывает много кода, на помощь приходит автовыделение по клику. Если коротко, это интересное решение позволит пользователю всего одним кликом выделить весь код опубликованный в статье, файле или же в посте на форуме. Если копирование в буфер обмена еще кажется как-то затруднительным в плане кроссбраузерности, то простое выделение по клику отличный компромисс. Разумеется, этот код подойдет не только для выделения кода и цитат на сайте, вы можете использовать для других нужд, просто в скрипте поменяйте классы codeMessage и quoteMessage на свои.
 
Установка
 
Вставьте в нижнюю часть шаблона страницы материалов и комментариев к нему:
Quote
<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> 

Также посмотрите этот материал, здесь при копировании текста на сайте добавляется дополнительный.

Важно!

При копировании материала указывать ссылку на источник.

- 427
- 14-Октября-2016
- 0
Материал разместил:

Похожий материал
Похожего материала не найдено...
Статьи сайта