To Do List Plugin - Help needed

[Boy_Wonder]

Apr 23, 2016 23:40:04 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

Apr 23, 2016 22:00:52 GMT -8 Boy_Wonder said:

Would I be wise then to wrap my key set thingy into an if loop then? As then I could disable the checkbox in one fell swoop

That would keep from setting the key however that would not disable the "Appearance" of the box being checked and unchecked. It just wouldn't do anything to your data. (So IF would be an "extra" level of security)

I'm confused how a simple if ('box[.a]' is checked){
Keycode here
[.checkbox[.a]].disabled
} 

(not proper code but you get the picture)

would stop the key from setting. When I say 'disable' the checkbox I mean I want to 'freeze' it how it is once its been checked so users can't accidentally untick it

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

Apr 24, 2016 0:11:48 GMT -8 Boy_Wonder said:

Apr 23, 2016 23:40:04 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

That would keep from setting the key however that would not disable the "Appearance" of the box being checked and unchecked. It just wouldn't do anything to your data. (So IF would be an "extra" level of security)

I'm confused how a simple if ('box[.a]' is checked){
Keycode here
[.checkbox[.a]].disabled
} 

(not proper code but you get the picture)

would stop the key from setting. When I say 'disable' the checkbox I mean I want to 'freeze' it how it is once its been checked so users can't accidentally untick it

You have good logic. But that .check box.a.disabled will actually end up being $(jquery selector).prop('disabled','disabled')
That adds disabled=disabled to the check box so users can't use it anymore.
I mentioned disabled as HTML previously.

[Boy_Wonder]

Okay so using an if statement won't stop the key setting or will it?

That's what I'm more concerned about as that will control as to just where I park the if statement

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

Apr 24, 2016 2:00:08 GMT -8 Boy_Wonder said:

Okay so using an if statement won't stop the key setting or will it?

That's what I'm more concerned about as that will control as to just where I park the if statement

If can

[Boy_Wonder]

Is there any way to simply hunt for checkboxes in just this plugin?

eg 'if in this plugin you find any checkbox is checked do this'

I'm not sure if 'this' would work in this case?

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

Apr 24, 2016 23:06:01 GMT -8 Boy_Wonder said:

Is there any way to simply hunt for checkboxes in just this plugin?

eg 'if in this plugin you find any checkbox is checked do this'

I'm not sure if 'this' would work in this case?

On all your checkboxes add a new class name and then search by the class


$('.checkboxClass').each(function(){
var checked = $(this).is(':checked')
})

[Boy_Wonder]

how would I use this to then put it into an if statement to disable it? I'm trying to learn here

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

Apr 25, 2016 0:11:59 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

Apr 24, 2016 23:06:01 GMT -8 Boy_Wonder said:

Is there any way to simply hunt for checkboxes in just this plugin?

eg 'if in this plugin you find any checkbox is checked do this'

I'm not sure if 'this' would work in this case?

On all your checkboxes add a new class name and then search by the class

$(jquery selector).prop('disabled',true)
Boy_Wonder


$('.checkboxClass').each(function(){
var checked = $(this).is(':checked')
if(checked)
$(this).prop('disabled',true)
})

[Boy_Wonder]

so let me break things down line by line so I can check what I'm understanding is right

$('.checkboxClass').each(function(){
Is this doing almost what a for loop would do, telling it to go through each thing with the class specified and apply the function?

var checked = $(this).is(':checked')
This is setting a variable called checked, I'm going to assume that this will be setting it up that 'if this has the 'checked' addition
if(checked)
$(this).prop('disabled',true)
Using the variable it then tells it that if 'checked is true' according to the variable add the disabled property to it as well?
})
Closing the function

Am I right?

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

Apr 25, 2016 0:31:12 GMT -8 Boy_Wonder said:

so let me break things down line by line so I can check what I'm understanding is right

$('.checkboxClass').each(function(){
Is this doing almost what a for loop would do, telling it to go through each thing with the class specified and apply the function?

var checked = $(this).is(':checked')
This is setting a variable called checked, I'm going to assume that this will be setting it up that 'if this has the 'checked' addition
if(checked)
$(this).prop('disabled',true)
Using the variable it then tells it that if 'checked is true' according to the variable add the disabled property to it as well?
})
Closing the function

Am I right?

You are exactly correct. Jquery made their own version of the for() loop and called it .each() so that jquery selectors could remain in their $() wrapper using the word this instead of $(array[a])
is(checked) returns true if the property is checked and false if not
if(checked) if statements only run if the end result is true, so its true continue
.prop adds disabled to the item
close

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

I got to go back to work.
As an fyi. I answer all of your questions with a
www.google.com/search?q=javascript+whatever+I+need+searched

[Boy_Wonder]

Apr 25, 2016 0:41:20 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

I got to go back to work.
As an fyi. I answer all of your questions with a
www.google.com/search?q=javascript+whatever+I+need+searched

I try that and sometimes I don't understand so I come here to ask xD

[Quozzo]

Sorry to but in, but if there was one thing I could change, it would be to cache $(this) if you use it in a function more than once. I just do it by default now.


$('.checkboxClass').each(function(){
var $this = $(this), checked = $this.is(':checked');
if(checked)
$this.prop('disabled',true);
})

It will make the code run faster, not that you can tell with one code, but it adds up.

[Boy_Wonder]

Apparently somewhere I have goofed

   //P2 - Generate checkboxes to mark if a task has been done or not
   for(a=0;a<pb.plugin.get('to_do_list').settings.unapp_chkbox.length;a++){
   $('#unapp').append('<input type="checkbox" id="'+pb.plugin.get('to_do_list').settings.unapp_chkbox[a].checkbox_id+'"class="checkboxy"value="'+pb.plugin.get('to_do_list').settings.unapp_chkbox[a].checkbox_label+'" ><label for="'+pb.plugin.get('to_do_list').settings.unapp_chkbox[a].checkbox_id+'">'+pb.plugin.get('to_do_list').settings.unapp_chkbox[a].checkbox_label+'<br /></label></form>');
   }

   //P3 - Check if all checkboxes have been ticked and store to key. Each tickbox needs to store that its been ticked
       pb.plugin.key('ToDoListKey').set({ value:{'box1':1}
                                        });
   $('.checkboxy').each(function(){
var checked = $(this).is(':checked')
if(checked){
$(this).prop('disabled',true)
}
})


but its not disabling checkboxes

Also just so I can check data is being stored on the key is there anyway I can console log to output what it has saved in?

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

Apr 25, 2016 1:21:24 GMT -8 Boy_Wonder said:

Apparently somewhere I have goofed

   //P2 - Generate checkboxes to mark if a task has been done or not
   for(a=0;a<pb.plugin.get('to_do_list').settings.unapp_chkbox.length;a++){
   $('#unapp').append('<input type="checkbox" id="'+pb.plugin.get('to_do_list').settings.unapp_chkbox[a].checkbox_id+'"class="checkboxy"value="'+pb.plugin.get('to_do_list').settings.unapp_chkbox[a].checkbox_label+'" ><label for="'+pb.plugin.get('to_do_list').settings.unapp_chkbox[a].checkbox_id+'">'+pb.plugin.get('to_do_list').settings.unapp_chkbox[a].checkbox_label+'<br /></label></form>');
   }

   //P3 - Check if all checkboxes have been ticked and store to key. Each tickbox needs to store that its been ticked
       pb.plugin.key('ToDoListKey').set({ value:{'box1':1}
                                        });
   $('.checkboxy').each(function(){
var checked = $(this).is(':checked')
if(checked){
$(this).prop('disabled',true)
}
})


but its not disabling checkboxes

Also just so I can check data is being stored on the key is there anyway I can console log to output what it has saved in?

Of course its not going to disable your boxes lol. You are setting your key and checking if boxes are checked when the page is loaded.
You need the key and disable script to run when it is being checked.
Hint:

SPOILER: Click to show

Onclick=function()