Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Переключение цвета (смена класса) при выборе в меню раздела
 
 автор: TetRiska   (23.04.2009 в 15:43)   письмо автору
 
 

Вот собственно код меню:
<td width="10%" align="center" class="upper_menu_on><a href="/"><img src="{THEME}/images/main_2.gif" style="border: 0; display:block;">Главная</a>    </td>                                                            
<td width="10%" align="center" class="upper_menu"><a href="/Reklama.html"><img src="{THEME}/images/contacts_2.gif" style="border: 0; display:block;">Реклама</a>
</td>

.upper_menu_on a{
    font-family:tahoma;
    text-decoration: none;
    color: #6699FF;
    font-size: 11px;
    font-weight: bold;
}
.upper_menu_on a:hover{
    text-decoration: underline;
}
.upper_menu a{
    font-family:tahoma;
    text-decoration: none;
    color: #999999;
    font-size: 11px;
    font-weight: bold;
}
.upper_menu a:hover{
    color: #6699FF;
    text-decoration: underline;
}


При наведении меняется цвет текста и подчеркивание происходит. Нужно чтобы выбрав к примеру Реклама она приняла класс upper_menu_on, а Главная стала upper_menu. Делается для того, чтобы пользователь видел, что он выбрал. Помогите разобраться. Стилями реализуемо или джаваскрипт писать нужно? Надеюсь на вашу помощь.

  Ответить  
 
 автор: TetRiska   (25.04.2009 в 00:00)   письмо автору
 
   для: TetRiska   (23.04.2009 в 15:43)
 

есть знающие?

  Ответить  
 
 автор: PAT   (25.04.2009 в 11:29)   письмо автору
 
   для: TetRiska   (25.04.2009 в 00:00)
 

1. вводим неопределённую глобалку
2. при выборе пункта меню глобалку определяем записыванием в неё id выбранного пункта,
а ссылкам этого пункта меню присваиваем новый className
3. при выборе нового пункта меню из глобалки берем id прошлого выбранного пункта и
переприсваиваем ссылкам прошлого выбора className на имя "по умолчанию", а затем
делаем выше описанное здесь в п.2

  Ответить  
 
 автор: BlackApricot   (25.04.2009 в 07:47)   письмо автору
 
   для: TetRiska   (23.04.2009 в 15:43)
 

Попробуй так:
onmouseover="this.style.color='blue'" onmouseout="this.style.color='black'", добавляй, что нужно.

Или замени класс на стиль, и меняй из JS. Не забудь ИД добавить.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования