VPF::Не применять событие onmouseover ячейки

Cyclone

Дата 9.7.2008, 12:15 (ссылка)

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

Загрузка ...

Шустрый

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

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

Привет.
Есть табличка, в ячейках которой, кроме такста, содежатся кнопки.
Ради эстетики повесил в <td onmouseover="Выделение ячейки яркой границей" onmouseout="Возврат к исходной границе">. Само выделение работает, но проблема в том, что событие также распространилось и на кнопку внутри ячейки, чего бы мне хотелось избежать.
То есть кнопка не должна менять свою границу при наведении.
Пробовал на кнопку вешать пустые события, но не помогало.

Подскажите, как это сделать, пожалуйста. ;)

Ради полноты картины:

Код


<td class="${cellClass}" onclick="approve()" onmouseover="highlightCell()" onmouseout="event.srcElement.style.border='inset 1px'">

Код


function highlightCell () {
    event.srcElement.style.border = 'solid yellow 1px';    
}

Это сообщение отредактировал(а) Cyclone - 9.7.2008, 12:17

comtat

Дата 9.7.2008, 16:30 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

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

Если на водить на саму кнопку, бордер ячейки не меняется если же не ячейку то делает что и должен

Код


<html>
<head></head>
<body>
<script>
function highlightCell (type) {
    if (type == 'on') {
    if (event.srcElement.type == undefined) {
        event.srcElement.style.border = 'solid yellow 1px'; 
    } 
    } else {
    if (event.srcElement.type == undefined) {
        event.srcElement.style.border='inset 1px';
    }
    }
}
</script>
<table border=1>
    <tr>
    <td onclick="approve()" onmouseover="highlightCell('on')" onmouseout="highlightCell('off')">
        666
    </td>
    <td onclick="approve()" onmouseover="highlightCell('on')" onmouseout="highlightCell('off')">
        <input type='text' name='test' value='dd' />
    </td>
    </tr>
    <tr>
    <td onclick="approve()" onmouseover="highlightCell('on')" onmouseout="highlightCell('off')">
        777
    </td>
    <td onclick="approve()" onmouseover="highlightCell('on')" onmouseout="highlightCell('off')">
        <input type='button' name='dde' value='dddd' />
    </td>
    </tr>
</table>
</body>
</html>

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

Cyclone

Дата 9.7.2008, 17:46 (ссылка)

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

Загрузка ...

Шустрый

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

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

Ммм... спасибо за идею. smile

Немного подкрутил, чтобы при наведении на кнопку выделялась ячейка, но не кнопка.

А есть ещё методы, кроме как отличать элементы по их атрибутам? Как-то не очень надёжно, по-моему. smile

comtat

Дата 9.7.2008, 18:26 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

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

используй getAttribute() вот небольшой мануал

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

Cyclone

Дата 10.7.2008, 16:04 (ссылка)

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

Загрузка ...

Шустрый

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

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

Благодарю.

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