Обьект Element / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обьект Element

3 сообщений из 3, страница 1 из 1

Обьект Element

#34341428

nigger™

Гость

Народ столкнулся с такой проблемкой, надо менять бекграунд у <input type="submit"/> при наведении и обратно можно ли это сделать при помощи css ? Я делал через JavaScript приблизитеольно так :
два события onmouseover="overIm(this.id)" где функция выглядит так :

Код: plaintext

1.
2.
3.
4.
5.

function overIm(id) {
    obj = document.getElementById(id);
    obj.removeAttribute("style");
    obj.setAttribute("style",background:url(img/some_img_on.gif))
}

и onmouseover="outIm(this.id)" где функция выглядит так :

Код: plaintext

1.
2.
3.
4.
5.

function outIm(id) {
    obj = document.getElementById(id);
    obj.removeAttribute("style");
    obj.setAttribute("style",background:url(img/some_img_off.gif))
}

хотелось бы сделать одну функцию для двух событий в которой был бы один if и от него плясалось бы, а так же не удалять аттрибут "style", а просто менять его. Не подскажите как и что сделать ?

...

Рейтинг:

0 / 0

19.02.2007, 15:53

| Ответить | Цитировать | Написать

Обьект Element

#34341621

SkyLight

Участник

Откуда: Киев

Сообщения: 1 080

Рейтинг: 0 / 0

Прописываешь два стиля, для обоих состояний:

Код: plaintext

1.
2.
3.
4.
5.

.t1{
    background-color: #ddd;
}
.t2{
    background-color: red;
}

Одна функция для всех:

Код: plaintext

1.
2.

function f(_){
    _.className = _.className == 't1' ? 't2' : 't1';
}

Код: plaintext

<button type="submit" class="t1" onmouseover="f(this)" onmouseout="f(this)">Test</button>

...

Рейтинг:

0 / 0

19.02.2007, 16:32

| Ответить | Цитировать | Написать

Обьект Element

#34341856

nigger™

Гость

Логично однако, сенкс, идея понятна)))

...

Рейтинг:

0 / 0

19.02.2007, 17:18

| Ответить | Цитировать | Написать

3 сообщений из 3, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обьект Element

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=34341621&tid=1458754]:	0ms
get settings:	11ms
get forum list:	14ms
check forum access:	4ms
check topic access:	4ms
track hit:	152ms
get topic data:	24ms
get forum data:	2ms
get page messages:	104ms
get tp. blocked users:	1ms
others:	265ms

total:	581ms