Difference between revisions of "MediaWiki:Common.js"
From Beyond Social
| Line 7: | Line 7: | ||
var allarticles = $('label[class*=issue_]'); //label elements with class contains issue_* | var allarticles = $('label[class*=issue_]'); //label elements with class contains issue_* | ||
| − | var checkboxesSpan =$('.checkboxesSpan'); // TODO: make specific for articles NOT issues | + | var checkboxesSpan =$('.checkboxesSpan'); // TODO: make specific for articles NOT issues |
| − | $(document).ready( | + | $(document).ready( |
| − | function(){ | + | function(){ |
| − | // checkboxesSpan.css('display','none'); //hide on load | + | // checkboxesSpan.css('display','none'); //hide on load |
| − | allarticles.css('display','none'); | + | allarticles.css('display','none'); |
| − | } | + | } |
) | ) | ||
| Line 24: | Line 24: | ||
| − | + | ||
issueboxes.click( | issueboxes.click( | ||
| − | function(){ | + | function(){ |
| − | console.log('click'); | + | console.log('click'); |
| − | clickedbox = $(this); | + | clickedbox = $(this); |
| − | checked = clickedbox.prop('checked'); | + | checked = clickedbox.prop('checked'); |
| − | issuenum = clickedbox.val(); | + | issuenum = clickedbox.val(); |
| − | var issue_articles = $('label[class*=issue_'+ ( issuenum.replace('Issue_','')) +']'); | + | var issue_articles = $('label[class*=issue_'+ ( issuenum.replace('Issue_','')) +']'); |
| − | if (checked == true){ | + | if (checked == true){ |
| − | issue_articles.css('display','block'); | + | issue_articles.css('display','block'); |
| − | }else { | + | }else { |
| − | $( ' | + | $( 'label.issue_' + issuenum + ' > input.createboxInput').prop('checked',false); // parent .issue_2 |
| − | issue_articles.css('display','none'); | + | issue_articles.css('display','none'); |
| − | // TODO: unselect boxes | + | // TODO: unselect boxes |
| − | } | + | } |
| − | console.log( clickedbox, checked, issuenum ); | + | console.log( clickedbox, checked, issuenum ); |
| − | console.log('Addressing', issue_articles); | + | console.log('Addressing', issue_articles); |
| − | // if checked == true -> show articles within baxval category | + | // if checked == true -> show articles within baxval category |
| − | // if checked == false -> hide articles within baxval category | + | // if checked == false -> hide articles within baxval category |
| − | } | + | } |
) | ) | ||
Revision as of 21:22, 18 December 2016
/* Any JavaScript here will be loaded for all users on every page load. */
/* for Editorial_selection Form */
var allarticles = $('label[class*=issue_]'); //label elements with class contains issue_*
var checkboxesSpan =$('.checkboxesSpan'); // TODO: make specific for articles NOT issues
$(document).ready(
function(){
// checkboxesSpan.css('display','none'); //hide on load
allarticles.css('display','none');
}
)
//get issue check boxes
var issueboxes = $('input.createboxInput[value*="Issue"]');
var clickedbox ;
var checked;
var boxval
issueboxes.click(
function(){
console.log('click');
clickedbox = $(this);
checked = clickedbox.prop('checked');
issuenum = clickedbox.val();
var issue_articles = $('label[class*=issue_'+ ( issuenum.replace('Issue_','')) +']');
if (checked == true){
issue_articles.css('display','block');
}else {
$( 'label.issue_' + issuenum + ' > input.createboxInput').prop('checked',false); // parent .issue_2
issue_articles.css('display','none');
// TODO: unselect boxes
}
console.log( clickedbox, checked, issuenum );
console.log('Addressing', issue_articles);
// if checked == true -> show articles within baxval category
// if checked == false -> hide articles within baxval category
}
)