X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> какой класс использовать для смены рамки при нажатии
Alekseygod
Alekseygod
Topic Starter сообщение 16.8.2012, 16:01; Ответить: Alekseygod
Сообщение #1


сидел читал про css, чтобы выполнить такое действие: при нажатии на один из блоков div он должен менять рамку с синего цвета на красный, ну или любой другой цвет. пробовал через псевдокласс .active, но это только пока ты удерживаешь нажатой мышку, через hover только при наведении, а при нажатии смена рамки "на постоянку" не нашел, подскажите кто сталкивался
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 16.8.2012, 16:34; Ответить: cyber_ua
Сообщение #2


на js это делается

[JS]var elem = document.getElementById('id елемента')

elem.onclick = function () {

this.style.backgroundColor ='тут пишется цвет';

}[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alekseygod
Alekseygod
Topic Starter сообщение 17.8.2012, 10:33; Ответить: Alekseygod
Сообщение #3


а в jquery? можете код посмотреть, может где ошибочку сделал,
[JS]var element = $('.imgi');
elem.click(function () {
$(element).css('box-shadow',’0 0 3px 2px red’);
$(element).css('-webkit-border-radius',’5px 10px’);
$(element).css('border-radius',’5px’);
});

})[/JS]
.imgi это класс моей картинки
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Winns
Winns
сообщение 17.8.2012, 12:44; Ответить: Winns
Сообщение #4


http://jsfiddle.net/vkgT6/1/ оно ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alekseygod
Alekseygod
Topic Starter сообщение 17.8.2012, 12:56; Ответить: Alekseygod
Сообщение #5


да, спасибо, я уже сделал, додумался наконецто =) создал в css-файле новый класс, и
[PHP]$('.imgi').click(function () {
$('.imgi').removeClass('selected-image');
$(this).addClass('selected-image');
});[/PHP] ремувом убираю рамку прошлого щелчка
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RiD_hb
RiD_hb
сообщение 17.8.2012, 13:18; Ответить: RiD_hb
Сообщение #6


(Alekseygod @ 17.8.2012, 15:56) *
да, спасибо, я уже сделал, додумался наконецто =) создал в css-файле новый класс, и
[PHP]$('.imgi').click(function () {
$('.imgi').removeClass('selected-image');
$(this).addClass('selected-image');
});[/PHP] ремувом убираю рамку прошлого щелчка

так как вам Winns показал всё-таки лучше чем как это вы сделали, одна сточка против двух...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alekseygod
Alekseygod
Topic Starter сообщение 17.8.2012, 13:39; Ответить: Alekseygod
Сообщение #7


абсолютно то же самое. у меня на строчку поболее, потому что строка
(RiD_hb @ 17.8.2012, 16:18) *
$('.imgi').removeClass('selected-image');

убирает выделение с текущей картинки, на которую вы щелкнули, если вы щелкните на следующую картинку, а у него все выделить можно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vkz_wTF
Vkz_wTF
сообщение 14.11.2012, 7:58; Ответить: Vkz_wTF
Сообщение #8


Парни вы меня спасли :d

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Rebex.io – Ваша инновационная платформа для обмена криптовалюты!
2 Rebex 1131 Вчера, 18:39
автор: Rebex
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
54 arendator 34740 Вчера, 15:16
автор: arendator
Открытая тема (нет новых ответов) Кто где хранит файлы? И какой объем?
просто интересно
22 mark2013 2529 Вчера, 8:08
автор: Room
Горячая тема (нет новых ответов) ⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами!
83 AdsPower 24380 14.4.2024, 22:52
автор: AdsPower
Горячая тема (нет новых ответов) Настройки лент для wpgrabber
Настрою ленты любой сложности плагина WPGrabber для WordPress
42 zkalinin 30521 11.4.2024, 23:33
автор: zkalinin


 



RSS Текстовая версия Сейчас: 16.4.2024, 8:33
Дизайн