ФОРУМ PS-Studio.Info

  • Страница 1 из 1
  • 1
Форум » Форум по uCoz: работа с сайтом - дополнения и изменения » Общий форум » Разное » Выделение кода одним кликом (Выделить весь код в окне одним кликом мышки)
Выделение кода одним кликом
Дата: Пн, 11.06.2018, 14:01 Сообщение # 1
ps-studio
Администраторы
Здесь я расскажу, как можно сделать, чтобы размещённый вами код можно было полностью выделить, кликнув один раз в его окне.

За оформление кода у нас отвечает класс .codeMessage, используем его и jQuery для реализации нашего решения. Итак, для того, чтобы в окне листинга кода его можно было выделить сразу и весь одним кликом, к примеру, для модуля форум, в конце кода шаблона "Общий вид страниц форума" вставляем код:

Код

<script type="text/javascript">
$(".codeMessage").on('mouseup', function() {
var sel, range;
var el = $(this)[0];
if (window.getSelection && document.createRange) { //Browser compatibility
sel = window.getSelection();
if(sel.toString() == ''){ //no text selection
window.setTimeout(function(){
range = document.createRange(); //range object
range.selectNodeContents(el); //sets Range
sel.removeAllRanges(); //remove all ranges from selection
sel.addRange(range);//add Range to a Selection.
},1);
}
}else if (document.selection) { //older ie
sel = document.selection.createRange();
if(sel.text == ''){ //no text selection
range = document.body.createTextRange();//Creates TextRange object
range.moveToElementText(el);//sets Range
range.select(); //make selection.
}
}
});
</script>


Протестировать можно прямо здесь, в этом сообщении.
профиль www Вверх
Форум » Форум по uCoz: работа с сайтом - дополнения и изменения » Общий форум » Разное » Выделение кода одним кликом (Выделить весь код в окне одним кликом мышки)
  • Страница 1 из 1
  • 1
Поиск:

Хостинг от uCoz