ICQ-пейджер для вашего сайта


Прислал: Demiurge Ash [ 12.03.2002 @ 12:08 ]
Раздел:: [ Веб-технологии ]


Если на вашем сайте нет гостевой книги или вы просто хотите добавить ему ещё капельку интерактивности, то советую вам поставить ICQ-пейджер. Основные моменты его работы:
— показывает посетителю статус работы вашей Аськи (онлайн, оффлайн, хидден);
— позволят послать сообщение с формы расположенной на сайте прямо
на вашу Аську (независимо от того, в каком она у вас режиме);
— при желании, посетитель имеет возможность добавить вас в контакт-лист своей Аськи.

Статус работы ICQ.

Разберемся с первым моментом.
Статус работы вашей Аськи будет показывать всем известный цветочек, точнее его цвет:
— зеленый, вы в онлайне (online);
— красный, в оффлайне (offline);
— сиреневый, в скрытом режиме (hidden).
Вывести его поможет следующий код:

<img src="http://web.icq.com/whitepages/online?icq=ВАШ_ICQ_НОМЕР&img=5">

Не забудьте вставить вместо слов ВАШ_ICQ_НОМЕР соответствующее число. Параметр img определяет вид индикатора. Дополнительные индикаторы текущего статуса Аськи, а также форма генерации вышеприведенного когда расположены здесь: http://www.icq.com/features/web/indicator.html ( http://www.icq.com/features/web/indicator.html )

Форма для ICQ-пейджера.

Для получения формы отправки расположите нижеприведенный код на вашем сайте.

<form action="http://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>:&nbsp;&nbsp;
<input type="text" name="from" value="" size=15 maxlength=40 onfocus="this.select()">
</td>
</tr>
<tr>
<td align=center><b>E-mail</b>:&nbsp;&nbsp;
<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">&nbsp;&nbsp;
<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="http://wwp.mirabilis.com/scripts/Search.dll?to=ВАШ_ICQ_НОМЕР"
target="_blank">Add me to your ICQ contact list</a>

Не забудьте вставить вместо слов ВАШ_ICQ_НОМЕР соответствующее число.
Пример работы ICQ-пейджера можно увидеть здесь: http://ash.aiq.ru/ ( http://ash.aiq.ru/ )


Demiurge Ash — Art {and} Design ( http://ash.aiq.ru/ ) — бесплатный веб-дизайн (сайты, кнопки, баннеры, визуалы).
Photoshop Tutorials по-русски ( http://ash.aiq.ru/tutorials/ ) — переводы статьей зарубежных художников о создании реалистичной компьютерной графики в Фотошопе.