ICQ-пейджер для вашего сайта
Если на вашем сайте нет гостевой книги или вы просто хотите
добавить ему ещё капельку интерактивности, то советую вам поставить
ICQ-пейджер. Основные моменты его работы:
показывает посетителю статус работы вашей Аськи (онлайн, оффлайн, хидден);
позволят послать сообщение с формы расположенной на сайте прямо
на вашу Аську (независимо от того, в каком она у вас режиме);
при желании, посетитель имеет возможность добавить вас в контакт-лист своей
Аськи.
Статус работы ICQ.
Разберемся с первым моментом.
Статус работы вашей Аськи будет показывать всем известный цветочек, точнее его
цвет:
зеленый, вы в онлайне (online);
красный, в оффлайне (offline);
сиреневый, в скрытом режиме (hidden).
Вывести его поможет следующий код:
<img src="//web.icq.com/whitepages/online?icq=ВАШ_ICQ_НОМЕР&img=5">
Не забудьте вставить вместо слов ВАШ_ICQ_НОМЕР соответствующее число.
Параметр img определяет вид индикатора.
Дополнительные индикаторы текущего статуса Аськи, а также форма генерации
вышеприведенного когда расположены здесь: //www.icq.com/features/web/indicator.html
Форма для ICQ-пейджера.
Для получения формы отправки расположите нижеприведенный код на вашем сайте.
<form action="//wwp.icq.com/scripts/WWPMsg.dll" method="post">
<table border=0 cellpadding=1 cellspacing=1>
<tr>
<td>
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td align=center nowrap colspan=2><b>The ICQ Online-Message Panel</b></td>
</tr>
<tr>
<td align=center><b>Name</b>:
<input type="text" name="from" value="" size=15 maxlength=40 onfocus="this.select()">
</td>
</tr>
<tr>
<td align=center><b>E-mail</b>:
<input type="text" name="fromemail" value="" size=15 maxlength=40 onfocus="this.select()">
<input type="hidden" name="subject" value="From Your Web Page">
</td>
</tr>
<tr>
<td align=center colspan=2><b>Message:</b><br>
<textarea name="body" rows=5 cols=30 wrap="Virtual"></textarea>
</td>
</tr>
<tr>
<td colspan=2 align=center><br>
<input type="hidden" name="to" value=ВАШ_ICQ_НОМЕР>
<input type="submit" name="Send" value="Send Message">
<input type="reset" value="Clear">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
Не забудьте вставить вместо слов ВАШ_ICQ_НОМЕР соответствующее число.
Думаю, логичным было бы поместить форму на отдельную страницу и выводить
в небольшом сплывающем окне. Делается это так, в начале HTML'a, где будет
расположена ссылка на форму в теге <HEAD> пишется следующий
скрипт:
<script language="JavaScript">
<!--
function screener(URL){
screenerWindow=open("","screenerWindow",
"toolbar=no,directories=no,menubar=no,scrollbars=no,resizable=no,width=300,height=260")
if (screenerWindow.opener == null){
screenerWindow.opener = self}
if (URL != null){
screenerWindow.location.href=URL};
screenerWindow.focus();
}
// -->
</script>
Ссылка на icq-пейджер будет иметь вид:
<a href="javascript:screener('icq.htm')" target="_top">Мой ICQ-пейджер</a>
Таким образом, форма будет элегантно всплывать в окошке 300x260, позволяя
пользователю отправить вам свое сообщение.
Добавление в контакт-лист.
В форме так же можно расположить ссылку для добавленияя вашего ICQ-номера
в контакт-лист посетителя сайта. Делается это следующим образом:
<a href="//wwp.mirabilis.com/scripts/Search.dll?to=ВАШ_ICQ_НОМЕР"
target="_blank">Add me to your ICQ contact list</a>
Не забудьте вставить вместо слов ВАШ_ICQ_НОМЕР соответствующее число.
Пример работы ICQ-пейджера можно увидеть здесь: //ash.aiq.ru/
Demiurge Ash Art {and} Design бесплатный
веб-дизайн (сайты, кнопки, баннеры, визуалы).
Photoshop Tutorials по-русски
переводы статьей зарубежных художников о создании реалистичной компьютерной графики
в Фотошопе.
|