VPF::Определить событие для класса

artsb

Дата 12.8.2008, 22:47 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2280
Регистрация: 17.7.2007
Где: центр Вселенной

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

Всем привет!

Такой вопрос:
Можно ли как-то в css описать такие события как mousemove, mouseover, mouseout и т.д.? А то копировать одно и тоже событие для каждого объекта муторно, может можно как-то один раз описать для конкретного класса и всё. Или эта проблема решается другим способом, например с помощью js? Тогда как?

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

Чем отличается умный человек от мудрого?
Умный - выпутается из любой ситуации.
Мудрый - просто в неё не попадёт.

bars80080

Дата 12.8.2008, 23:05 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

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

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

mouseover и mouseout регистрируются через :hover , но тут их нельзя разделить. к тому же в ИЕ6 это возможно только для ссылок
имхо, нечего заморачиваться и делать эти явно программные события на чистом js, просто придумать какой-нибудь ход, чтобы присвоить всем элементам с указанным классом соответствующие события по загрузке. вроде проблем особых не видится

artsb

Дата 12.8.2008, 23:16 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2280
Регистрация: 17.7.2007
Где: центр Вселенной

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

Сейчас я тупа у каждого объекта прописываю onmouseover. Хотелось бы один раз прописать и всё! smile

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

K1ng

Дата 12.8.2008, 23:18 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 76
Регистрация: 7.8.2008
Где: Украина -> Хар ьков

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

А могу я задать вопрос в этой теме? Перепозиционирование происходит во всех современных браузерах(IE6,IE7,FF,Opera,Saf)?
Имеется ввиду перепозиционирование, к примеру, соседних ссылок если задан сценарий увеличивающий объект в два раза при наведении курсора...

bars80080

Дата 12.8.2008, 23:26 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

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

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

Цитата(K1ng @ 12.8.2008, 23:18

)

Перепозиционирование происходит во всех современных браузерах(IE6,IE7,FF,Opera,Saf)?

не надо задавать лишних вопросов в чужих темах, вносят сумбур.
если позиционирование не статическое то не влияет. если статическое, то влияет на всё построение. (не знаю правда как для Сафари).
однако, легко возможны глюки при сильно круто закрученных тэгах, и особенно если js замешан

Цитата(artsb @ 12.8.2008, 23:16

)

Хотелось бы один раз прописать и всё!

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

artsb

Дата 12.8.2008, 23:43 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2280
Регистрация: 17.7.2007
Где: центр Вселенной

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

Нужно будет присвоить определённую функцию элементам с одним и тем же классом.

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

bars80080

Дата 13.8.2008, 09:27 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

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

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

ну вот, смотри примерно как это делается:

Код


<html><body>
<style>
div { width: 100px; height: 20px; background: #ffff00; }
.qw { background: #ff0000; }
</style>
<div>div</div>
<div>div</div>
<div class="qw">qw</div>
<span class="qw" title="as">qw</span>
<div>div</div>
<div>div</div>
<div>div</div>
<div class="qw">qw</div>
<div>div</div>
<div>div</div>
<div class="qw">qw</div>
<div>div</div>
<span class="qw">qw</span>
<div>div</div>
<div>div <span class="qw">qw</span></div>
<div class="qw">qw</div>
<script>
var bd = document.body;
var bdlen = bd.childNodes.length;
for(i = 0; i < bdlen; i++) {
    var el = bd.childNodes[i];
    if(el.className == 'qw') {
        el.onmouseover = function(){ alert('qw!'); };
    }
}
</script>
</body></html>

вооот, но на вложенные элементы это пока не действует

artsb

Дата 13.8.2008, 23:28 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2280
Регистрация: 17.7.2007
Где: центр Вселенной

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

В общем, всё понятно:
Просто скрипт во время открытия страницы назначает всем объектам имеющим заданный класс обработчик события.

В моём случае, предложенный вами вариант меня не спасёт: я хотел применить эти события к пунктам главного меню. Но теперь не вижу смысла использовать этот скрипт, так как объём страницы от этого не уменьшится.
Но всё равно спасибо! Надеюсь в крупных проектах это будет незаменимая вещь!

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

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