при наведении на один текст, выделяется другой

Старый mweb

Модератор: [mweb team]

при наведении на один текст, выделяется другой

Сообщение Bogachev Вс апр 12, 2009 22:05

а подскажите пожалуйста, есть два столбца с текстом. Надо сделать так чтоб при наведении на текст в строчке одно столбца подсвечивались (выделялись жирным) необходимые строки в другом столбце
Пример (только на флеше) здесь: http://www.margecasey.com/
Bogachev
Прохожий
 
Сообщения: 34
Зарегистрирован: Чт фев 10, 2005 13:18

Re: при наведении�а один�екст,�ыделяется другой

Сообщение Muerto Вс апр 12, 2009 23:59

Код: Выделить всё
<p id="text1" onmouseover="document.getElementById('text2').style.fontWeight='bold';">Первый текст</p>
<p id="text2" onmouseover="document.getElementById('text1').style.fontWeight='bold';">Второй текст</p>

Не проверял как всегда.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: при наведении�а один�екст,�ыделяется другой

Сообщение Bogachev Пн апр 13, 2009 1:09

Спасибо,�олько вот когда уводишь�ышку.�охраняется выделение�А нужно чтоб�ри�воде�ышки�екст становился�аким был
Bogachev
Прохожий
 
Сообщения: 34
Зарегистрирован: Чт фев 10, 2005 13:18

Re: при наведении на один текст, выделяется другой

Сообщение Berezkin Пн апр 13, 2009 8:55

Bogachev
Для этого есть событие onmouseout. Ну и fontWeight надо поставить normal
Windows как презерватив - никому не нравится, но все пользуются.
Аватара пользователя
Berezkin
Заядлый `курильщик`
 
Сообщения: 612
Зарегистрирован: Вт дек 19, 2006 12:39
Откуда: Москоу

Re: при наведении на один текст, выделяется другой

Сообщение Padonak Пн апр 13, 2009 9:01

создай 2 класса соответствующие маузоверу и маузауту в таблице стилей

Код: Выделить всё
<html>
<head>
<style type="text/css">
.m_over{
font-weight: bold;
font-style: italic;
background-color: transparent;
color: #dc143c;
}

.m_out{
font-weight: bold;
font-style: normal;
background-color: transparent;
color: #000;
}
</style>
<script language="JavaScript" type="text/javascript">
function changeClass(objID){
var obj = document.getElementById(objID);
obj.className = (obj.className == "m_over") ?  "m_out" : "m_over";
}
</script>
</head>
<body>


затем как уже сказал камрад Муерта сделай заклинание:

Код: Выделить всё
<p id="text1" class="m_out" onmouseover="changeClass('text2')" onmouseout="changeClass('text2')">Первый текст</p>
<p id="text2" class="m_out" onmouseover="changeClass('text1')" onmouseout="changeClass('text1')">Второй текст</p>
</body>
</html>

раздачу фнкций параграфам можно организовать скриптом.
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону


Вернуться в Архив

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 11

cron