Help with check box please

[Mike]

I have a plugin that uses java script.
$('#wrapper').css('box-shadow','inset 0 0 400px #ef9201');
is my css that i want to turn it on and off with a check box.
Can any buddy help with this?

[David Clark]

Hey Mike -- to clarify, are you saying you want members to be able to toggle the box shadow of the forum wrapper on and off with a checkbox? Where would that checkbox appear?

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Jun 7, 2015 12:31:49 GMT -8 Mike said:

I have a plugin that uses java script.
$('#wrapper').css('box-shadow','inset 0 0 400px #ef9201');
is my css that i want to turn it on and off with a check box.
Can any buddy help with this?

Just turn it off with it's own default value


javascript


function togglecheck()
{
check to see if its checked yet then run this if its not

$('#wrapper').css('box-shadow','inset 0 0 400px #ef9201');


else

$("#wrapper").css("box-shadow", "none");



}


HTML




<input type="checkbox" id="customcheckbox" onclick="togglecheck();">
Note that the javascript function is not fully developed and would take some tinkering

[Mike]

David Clark

No it would be available to only to staff.

[Mike]

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓

This is my plugin where would I put the code in my plugin?

$(document).ready(function(){
var shad=pb.plugin.get('border_around_forum_plugin').settings.bafp.shadow;
var bac=pb.plugin.get('border_around_forum_plugin').settings.bafp;
for(i=0;i<bac.length;i++) {
var theme=bac.theme;
console.log(theme);
if(theme.length > 0){
for(r=0;r<theme.length;r++){
if(pb.data('user').theme_id==theme[r]){
var img=bac.image;
var col=bac.background_color;
var rad=bac.radius;

}
}
}
}
$('#wrapper').css('background-image','url('+img+')','background-repeat','no-repeat');
$('#wrapper').css('background-size','cover');
$('#wrapper').css('background-position','center');
$('#wrapper').css('background-color','#'+col+'');
$('#wrapper').css('border-radius',''+rad+'px');
$('#wrapper').css('box-shadow','inset 0 0 400px #ef9201');



});

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Jun 9, 2015 7:08:14 GMT -8 Mike said:

$(document).ready(function(){
var shad=pb.plugin.get('border_around_forum_plugin').settings.bafp.shadow;
var bac=pb.plugin.get('border_around_forum_plugin').settings.bafp;
for(i=0;i<bac.length;i++) {
var theme=bac.theme;
console.log(theme);
if(theme.length > 0){
for(r=0;r<theme.length;r++){
if(pb.data('user').theme_id==theme[r]){
var img=bac.image;
var col=bac.background_color;
var rad=bac.radius;

}
}
}
}
$('#wrapper').css('background-image','url('+img+')','background-repeat','no-repeat');
$('#wrapper').css('background-size','cover');
$('#wrapper').css('background-position','center');
$('#wrapper').css('background-color','#'+col+'');
$('#wrapper').css('border-radius',''+rad+'px');
$('#wrapper').css('box-shadow','inset 0 0 400px #ef9201');



});
function togglecheck()

{

check to see if its checked yet then run this if its not



$('#wrapper').css('box-shadow','inset 0 0 400px #ef9201');





else



$("#wrapper").css("box-shadow", "none");







}

it is its own function therefore it would be beneath your document.ready statement outside of all brackets. However the code itself is not in working condition, it's just the basic flow of how it would work if you get a code that will check if the checkbox in the html I provided is checked or not. The code will run when my html box is checked because of the onclick property