Скачать можно здесь: mistakes3.3.zip
Чтобы его подключить, нужно поместить эти файлы в директорию своего сайта, например в папку «mistakes» и на всех страницах сайта между тегами
<head> </head>
<script type="text/javascript" src="/путь до файла/mistakes.js"></script>
Файл mistakes.js. В этом файле нужно изменить значение переменной misphploc (то, что между кавычками "") на путь к файлу mistakes.php.
var loc = window.location; var mis; nN = navigator.appName; function createMessage() { // Измените следующую строку. Здесь нужно указать путь к файлу mistakes.php var misphploc = '/mistakes/mistakes.php' var container = document.createElement('div') var scroll = dde.scrollTop || db.scrollTop; var mtop = scroll + 100 + 'px'; container.innerHTML = '<div id="mistake">\ <div id="m_window" style="top:' + mtop + '; left:' + mleft + '";>\ <iframe frameborder="0" name="mis" id="m_frame" src="' + misphploc + '"></iframe></div> \ </div></div>' return container.firstChild }
Здесь нужно изменить значение нескольких переменных:
$title — заголовок сообщения,
$to, — email, на который будут отправлятся сообщения,
$mymail — email, от кого пришло сообщение.
В файле есть коментарии что где редачить.
у и, конечно же, для того чтобы посетитель знал, что он может посодействовать в исправлении ошибок, нужно разместить на страницах вашего сайта, например, такую фразу:
На сайте работает система проверки ошибок. Обнаружив неточность в тексте, выделите ее и нажмите Ctrl + Enter.
Также открыть окошко отправки сообщения можно, кликнув по ссылке:
Отправить сообщение об ошибке
Код ссылки:
<a href="javascript:void(0)" onclick="PressLink()">Отправить сообщение об ошибке</a>
В нужном месте вставляем вот етот код
<div style="margin-top:5px; padding-left:15px;"><em><b><a class="tooltipz" href="/">Нашли ошибку в тексте сайта?<span class="custom help"><img width="48" height="48" alt="помощь" src="/templates/_default_/images/helpz.png" /><em>Нашли ошибку?</em>Выделите ошибочный текст мышкой и нажмите <b>Ctrl</b> + <b>Enter</b></span></a></b></em></div>
/******************************* нашли ошибку *********************************/ .tooltipz { outline: none; cursor: help; text-decoration: none; position: relative; margin-left:10px; } .tooltipz span { margin-left: -999em; position: absolute; } .tooltipz:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 250px; } .tooltipz:hover img { border: 0; margin: -10px 0 0 -55px; float: left; position: absolute; } .tooltipz:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; } .tooltipz:hover b { font-weight: bold; color: #FF7F50; font-size:1.2em; } .custom { padding: 0.5em 0.8em 0.8em 2em; } .help { background: #9FDAEE; border: 1px solid #2BB0D7; }
также прикрепляю архивчик с архивом test_60k2h.rar в котором тест страничка с видом нашей украшеной надписи