Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Динамическое изменение CSS-стиля (https://javascript.ru/forum/dom-window/40381-dinamicheskoe-izmenenie-css-stilya.html)

UltraFreizer 02.08.2013 21:44

Динамическое изменение CSS-стиля
 
Нужно: чтоб при щелчке по элементу "icq" менялось CSS-свойство
элемента "contacts"
Вместо этого просто перезагружается страничка.
Свойство же самого элемента "icq" таким образом менять выходит, и страничка не перезагружается.

$('#icq').click(function(e,keepScroll){
var el = document.getElementById("contacts");
el.style.cssText="background:#00FF00; border:2px solid #FF0000;";
e.preventDefault();
});

ruslan_mart 03.08.2013 13:23

$('#icq').click(function(e, keepScroll){
   $('#contacts').css({background: '#00FF00', border: '2px solid #FF0000'});
   e.preventDefault();
   return false;
});

danik.js 03.08.2013 13:51

Ruslan_xDD, а зачем return false когда e.preventDefault ?
UltraFreizer, скорее всего в коде возникает исключительная ситуация (ошибка). Может элемента #contacts нет на странице?
И что за keepScroll ?

UltraFreizer 04.08.2013 20:31

Ruslan_xDD, спасибо, помогло. :) Я к элементу не так обращался.

UltraFreizer 04.08.2013 20:34

danik.js, да, спасибо. :) Точно, так и было:
"Может элемента #contacts нет на странице" а был элемент
".contacts".
return false у меня же нету.
keepScroll - всегда использовал... :)
Убрал - так же работает - юзать это перестал. :)


Часовой пояс GMT +3, время: 04:29.