Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.82/22: Рейтинг темы: голосов - 22, средняя оценка - 4.82
0 / 0 / 0
Регистрация: 19.09.2012
Сообщений: 60

Изменение background по повторному клику

24.09.2013, 00:31. Показов 4208. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте!
Сразу код )))

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<style>
#pano{
width:90%;
border:1px red solid;
}
.point{
width:10px;
height:10px;
border:1px red solid;
margin:1px 1px 1px 1px;
float:left;
}
</style>
<script src="jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$(".point").click(function(){
//alert ($(this).val());
$(this).css('background','#ccc')
//alert ($(this).attr('value'));
});
});
</script>
 
<div id="pano">
<? for ($i=0; $i<101; $i++){?>  
    <div class="point" value="<?echo $i;?>"></div>
<? } ?>
</div>
тут при клике на div у элемента меняется фон. Подскажите как сделать так, чтобы при повторном клике фон менялся на предыдущий?
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.09.2013, 00:31
Ответы с готовыми решениями:

Смена background-position по клику
Задача: при клике должен меняться (с анимацией) background-position фона тега body. Я открыл http://www.linkexchanger.su/2008/61.html...

Изменить background элемента по клику.
Ребята, имеется такой вот код &lt;div class=&quot;container&quot;&gt; &lt;div class=&quot;container-slider&quot; id=&quot;containerSlider&quot;&gt; ...

Анимация background - запуск и остановка по клику на одну кнопку
Я новичок, недавно столкнулся с редактированием jquery и у меня что-то не получается. У меня на странице анимированный с помощью css3...

1
 Аватар для Refactor
96 / 89 / 29
Регистрация: 05.03.2010
Сообщений: 231
24.09.2013, 00:49
Лучший ответ Сообщение было отмечено Николай П как решение

Решение

один из многих вариантов

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
    var myFlag = true;
 
    $(document).ready(function () {
        $(".point").click(function () {
 
            if (myFlag) {
                $(this).css('background', 'green');
                myFlag = false;
 
            }
            else {
                $(this).css('background', 'red');
                myFlag = true;
            }
        });
    });
</script>
2
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
24.09.2013, 00:49
Помогаю со студенческими работами здесь

Изменение Background в DataGrid
Доброго времени суток Не могу понять, как сделать так, чтобы если в ячейке колонки Status было значение не &quot;OK&quot;, то весь row с...

Изменение background-color
Всем привет! Работаю с WordPress и в шаблоне ни как не могу найти место, где изменить свойство background-color на нужный мне. В консоле...

изменение background-image
Прошу помощи, имеется блок с background-image, хочу сделать смену фона с помощью animate opacity с изменением пути к фоновой картинке, при...

Рандомное изменение background-color
Требуется создать поле ввода, и настроить keypress таким образом, чтоб background-color этого поля рандомно менялся. Сделал что-то типа...

Изменение background через animate
$(document).ready(function(){ $(&quot;#some&quot;).click(function(){ $(&quot;body&quot;).animate({ 'opacity': '0.35', 'backgroundColor':...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru