Собственные смайлики в гостевой книге Народа


Добавлено 8 декабря 2008 г.

Вы новичок в сайтостроении? Вы не хотите изучать скрипты? Думаете, вам не сделать собственную гостевую со смайликами?
Вовсе нет!
Достаточно вставить в код гостевой книги вот такую строчку и ВСЕ!

<SCRIPT type="text/javascript" src="http://iyyi.narod.ru/js/wsmiles.js"></SCRIPT>
Вставлять нужно в то место страницы, где вы хотите, чтобы появились картинки смайликов.
Вставлять только в одном месте! Например, над полем ввода сообщения.
Информацию о работе текущей версии смотрите ниже.

История


v 2.0 (текущая версия с 9.12.2008)

Текущая версия всегда доступна в файле wsmiles.js, код для вставки на страницу:

<SCRIPT type="text/javascript" src="http://iyyi.narod.ru/js/wsmiles.js"></SCRIPT>
В версии 2.0 всего 44 смайлика. Смайлики показываются "порциями" по 11 шт. Чтобы вывести на экран очередную порцию, нужно дважды пересечь полоску курсором (мышью) со смайликами (например, сверху вниз, а затем снизу вверх или наоборот), не быстро, но и не медленно, так, как вы обычно делаете двойной клик. Кнопки мыши при этом нажимать не нужно. Это на самом деле очень легко!
Все выводимые смайлики (картинки) имеют разную высоту и ширину, поэтому при смене смайликов размер занимаемой ими области изменяется. Учитывайте это при форматировании вашей странички!


v 1.0

Самая первая версия, состоящая только из 11 смайликов.

Скрипт находится в файле wsmiles1.js (постоянное имя):
<SCRIPT type="text/javascript" src="http://iyyi.narod.ru/js/wsmiles1.js"></SCRIPT>

Примеры


Присылайте ссылки на свои гостевые!

"Стандартная" гостевая этого сайта. (шаблоны: stgb.txt и stmsg.txt).

Информация, баги, недостатки и т.п.


При клике по смайлику его код скрипт вставляет в первый найденный элемент TEXTAREA c установленным атрибутом name=your_message, так что такой элемент должен присутствовать на странице:).

Скрипт не "обходит"(не заменяет текстовые смайлики на картинки) в элементах: script, style, noscript, в элементах, которые содержат такие элементы или которые содержат строки "<script", "<style", "<noscript".

Замена HTML-кода в элементах приводит к тому, что, если для них программно были назначены обработчики событий, они теряют связь с этими элементами.

При использовании дополнительных собственных скриптов возможны и другие конфликты (но тогда ведь вы не новичок, верно? ;))