В этой заметке мы рассмотрим очень интересный скрипт, который позволяет отметить определенный кусок текста на странице сайта. Основная идея скрипта заключается в возможности поделиться этой частью текста с теми, кому хотелось бы его показать. Скрипт генерирует адрес страница, добавляя определенные параметры в урл, и помечает выделенный текст в определенном оформлении.
Я столкнулся с этой утилитой, когда передо мной встала задача повысить посещаемость с помощью некоторых способов, связанных с цитированием интересных текстов, которыми бы люди делились между собой. Такой способ очень хорошо повлиял бы на раскрутку сайтов.
Полную информацию о скрипте можете найти на официальном сайте - http://mashajs.com
В первую очередь подключаем файлы для работы утилиты. В моем случае это выглядит так:
<script type="text/javascript" src="/web-notes/mashajs/js/masha.min.js"></script>
<link rel="stylesheet" href="/web-notes/mashajs/css/masha.css" type="text/css" media="screen, projection" />
Теперь добавляем следующий код на страницу до цитируемого текста, желательно в тег
:
<script type="text/javascript">
if(window.addEventListener){
window.addEventListener('load', function(){
// can be called by domready
MaSha.instance = new MaSha();
}, false);
} else {
window.attachEvent('onload', function(){
// can be called by domready
MaSha.instance = new MaSha();
});
}
</script>
И добавляем id="selectable-content" блоку, в котором будет находиться текст, который необходимо отмечать.
Результат работы можете посмотреть на демо странице, обратите внимание на адрес страницы. Именно им нужно делиться с людьми.
Смотреть демо