Background Image

Простой скрипт выделения кода одним кликом

Script

by — Category Script on

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

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

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

 ПРОВЕРЕНО!


Понравился материал?
Поделитесь с друзьями

С этим материалом смотрят:
    Выезжающая панель меню на CSS3

    Выезжающая панель меню на CSS3

    Меню по своему стилю подойдет для сайтов с любым диз...

    View More
    0 724 15:06
    Добавление ссылки на источник при копировании

    Добавление ссылки на источник ...

    Очень простой скрипт, который добавляет при копирова...

    View More
    0 268 15:33
    Кнопки вверх для сайта

    Кнопки вверх для сайта

    Чем проще навигация на вашем сайте, тем удобнее им п...

    View More
    0 256 10:26
    Плавная прокрутка к материалу по клику

    Плавная прокрутка к материалу ...

    Скрипт, который плавно прокручивает страницу наверх ...

    View More
    0 266 16:19
Метки: Скрипты
Feedback: 0

Leave a Comment

Имя *:
Email *:
Код *:
Menu