Web-анатомия Web-анатомия Web-анатомия
Web-анатомия Web-анатомия Web-анатомия HTML CSS JScript DHTML
заголовок - CSS
детектирование Flash с помощью JavaScript и VBScript


Новая версия сайта находится по адресу


wa.artel.by




Материал взят из книги Джерри Бранденбау 'JavaScript: сборник рецептов'. Адаптация by FireFalcon.

Предположим, ваш сайт состоит из нескольких страниц, на каждой из которых присутствуют ссылки для перехода на другие страницы. Частенько это дублирующая навигация. Жизнь веб-мастера можно упростить, если написать маленький скриптец, который будет генерировать эти ссылочки на каждой странице. Причем в зависимости от того, какая это страница. То есть для каждой страницы эти сылочки будут свои без всякого усилия с вашей стороны. Экономия времени на лицо.

var navURLs = new Array('1.html','2.html','3.html','4.html','5.html');

var linkText = new Array('one','second','third','fourth','fifth');

function navbar()
{
var navStr = ' ';
for (var i = 0; i < navURLs.length; i++){
   if (location.href.indexOf(navURLs[i]) == -1){
    navStr += '<B>[</B><A HREF="' + navURLs[i] + '">' +
      linkText[i] + '</A><B>]</B>'
    }
  }
document.writeln('<BR><BR>' + navStr);
}



Код простой. Массив navURLs заполняется именами веб-страничек, а массив linkText - текстом, отображаемым в ссылках. Можно использовать и относительные, и абсолютные URL-ы, однако могут возникнуть проблемы при наличии одноименных файлов в раззных каталогах (например, index.html, ../index.html, ../../index.html). Функция navbar() перебирает все файлы и генерирует ссылки с соответствующим текстом для всех файлов, не совпадающих с свойством location.href текущего документа. Вот и все!

Существует много путей для расширения функциональных возможностей этого скрипта. Например, текстовые ссылки можно заменить графическими (с переключаемыми изображениями). Можно засунуть все ссылки в список, тем самым сэкономив место на странице. Все в ваших руках.

А вот и примерчик:
заголовок - CSS

Новости сайта Ссылки/только полезные ресурсы не нажимать! Пишите письма
новости

3 мая 2001. Новенькое по CSS/ Кросс-браузерность:
фишки слепого браузера


18 апреля 2001. Новенькое по CSS/ Кросс-браузерность:
не наступай на грабли


11 апреля 2001. Новый материал по HTML/ Логические тэги:
облегчаем жизнь


30 марта 2001. Ну наконец-то! Новый материал по HTML/ Favicon:
плюсы и минусы


21 марта 2001. Новый материал по CSS/ секреты CSS:
правильные стили (IV)


15 марта 2001. Новый материал по CSS/ секреты CSS:
правильные стили (III)


JavaScript
И куда нам без скрипта? Никуда, кроме статического HTML. Он, конечно, старый добрый знакомый, но иногда хочется чего-нибудь инновационного (во сказал...)

Все, что может сказать браузер

Netscape 6:
детектирование


Netscape 6:
главные особенности


MouseOver:
фишки


Детектирование Flash

Ссылки:
облегчаем себе жизнь


 

Hosted by uCoz