Filters.js Library
var job_title = document.getElementById('job_title'); filtersJs.draw(job_title, { label: 'Job Positions', allowed_positive_keywords: true, allowed_negative_keywords: true, });
var location2 = document.getElementById('location2'); filtersJs.draw(location2, { label: 'Locations', allowed_positive_keywords: true, allowed_negative_keywords: false, allowed_values: [ 'Argentina', 'Pakistan', 'United States' ], });
var industry = document.getElementById('industry'); filtersJs.draw(industry, { label: 'Industries', allowed_positive_keywords: true, allowed_negative_keywords: true, on_add_value: function(value) { alert("You added: " + value); }, on_remove_value: function(value) { alert("You removed: " + value); }, });
var currentconfig = document.getElementById('currentconfig'); filtersJs.draw(currentconfig, { label: 'Your Current Configuration', allowed_positive_keywords: true, allowed_negative_keywords: true, }); // adding values by code doesn't trigger events. filtersJs.addValue(currentconfig, 'Argentina', true); filtersJs.addValue(currentconfig, 'United Kingdom', false);
var getvalues = document.getElementById('getvalues'); filtersJs.draw(getvalues, { label: 'Click the button below to get the list of values on this filter', allowed_positive_keywords: true, allowed_negative_keywords: true, }); $('#clicktogetvalues').click(function() { alert('Positive Values:'+filtersJs.getPositiveValues(getvalues)); alert('Negative Values:'+filtersJs.getNegativeValues(getvalues)); });
var removeuk = document.getElementById('removeuk'); filtersJs.draw(removeuk, { label: 'Remove Values', allowed_positive_keywords: true, allowed_negative_keywords: true, }); // adding values by code doesn't trigger events. filtersJs.addValue(removeuk, 'Argentina', true); filtersJs.addValue(removeuk, 'United Kingdom', false); // removing values by code doesn't trigger events. $('#clicktoremoveuk').click(function() { filtersJs.removeValue(removeuk, 'United Kingdom'); });