VPF::OnMouseOver Замена цвета и риссунка в таблице.

MotokoK

Дата 17.11.2010, 10:32 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

Репутация: нет
Всего: нет

Кхм.Добрый день. Вопрос наверное дурацкий но все же.

Есть код вот этот

Код


...
print("<TR><TD align=right width=16><IMG src=\"img/m_left.gif\"></TD>");// Левая колонка с рисунком

print("<TD onmouseover=\"this.style.background = '#FCAA04';\"  onmouseout=\"this.style.background ='#0053A1';\" height=33 align=middle bgColor='#0053A1' NOWRAP > <A class=root_link HREF=\"$PHP_SELF?section=$id\">$name</A></TD>");//Центральная колонка с ссылкой

print("<TD align=left width=18><IMG IMG src=\"img/m_right.gif\" ></TD></TR>");//Правая колонка с рисунком
        
print("<TR height=5><TD></TD><TD></TD><TD></TD></TR>");
...

Который выводит в цикле элементы меню.На OnMouseOver цвет элемента меню закрашивается на МаусАут становится прежним.
Проблема в том что в боковых колонках от центальной отображается рисунок с красивым закруглением кнопки того же цвета и закрашивается он в тот же цвет(m_left/right.gif-оригинальный цвет m_left2/right2.gif-цвет закраски.) Как сделать чтобы при наведении именно на ссылку т.е на центальную колонку менялся и ее бг цвет,ну что уже сделано, и рисунок в соседних колонках таблицы? smile

CruorVult

Дата 17.11.2010, 10:56 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 1
Всего: 28

а пхп тут причем?

MotokoK

Дата 17.11.2010, 11:08 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

Репутация: нет
Всего: нет

Ну не знала куда написать.Сайт же на пхп пишу smile

ну да это типа хтмл?

skyboy

Дата 17.11.2010, 11:18 (ссылка)

(нет голосов)

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260

M
skyboy

перенесено из php: общие вопросы

Deadcow

Дата 17.11.2010, 19:05 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

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

Репутация: нет
Всего: нет

Код


<TR><TD align=right width=16><IMG src=/"img/m_left.gif/"></TD>
<TD onmouseover=\"this.style.background = '#FCAA04';\"  
onmouseout=\"this.style.background ='#0053A1';\" height=33 align=middle bgColor='#0053A1' NOWRAP >
<A class=root_link HREF=\"$PHP_SELF?section=$id\">$name</A> </TD>
<TD align=left width=18><IMG !!-IMG-!! src=/"img/m_right.gif/" ></TD></TR>

Тебе либо нужно написать функцию, по которой будет меняться картинка, либо, что лучше, соединить три колонки в одну... тем более, я так понимаю, левый и правый гиф визуально тоже является частью ссылки, а значит их тоже нужно захватить тэгом <a>...
Если всё же выбрать первый вариант

Код


function On() {
this.style.background = '#FCAA04';
document.getElementById('left').src = 'img/m_lef2t.gif';
document.getElementById('right').src = 'img/m_right2.gif';
}
function Out() {
this.style.background = '#0053A1';
document.getElementById('left').src = 'img/m_left.gif';
document.getElementById('right').src = 'img/m_right.gif';
}
...
<TR><TD align=right width=16><IMG id=left src='img/m_left.gif'></TD>
<TD onmouseover=\"On()';\"  onmouseout=\"Out();\" height=33 align=middle bgColor='#0053A1' NOWRAP > 
<A class=root_link HREF=\"$PHP_SELF?section=$id\">$name</A> </TD>
<TD align=left width=18><IMG id=right src='img/m_right.gif' ></TD></TR>

А еще лучше стиль кнопки со всеми "красивыми закругляшками" прописывать в CSS и применять к простому тексту с помощью div'ов.
И всегда желательно скрипт применяемый к элементам выводимым циклом выносить в функцию, что бы не дублировать одни и те же свойства в теле каждого элемента

Это сообщение отредактировал(а) Deadcow - 17.11.2010, 19:10

Deadcow

Дата 17.11.2010, 19:21 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

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

Репутация: нет
Всего: нет

Можно, например, сделать один гиф - подложку под кнопку, поставить фоном в ячейке, по центру расположить текст кнопки, а смену гифки сделать по наведению мышки на эту ячейку.
Но создавать 3 ячейки под одну кнопку точно не стоит smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »