Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Другие темы раздела
JavaScript Запрет обновления страницы или https://www.cyberforum.ru/ javascript/ thread1632231.html
Как на JS можно запретить обновление страницы или же не дать выполнить SQL запрос пока таймер работает или не был дан ответ. А суть моей проблемы такая. Мне вывелся вопрос, Таймер начал тикать у...
JavaScript SetAttribute
В iframe запускаю PHP Выделить код echo "<script>window.parent.document.getElementById('L27813000').setAttribute('onclick',_onmouseover(this,".$Supplier_id."));</script>"; Строка формируется...
Как в скрипте яндекс.метрики получать ip компьютера, с которого заходили на сайт JavaScript
Всем доброго времени суток, уважаемые программисты. У меня такой вопрос: как в счетчике яндкс.метрики получать ip-адрес компьютера, с которого заходили на сайт. Сайт на lpгенераторе. Просто в...
JavaScript Плавный уход за край страницы Есть скрипт, всё работает https://jsfiddle.net/ut26sh3w/1/ var num = 1; var SizeViewPort = document.documentElement.clientWidth; var block = document.getElementById("layer2"); var left =... https://www.cyberforum.ru/ javascript/ thread1631873.html
JavaScript Реализовать вкладки https://www.cyberforum.ru/ javascript/ thread1631772.html
Здравствуйте, помогите пожалуйста сделать вкладки, я хочу, чтобы при нажатии на вкладку, эта вкладка (картинка) была выделена и не работало onmouseover и onmouseout, как написать мне код? Помогите...
Запретить выбор опции в select по её ID JavaScript
Здравствуйте, подскажите пожалуйста, как в селекте запретить выбор опции по ее id_value Вот сам селект t+="<select "+t_change+" name='" ...
Разделить картинку на 4 активные области, подсвечиваемые наведением курсора JavaScript
Подскажите пож-та, каким образом сделать в картинке 4 раздела с подсветкой. Если честно, пока не понимаю как это реализовать, буду очень признателен за совет. Вот как в результате должно выглядеть ....
JavaScript Постоянная фоновая работа скрипта пока страница открыта суть в том, что у меня есть js скрипт, который должен работать всегда, пока пользователь видит страницу. Но страница отказывается показываться, т.к. js скрипт не закончил работу+ мне нужен доступ ко... https://www.cyberforum.ru/ javascript/ thread1631306.html
JavaScript Вызвать функцию из функции https://www.cyberforum.ru/ javascript/ thread1631196.html
Добрый день, Форумчане Есть функция (вид снизу), как ее вызвать из "родительской" функции? $(function addCar(){ var r = Raphael(map, 700, 850), attributes = { fill: '#e6e7e8', ...
JavaScript Объяснить результат при вычислении с инкрементом Добрый ночи! имеется код: var x=5; x=x++; document.write(x);//вот тут нонсонс! x=5 Тестировал в хроме. Никак не пойму, почему-то в итоге х=5, хотя, по моему мнению, должен быть 6.По идеи, к... https://www.cyberforum.ru/ javascript/ thread1631132.html
346 / 321 / 203
Регистрация: 27.06.2014
Сообщений: 762
05.01.2016, 20:43 0

Фиксация цвета кнопок

05.01.2016, 20:43. Просмотров 1908. Ответов 17
Метки (Все метки)

Ответ

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    function fHover (selector) {
        var e = typeof selector === "string" ? document.querySelector (selector) : selector,
            def = {background: getComputedStyle (e)["background"], color: getComputedStyle (e)["color"]},
            css = function (e, s) {for (var i in s) e.style[i] = s[i];},
            over = function () {
                css (e, {background: getComputedStyle (e)["borderColor"], color: "white"});
            },
            out = function () {
                css (e, def);
            }
        e.addEventListener ("mouseover", over);
        e.addEventListener ("mouseout", out);
    }
 
    window.addEventListener ("load", function () {
        [].forEach.call(document.querySelectorAll (".btn.btn-primary"), function (e) {
            fHover (e);
        })
    })
HTML5
1
2
3
4
    <button style="border: solid 1px red" type="button" class="btn btn-primary">Кнопка1</button>
    <button style="border: solid 1px green" type="button" class="btn btn-primary">Кнопка2</button>
    <button style="border: solid 1px blue" type="button" class="btn btn-primary">Кнопка3</button>
    <button style="border: solid 1px orange" type="button" class="btn btn-primary">Кнопка4</button>


Вернуться к обсуждению:
Фиксация цвета кнопок
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
05.01.2016, 20:43
Готовые ответы и решения:

Фиксация цвета кнопок
Здравствуйте. Есть десяток кнопок. После нажатия на любую кнопку зафиксировать её цвет. Да...

Фиксация цвета текста на кнопке
Здравствуйте. Сейчас в коде ниже, при нажатии на кнопку фиксируется её цвет. (кнопок...

изменение цвета кнопок
Привет всем! Помогите разобраться. У меня есть например 4 кнопки с определенным цветом: ...

Смена цвета кнопок при нажатии
Здравствуйте, У меня есть список в котором несколько кнопок. Мне нужно чтобы при нажатии на кнопку...

__________________
17
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.