Модераторы: Poseidon
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> [HTML & JavaScript] Выделение кнопки при нажатии, поменять цвет кнопки 
:(
    Опции темы
stat007
Дата 18.5.2009, 11:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 521
Регистрация: 9.10.2008

Репутация: нет
Всего: -4
Стоит такат задача: нужно в левом фрейме (там где ссылки) расположить 4 кнопки на соответствующие страница сайта.
Сайт разрабатывается в системе Dreamwiewer.
Кнопки сделаны в виде картинок с определёнными надписями (главная, новости и т.д.).
Подскажите сприпт, который при нажатии на определённую кнопку, меняет свой цвет и в главной фрейме открывает соответствующую страницу сайта.
PM MAIL   Вверх
Stqs
Дата 18.5.2009, 13:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 23
Регистрация: 25.6.2007
Где: Kh

Репутация: 1
Всего: 1
какой фрейм? какие ссылки?
где исходники?
кто здесь?

больше конкретики и наглядных материалов
тут экстрасенсов нет
PM MAIL ICQ Skype   Вверх
stat007
Дата 18.5.2009, 22:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 521
Регистрация: 9.10.2008

Репутация: нет
Всего: -4
Stqs, даа... smile 
PM MAIL   Вверх
bars80080
Дата 19.5.2009, 14:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 8
Всего: 315
есть два фрейма. второй имеет имя, к примеру <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';" />
PM MAIL WWW   Вверх
stat007
Дата 24.5.2009, 09:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 521
Регистрация: 9.10.2008

Репутация: нет
Всего: -4
Вот код с рабочими кнопками под названиями: "Главная" и "Вопрос 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>
 
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Правила форума "Центр помощи"

ВНИМАНИЕ! Прежде чем создавать темы, или писать сообщения в данный раздел, ознакомьтесь, пожалуйста, с Правилами форума и конкретно этого раздела.
Несоблюдение правил может повлечь за собой самые строгие меры от закрытия/удаления темы до бана пользователя!


  • Название темы должно отражать её суть! (Не следует добавлять туда слова "помогите", "срочно" и т.п.)
  • При создании темы, первым делом в квадратных скобках укажите область, из которой исходит вопрос (язык, дисциплина, диплом). Пример: [C++].
  • В названии темы не нужно указывать происхождение задачи (например "школьная задача", "задача из учебника" и т.п.), не нужно указывать ее сложность ("простая задача", "легкий вопрос" и т.п.). Все это можно писать в тексте самой задачи.
  • Если Вы ошиблись при вводе названия темы, отправьте письмо любому из модераторов раздела (через личные сообщения или report).
  • Для подсветки кода пользуйтесь тегами [code][/code] (выделяйте код и нажимаете на кнопку "Код"). Не забывайте выбирать при этом соответствующий язык.
  • Помните: один топик - один вопрос!
  • В данном разделе запрещено поднимать темы, т.е. при отсутствии ответов на Ваш вопрос добавлять новые ответы к теме, тем самым поднимая тему на верх списка.
  • Если вы хотите, чтобы вашу проблему решили при помощи определенного алгоритма, то не забудьте описать его!
  • Если вопрос решён, то воспользуйтесь ссылкой "Пометить как решённый", которая находится под кнопками создания темы или специальным флажком при ответе.

Более подробно с правилами данного раздела Вы можете ознакомится в этой теме.

Если Вам помогли и атмосфера форума Вам понравилась, то заходите к нам чаще! С уважением, Poseidon, Rodman
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Центр помощи | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.1298 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.