Zaharov

Работает. Спасибо. Эта кодировка: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> чем-то удобнее charset=windows-1251?

Ну, в принципе, да. Это уже другая задача как закрыть несколько дивов. Пока не получается. Почему то не работает. Опечатки исправил (function), но все равно не работает.

Точно. Вот тому подтверждение - новый вопрос: а если вместо id подставить class будет работать? <div id="frame1" class="frame"></div> <div id="frame2" class="frame"></div> <div id="frame3" class="frame"></div> <div id="frame4" class="frame"></div> <div id="frame5" class="frame"></div> ...... { document.getElementBuId('frame1').style.display='block'; document.getElementBuId('frame').style.display='none'; } И, если не в лом, подскажите, где в сети есть полный и удобный справочник по Яваскрипту? Вот как данный сайт для HTML и CSS( HtmlBook.Ru).

Спасибо всем, кто откликнулся. А если задача усложняется - дивов больше двух (например - 5). Как сделать так, чтобы при клике мышкой только нужный див получал display:block, а остальные - display:none?

Можно ли каким-либо образом применить эффект ролловер к дивам? То есть при онклике или онмаусовер меняется один див на другой, при этом каждый из дивов содержит несколько объектов ( текст, таблица, картинка).

Пожалуй так и сделаю. Сам к чему-то подобному потихоньку склонялся, но надеялся, что есть более простое и прямолинейное решение, без ухищрений. P.S. Canvas, походу, похожий путь предлагает, но до канваса у меня еще руки не дошли разобраться, что это такое.

Областей на самом деле несколько и есть ломанные.

На большой картинке выделил область (area) в качестве ссылки на другой документ html: <img src="image.jpg" usemap="#karta"> <map name="karta"> <area href="doc2.html" shape="rect" coords="50,60,70,80"> </map> Как сделать так, чтобы при наведении курсора мышки на эту область выделялись (подсвечивались) ее контуры? Что-то вроде этого необходимо: <div id="qaz" onmouseover="this.style.borderColor='orange'" onmouseout="this.style.borderColor='black'"> </div> CSS: #qaz {border:6px solid black;} Проблема в том, что у area нет этого самого border. Как еще можно отобразить контуры выделенной области?

сабж

На большой картинке выделил область (area) в качестве ссылки на другой документ html: <img src="image.jpg" usemap="#karta"> <map name="karta"> <area href="doc2.html" shape="rect" coords="50,60,70,80"> </map> Как сделать так, чтобы при наведении курсора мышки на эту область выделялись (подсвечивались) ее границы? Что-то вроде этого необходимо: <div id="qaz" onmouseover="this.style.borderColor='orange'" onmouseout="this.style.borderColor='black'"> </div> CSS: #qaz {border:6px solid black;} Проблема в том, что у area нет этого самого border.