[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Повторное нажатие кнопки(подскажите функцию)
Strannik
Добрый день.
Мне нужно, чтобы при нажатии на див, в него менялось сменялось фоновое изображение, а при повторном нажатии на див, фоновое изображение становилось прежним.

Подскажите функцию пожалуйста.
rooor
так? только меняется не картинка, а стиль, но принцип думаю понятен)
<div onclick="(this.className == 'one') ? this.className = 'two' : this.className = 'one' "></div>
Игорь_Vasinsky
))))
нужен ipad3


второй из возможных вариантов.

<div id="d" onclick="changeBgImage(this)">
<
div>

<
style>
#d{
background-image:url('pathto/image.png');
width:100px;
height:100px;
}
</style>

<
script language="JavaScript">
function changeBgImage(div){
if(div.style.backgroundImage == 'pathto/image.png')
div.style.backgroundImage = 'pathto/image2.png';
else
div.style.backgroundImage = 'pathto/image.png'
}
</script>


_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Strannik
Если возможно, то подскажите через Jquery(там не только фон будет)....
Игорь_Vasinsky
laugh.gif Нафиг?
ну так теперь перепиши на JQ любой из предложенных вариантов.

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Strannik
затем, чтобы не делать много мусора.
думал через tooglee но он для скрытия и отображения элементов, а есть подобное, чтобы не проверять background, а сделать 2 состояния(как в tooglee) ?
Игорь_Vasinsky
ну вот - по toggle и меняй классы, а функцию на click() привяжи

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
inpost
Strannik
2 строчки кода вместо одной = много мусора?! Ух... с тебя посмеялись бы C++ программисты smile.gif

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Strannik
inpost
а почему 2 вместо одной, а не наоборот?)
Игорь_Vasinsky
нет, считаем

<div onclick="(this.className == 'one') ? this.className = 'two' : this.className = 'one' "></div>


_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
inpost
Strannik
Для тебя глупо использовать 2 строчки вместо одной, ты хочешь экономить... вот с этого и посмеялись с++ программисты. Так понятнее?! smile.gif

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Strannik
понятнее).

сделал так, но почему то не работает....

код:

<div class="action" id="AudioPlay+1"></div>
<
div class="class_action class1" id="input1"></div>

$('.action').live('click',function(){
var idn = this.id.split('+')[1];
var id=$('#input'+idn);
if(id.hasClass('class1')){id.removeClass('class1').addClass('class2');}
else if(id.hasClass('class2')){id.removeClass('class2').addClass('class1');}
}
);


Подскажите почему не работает?
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.