В этой заметке мы рассмотрим очень интересный скрипт, который позволяет отметить определенный кусок текста на странице сайта. Основная идея скрипта заключается в возможности поделиться этой частью текста с теми, кому хотелось бы его показать. Скрипт генерирует адрес страница, добавляя определенные параметры в урл, и помечает выделенный текст в определенном оформлении.
Я столкнулся с этой утилитой, когда передо мной встала задача повысить посещаемость с помощью некоторых способов, связанных с цитированием интересных текстов, которыми бы люди делились между собой. Такой способ очень хорошо повлиял бы на раскрутку сайтов.
Полную информацию о скрипте можете найти на официальном сайте - 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" блоку, в котором будет находиться текст, который необходимо отмечать.
Результат работы можете посмотреть на демо странице, обратите внимание на адрес страницы. Именно им нужно делиться с людьми.