Sign In Sign Up

Автовыделение по клику

31.07.20255061Diloyan

Это небольшое, но полезное дополнение улучшит юзабилити вашего сайта. Иногда в статьях или материалах находится очень много кода именно в таких ситуация выручает скрипт автовыделение по клику. Не буду многословным, этот скрипт поможет выделить большое количество кода в статье, материале или посте на форуме, одним кликом.

Данный скрипт не сколько не будет нагружать ваш сайт. Несомненно этот скрипт подойдет не только для выделения кода и цитат на вашем сайте. Так же вы можете эксплуатировать его для других нужд. Для этого нужно в скрипте поменять сodeMessage и quoteMessage на свои. Демо скрипта вы можете просмотреть ниже.

Установка

В нижнюю часть шаблона страницы материалов и комментариев к нему вставьте:

Код

<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>  




Источник:   http://yraaa.ru/scripts/vydelenie-koda-odnim-klikom

Diloyan 08.02.2017 в 23:34 / Материал
Тестовый комментарий
0
Пожалуйста, войдите или зарегистрируйтесь, чтобы оставлять комментарии.
[ Sign Up | Sign In ]