Hi, I am trying to add a new set of filters to one large set of data on this page:
http://vigstage.pearsonhighered.com/etextbooks/titles-available/index.html
I modified code that I took from a different site- I am calling a data.js file that filters by discipline. I want to add a second set of filters by Feature, so that the user can sort by Discipline and by Feature. How do I add this to my HTML and my JS files?
Thank you!
Some more details- this is the HTML
<div class="filter-container">
<form class="form-tablular responsive-menu-container" method="get" action="" id="product-filter-form">
<h3 class="dialog-header bg-color-match">Narrow your results</h3>
<a href="javascript:void(0);" class="toggle"><span aria-hidden="true" data-icon=""></span> Discipline</a>
<ul></ul>
<a href="javascript:void(0);" class="toggle"><span aria-hidden="true" data-icon=""></span> Features</a>
<ul></ul>
</form>
</div><!-- end .filter-container -->
And this is the part of the Javascript that I think concerns this:
/*--- products page ---*/
if ($('#all-products').length) {
if (app_idx >= 0) {
var $ul = $('#product-filter-form ul');
$.each(PE_DATA[app_idx].items, function(i, e) {
var id = 'cat_' + make_id(e.id);
$ul.append('<li data-group="' + PE_DATA[app_idx].id + '" data-id="' + e.id + '"><input type="checkbox" value="' + e.id + '" id="' + id + '"><label for="' + id + '">' + e.id + '</label></li>');
});
}
And this is from my data.js file:
var PE_DATA = [
{
'id': 'Titles',
'label': 'Titles Available',
'items': [
{
'group': 'Disciplines',
'id': 'Communication Sciences and Disorders',
'items': [
'0133007022', /* Boone, Voice and Voice Therapy 9e */
'0133123715', /* Justice, Communication Sciences and Disorders 3e */
'0133351947', /* Hulit, Language Development 6e */
'0133491463', /* Martin, Audiology 12e */
'013335203X' /* Owens, Intro Communication Disorders 5e */
]
},
{
'group': 'Disciplines',
'id': 'Counseling',
'items': [
'0133411125', /* Erford, Orientation to the Counseling Profession 2e */
'0133411117', /* Lewis, Substance Abuse and Dependence Treatment 1e */
'0132851814', /* Remley, Ethical, Legal, and Professional Issues in Counseling 4e */
'0133411109', /* Seligman, Theories of Counseling and Psychotherapy 4e */
'0132942887', /* Broderick, Human Development 4e */
'0136064493', /* Clauss-Ehlers, Family Psychology 1e */
'0133488829', /* Erford, Mastering the National Counselor Exam and the Counselor Preparation Comprehensive Exam 2e */
'013348890X', /* Gladding, Family Therapy 6e */
'013708370X' /* Sheperis, Clinical Mental Health Counseling 1e */
]
},
{
'group': 'Features',
'id': 'Embedded Videos',
'items': [
'0133007022', /* Boone, Voice and Voice Therapy 9e */
'0133123715', /* Justice, Communication Sciences and Disorders 3e */
'0133351947', /* Hulit, Language Development 6e */
'0133491463', /* Martin, Audiology 12e */
'013335203X', /* Owens, Intro Communication Disorders 5e */
'0133411125', /* Erford, Orientation to the Counseling Profession 2e */
'0133411117', /* Lewis, Substance Abuse and Dependence Treatment 1e */
'0132851814', /* Remley, Ethical, Legal, and Professional Issues in Counseling 4e */
'0133411109', /* Seligman, Theories of Counseling and Psychotherapy 4e */
'0132942887', /* Broderick, Human Development 4e */
'0136064493', /* Clauss-Ehlers, Family Psychology 1e */
'0133488829', /* Erford, Mastering the National Counselor Exam and the Counselor Preparation Comprehensive Exam 2e */
'013348890X', /* Gladding, Family Therapy 6e */
'013708370X' /* Sheperis, Clinical Mental Health Counseling 1e */
]
},
{
'group': 'Features',
'id': 'Embedded Assessments',
'items': [
'0133351947', /* Hulit, Language Development 6e */
'0133491463', /* Martin, Audiology 12e */
'0132942887', /* Broderick, Human Development 4e */
'0133488829' /* Erford, Mastering the National Counselor Exam and the Counselor Preparation Comprehensive Exam 2e */
]
},
{
'group': 'Features',
'id': 'Sold standalone',
'items': [
'0133007022', /* Boone, Voice and Voice Therapy 9e */
'0133123715', /* Justice, Communication Sciences and Disorders 3e */
'0133351947', /* Hulit, Language Development 6e */
'0133491463', /* Martin, Audiology 12e */
'013335203X', /* Owens, Intro Communication Disorders 5e */
'0133411125', /* Erford, Orientation to the Counseling Profession 2e */
'0133411117', /* Lewis, Substance Abuse and Dependence Treatment 1e */
'0132851814', /* Remley, Ethical, Legal, and Professional Issues in Counseling 4e */
'0133411109', /* Seligman, Theories of Counseling and Psychotherapy 4e */
'0132942887', /* Broderick, Human Development 4e */
'0136064493', /* Clauss-Ehlers, Family Psychology 1e */
'0133488829', /* Erford, Mastering the National Counselor Exam and the Counselor Preparation Comprehensive Exam 2e */
'013348890X', /* Gladding, Family Therapy 6e */
'013708370X' /* Sheperis, Clinical Mental Health Counseling 1e */
]
},
{
'group': 'Features',
'id': 'Print upgrade available',
'items': [
'0133007022', /* Boone, Voice and Voice Therapy 9e */
'0133123715', /* Justice, Communication Sciences and Disorders 3e */
'0133351947', /* Hulit, Language Development 6e */
'0133491463', /* Martin, Audiology 12e */
'013335203X', /* Owens, Intro Communication Disorders 5e */
'0133411125', /* Erford, Orientation to the Counseling Profession 2e */
'0133411117', /* Lewis, Substance Abuse and Dependence Treatment 1e */
'0132851814', /* Remley, Ethical, Legal, and Professional Issues in Counseling 4e */
'0133411109', /* Seligman, Theories of Counseling and Psychotherapy 4e */
'0132942887', /* Broderick, Human Development 4e */
'0136064493', /* Clauss-Ehlers, Family Psychology 1e */
'0133488829', /* Erford, Mastering the National Counselor Exam and the Counselor Preparation Comprehensive Exam 2e */
'013348890X', /* Gladding, Family Therapy 6e */
'013708370X' /* Sheperis, Clinical Mental Health Counseling 1e */
]
}
]
}
];
I can't figure out what I'm doing wrong- any help would be appreciated.
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.