Нажатие на 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;
});
});
|
$(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;
});
});
ну так поменяйте селектор |
Пробовал, но тут закодировано на инпут-радио:
$('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;');
|
сделайте лучше проще, используйте класс 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, время: 17:55. |