Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Центр помощи > [HTML & JavaScript] Выделение кнопки при нажатии

Автор: stat007 18.5.2009, 11:55

Стоит такат задача: нужно в левом фрейме (там где ссылки) расположить 4 кнопки на соответствующие страница сайта.
Сайт разрабатывается в системе Dreamwiewer.
Кнопки сделаны в виде картинок с определёнными надписями (главная, новости и т.д.).
Подскажите сприпт, который при нажатии на определённую кнопку, меняет свой цвет и в главной фрейме открывает соответствующую страницу сайта.

Автор: Stqs 18.5.2009, 13:39

какой фрейм? какие ссылки?
где исходники?
кто здесь?

больше конкретики и наглядных материалов
тут экстрасенсов нет

Автор: stat007 18.5.2009, 22:40

Stqs, даа... smile

Автор: bars80080 19.5.2009, 14:02

есть два фрейма. второй имеет имя, к примеру <frame name="fr2">

ссылки в первом фрэйме должны содержать ссылки и адрес:

Код


<a href="http://link1" target="fr2" class="l1">link1</a>

чтобы ссылка стала кнопкой, и при этом изменила свой цвет после нажатия нужно прописать следующие стили:

Код


a { display: block; width: 200px; height: 20px; background: #cccccc; }
l1 { background: url(pic1.gif); }
l1:visited { background: #ff0000; }

если делать именно на кнопках, то придётся повозиться:

Код


<input type="button" value="link1" class="l1" onclick="parent.frames['fr2'].location.href='http://link1'; this.style.background='#00ff00';" />

Автор: stat007 24.5.2009, 09:10

Вот код с рабочими кнопками под названиями: "Главная" и "Вопрос 1". Названия кнопок загружаны в виде кортинок.
Нужно теперь добавить код, чтобы нажатая кнопка стала выделенной другим цветом! Подскажите как это сделать?

Код


<body onLoad="MouseOut(); preloadImage();">
<p><a href="page.html" target="mainFrame" onmouseover="mouseOver('main')" onmouseout="MouseOut()"><img name="main" src="image/glav.jpg" border="0" alt="index" width="120" height="29" /></a></p>
    <p><a href="vopr1.html" target="mainFrame" onmouseover="mouseOver('photo')" onmouseout="MouseOut()"><img name="photo" src="image/vop1.jpg" border="0" alt="photo"width="120" height="29" /></a></p>