Основы работы с XHTML и CSS


Соединение с сайтами с помощью JavaScript


Другой метод встраивания приложения в страницу использует код JavaScript для соединения с сайтами, на которых выполняется приложение. Другими словами, приложение не загружается, оно соединяется и выполняется с удаленного сайта.

Weather Channel (http://www.weather.com), например, позволяет соединяться с локальным прогнозом погоды с помощью небольшого сценария, который создает вывод прогноза погоды на странице.

Текущая погода от Weather Channel

Рис. 9.26.  Текущая погода от Weather Channel

<script src='http://voap.weather.com/weather/oap/31206?template=GENXH&par=1002807763 &unit=0&key=4b85ab04049dg00730e07efd748e8055'> </script>

Листинг 9.23. Код для вывода информации о погоде

Код предоставляется сайтом, предлагающим услугу, и его можно просто скопировать на страницу. Для получения прогноза погоды необходимо бесплатно зарегистрироваться на сайте Weather Channel и выбрать область прогноза. Отметим, что приведенный выше регистрационный код не является действительным, а служит просто примером кода, полученного после регистрации.

Другим примером соединения с помощью JavaScript является следующий информер заголовков новостей. Щелчок на выводимых ссылках вызывает переход к исходному источнику новостей.

Заголовки текущих новостей

Рис. 9.27.  Заголовки текущих новостей

Это приложение с сайта www.news4sites.com, который поддерживает службу предоставления регулярно обновляемых заголовков новостей из различных информационных источников по всему миру. Это приложение бесплатно, потому что включает рекламные ссылки на сайты; платная подписка удаляет рекламу.

Код JavaScript и соответствующий XHTML предоставляются сайтом и копируются на страницу. Не требуется даже знать, что все это означает.

<div id="NEWS"> <table style="width:270px; background-color:#D2EBFF" cellspacing="0" cellpadding="4"> <tr> <td style="background-color:#000000; color:#FFFFFF; font-size:12pt; font-weight:bold"> In the News </td> </tr> <tr> td> <span id="ITEMS"></span> </td> </tr> <tr> <td style="background-color:#FFFEE8; font-size:8pt"> <span id="TIME"></span> </td> </tr> </table> </div>




Начало  Назад  Вперед



Книжный магазин