Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Нажатие на Button (https://javascript.ru/forum/dom-window/47853-nazhatie-na-button.html)

Webtest 10.06.2014 11:18

Нажатие на Button
 
Есть код, который зменяет цвет фона или бэкграунд картинку при выборе в input: radio, как переделать код, чтобы это же менялось, но при нажатии на Button?
$(document).ready(function(){  
	  
	$('#change_bg').click(function(){  
		$('body').attr('style', 'background: no-repeat ' + $( "input:radio[name=color]:checked" ).val() + ' url(/uploads/backgrounds/' + $( "input:radio[name=bg]:checked" ).val() + ') top center;');
		
		return false;  
	});  
	$('#hide').click(function(){  
		$('siteURL').hide('slow');
		
		return false;  
	});  
	

});

sergeo_89 10.06.2014 11:56

$(document).ready(function(){  
	  
	$('#Button').click(function(){  
		$('body').attr('style', 'background: no-repeat ' + $( "input:radio[name=color]:checked" ).val() + ' url(/uploads/backgrounds/' + $( "input:radio[name=bg]:checked" ).val() + ') top center;');
		
		return false;  
	});  
	$('#hide').click(function(){  
		$('siteURL').hide('slow');
		
		return false;  
	});  
	

});

ну так поменяйте селектор

Webtest 10.06.2014 13:16

Пробовал, но тут закодировано на инпут-радио:
$('body').attr('style', 'background: no-repeat ' + $( "input:radio[name=color]:checked" ).val() + ' url(/uploads/backgrounds/' + $( "input:radio[name=bg]:checked" ).val() + ') top center;');

Я пробовал делать вот так, но не работало:
$('body').attr('style', 'background: no-repeat ' + $( "button[name=color]:click" ).val() + ' url(/uploads/backgrounds/' + $( "button[name=bg]:click" ).val() + ') top center;');

sergeo_89 10.06.2014 14:34

сделайте лучше проще, используйте класс CSS и добавляйте его при клике, после чего удаляйте, примерно:
.backgroundReset{
    background: url('../uploads/backgrounds/img.png') no-repeat top center;
}

$(document).ready(function(){  

    $('#button').click(function(){
        $('body').addClass('backgroundReset');
    });
    //-- Ваш код --//
    $('#button').click(function(){
        $('body').removeClass('backgroundReset');
    });

});


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