Дедушкин блог о дизайне и фрилансе

В догонку к предыдущему посту придётся создать и этот, куда я буду складывать вопросы, которые возникают у пользователей при установке CallMe. Естественно, с решениями. Пост будет пополняться по мере нахождения багов и фич.

На стартовой скрипт работает, а на остальных зависает слово отправка и ничего не происходит.

Это может возникать, если в html у вас указан параметр base href. Обычно он мало чем вам поможет, а иногда ещё и навредит, как в случае с base href=»http://***.ru/index.php/icons». Если это не противоречит вашей вёрстке, удаляйте эту строку из темплейтов. Если же так сделать не получится, то есть второе решение: отредактировать файлы скрипта и заменить все относительные адреса на абсолютные. Например, /callme/callme.js будет заменено на http://***.com/callme/callme.js.

Кнопка «Перезвони мне» появилась, но не реагирует на клик.

Это может быть по многим причинам. Одна из них: закачаны не все файлы скрипта, либо же закачаны не полностью. Для нормальной загрузки лучше пользоваться не веб-загрузчиками, которые могут фильтровать загружаемый контент, а вручную по ftp. Рекомендую программу WinSCP.

Привет, друзья! Помните, где-то в архивах этого блога лежал скрипт заказа обратного звонка CallMe? Он оказался на удивление востребованным, но ещё к тому же и на удивление недоработанным. Эту недоработку мы решили доработать и, доработав, выложить здесь. Тестером выступал Андрей sheriff02. Сначала кратко опишу, что было сделано.

1. Найдено решение, как решить конфликт с библиотекой MooTools, за что спасибо Евгению из комментариев. В том числе исправлены возможные конфликты с другими js-фреймворками.
2. Файл фона кнопки button.png переименован в callme.png, чтобы исключить конфликт с AdBlock, спасибо manachboriska. Кстати, теперь можно скачать исходник кнопки в psd, чтобы исправить текст на любой по желанию. Или вместо зелёного сделать фон с огнями и драконами.
3. Евгений предлагал сделать проверку отправленности заявки с использованием cookies, но этот вариант не катит. Злоумышленник может сколько угодно чистить куки и слать повторные запросы, поэтому мы поступили по-другому. В локальное хранилище (jquery.storage) записывается время последней отправки сообщения. Если запрос повторяется, скрипт сначала проверит, как давно был предыдущий. Если меньше, чем час назад, то повторяться он не будет. Этот интервал можно исправить на любой, хоть до 10 секунд в /callme/index.php.
4. Добавили необязательное для заполнения поле «комментарий». Если вы, как и я, считаете, что оно лишнее, просто убирайте его из кода.
5. Теперь в письме с уведомлением будет приходить и адрес страницы, с которой был сделан запрос и ip-адрес пользователя.
6. Через 10 секунд после отправки форма автоматически скрывается, а форма очищается.
7. Исправлено множество других мелких вопросов.

Визуально форма стала симпатичнее: скругённые углы, тень блока, и всё такое. Увы, пользователи Internet Explorer, как обычно, не оценят всей красоты, т.к. часть фишек доступна только в нормальных браузерах.

Уведомление в sms

Смс-уведомление мы решили не делать. Во-первых, придется возиться с установкой модуля отправки у вас на сервере, а во-вторых, каждая смс будет стоить денег. Это нужно, например, средним и большим инет-магазинам. Если нужно, сделаем, но за отдельную плату. Обещаю сильно хамить и срывать все возможные сроки :).

Установка и настройка

Немного поменялся код установки, теперь он выглядит так:

<link rel="stylesheet" href="/callme/callme.css" type="text/css" />
<script type="text/javascript" src="/callme/jquery.min.js"></script>
<script type="text/javascript" src="/callme/jquery.storage.js"></script>
<script type="text/javascript" src="/callme/callme.js"></script>

<div id="callme"><input type="button" id="viewform" /></div>
<div id="callmeform" class="hide-off"><div id="cme_cls"></div><h6>Заказать обратный звонок</h6>
<table cellpadding="0" cellspacing="0">
<tr><td>Ваше имя</td></tr>
<tr><td><input class="txt" type="text" maxlength="150" id="cname" value="" /></td></tr>
<tr><td>Телефон</td></tr>
<tr><td><input class="txt" type="text" maxlength="150" value="+7-" id="cphone" /></td></tr>
<tr><td>Вопрос или комментарий</td></tr>
<tr><td><input class="txt" type="text" maxlength="1000" id="ccmnt" /></td></tr>
<tr><td>
<div id="cm_crds">&copy; CallMe, <a href="http://dedushka.org" target="_blank">Назар Токарь</a></div>
<input class="btn" type="button" value="Перезвоните мне"></td>
</tr>
</table>
<div id="callme_result"></div>
</div>

После инсталляции не забудьте отредактировать /callme/index.php и указать там свой адрес почты, куда будут приходить уведомления.

Если у вас на сайте уже используется jQuery, то строку с его повторным вызовом надо удалить:

<script type="text/javascript" src="/callme/jquery.min.js"></script>

В случае, если у вас на сайте кроме jQuery установлен другой js-фреймворк типа MooTools, которому также нужен символ $ для работы, вызов его функций нужно обрамлять таким кодом:

<script type="text/javascript">
$.noConflict();
// здесь можно использовать $ другой библиотеки
</script>

Мотивация

Ещё было решено немного сменить политику распространения скрипта. Он по-прежнему будет бесплатным, но теперь с моим копирайтом в виде очень маленькой ссылки справа в форме.

Бесплатный вариант

Пишите «спасибо» и адрес сайта, где установлен скрипт, в комментариях, тогда ссылка и дальше будет радовать ваш глаз.

Платный вариант

Если хотите убрать копирайт, отправьте 7$ или 200 рублей мне на счёт по webmoney. Это стоимость 4-х чашек кофе, совсем небольшая плата за многие часы работы и тестов. Мне будет приятно и это будет хорошим стимулом для дальнейшей работы над скриптом. В примечании к платежу пишите пожалуйста адрес сайта.

Demo / Download

Посмотреть скрипт в работе традиционно можно на мебельном магазине. Обо всех замеченных багах пишите в комментариях и на почту. Спасибо.

А скачать скрипт можно тут.

Друзья, а предложите ваш вариант названия для парфюмерного интернет-магазина?

Надо, чтобы легко запоминалось и можно было написать даже первого января утром трясущимися руками :)

В мире, переполненном дабстепом, бибером и леди гагой, иногда нужно найти звуковую отдушину и сделать глоток свежего морозного воздуха. Это кислород, чтобы лучше думалось. Жители несуществующей лепры иногда собираются в этих ваших клубах и слушают хорошую музыку. Например, такую как этот микс от Димы Katagurama. Стиль — intelligence dnb, liquid funk. Стоит послушать даже если вы любите только дип-хаус или чилаут. Особенно порадовали вставки из «Достучаться до небес». Жмём плей и едем дальше!

Лайфхакер тем временем рассказывает, как можно превратить свою Windows в убунту, макось или андроид. Конечно, не переставив ось, а сменив стили.

скинпак добавляет только внешние изменения к интерфейсу и устанавливает дополнительные фичи, имитирующие работу другой операционной системы, поэтому не надейтесь на удивительное превращение вашего ПК в мак

Мы в общем-то и не надеемся :)

Интересная статья в электронной версии журнала Esquire рассказывает о человеке, который досконально помнит каждый день любого из 56 лет своей жизни, вплоть до мелочей.

Иногда люди злятся, т.к. им кажется, что я слишком уж ношусь со своей памятью. Я не вступаю в споры, потому как всегда оказываюсь прав, а это не добавляет мне популярности. Не то чтобы я знаю всё на свете. Я знаю всё, если речь идет о фактах, которые относятся ко мне, либо же о событиях, которые я узнал из новостей. Но меня легко поймать, если спросить о чем-то, что меня вообще не интересует.

Хотел написать в контакте какой-то остроумный и конечно же необычный статус. Забыл окончание, которое когда-то слышал, загуглил… Нашёл сайт, посвящённый статусам в контакте. Зачем это? Чтобы удивить кого-то, мы берём чужую мысль и выдаём её за свою? Тем более, собираем всё на одном ресурсе. Более жутким мне видится разве что сайт, где собраны заготовки романтичных смс.

И этот сайт, кстати, тоже существует.