CINXE.COM

<!DOCTYPE html>     <html lang="en">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Careers - Cambridge Scholars Publishing</title> <meta name="description" content=""/> <meta name="keywords" content="Careers"/> <meta property="og:title" content="Careers - Cambridge Scholars Publishing"> <meta property="og:description" content="Careers - Cambridge Scholars Publishing"> <meta property="og:image" content="https://www.cambridgescholars.com/images/sbpub/cambridgescholars.jpg"> <meta property="og:url" content="https://www.cambridgescholars.com/pages/careers" /> <meta property="og:type" content="article" /> <meta property="fb:app_id" content="966242223397117" /> <meta name="robots" content="index" /> <link rel="publisher" href="">  <link rel="shortcut icon" href="https://www.cambridgescholars.com/images/sbpub/favicons/favicon.ico"> <link rel="apple-touch-icon" sizes="57x57" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://www.cambridgescholars.com/images/sbpub/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.cambridgescholars.com/images/sbpub/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://www.cambridgescholars.com/images/sbpub/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.cambridgescholars.com/images/sbpub/favicons/favicon-16x16.png"> <link rel="manifest" href="https://www.cambridgescholars.com/images/sbpub/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://www.cambridgescholars.com/images/sbpub/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <script> var CaptchaCallback = function(){ if (document.getElementById('recaptcha1')){ grecaptcha.render('recaptcha1', { 'sitekey' : '6Ld1yHYUAAAAANSAIMKn5fU8UyKa3yl0nkupCMEC', 'callback': reCaptchaVerify }); } }; function reCaptchaVerify(response) { if (response === document.querySelector('#g-recaptcha-response').value) { document.getElementById('gr_validate1').value = ' - '; document.getElementsByClassName('gr_validate1formError')[0].style.visibility = 'hidden'; } } </script> <script src="https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit" async defer></script>  <script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=596a008a31b8b90012c6a95a&product=inline-share-buttons" defer></script>  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://testing.primecreative.com/meytech/public_html/css/jquery.sidr.light.css" rel="stylesheet"> <link href="https://www.cambridgescholars.com/css/slick.css" rel="stylesheet"> <link href="https://www.cambridgescholars.com/css/slick-theme.css" rel="stylesheet"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css"> <link href="https://www.cambridgescholars.com/css/datepicker3.css" rel="stylesheet">  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-108253644-13"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-108253644-13'); </script>  <link href="https://www.cambridgescholars.com/css/sbpub.css?v=1.5" rel="stylesheet"> </head> <body id="top" class="pages careers "> <div class="hidden-print"> <div id="sidr" style="display:none;"> <ul id="main"> <li> <a href="#" id="closeLink"> <span> Close Menu X </span> </a> </li> </ul> </div> <section id="socialRow"> <div class="container"> <div class="row"> <div class="col-xs-24 col-sm-24 socialContainer"> <div class="socialLink"><a href="https://twitter.com/camscholars" target="_blank"><i class="fa fa-twitter"></i></a></div><div class="socialLink"><a href="https://www.facebook.com/cambridgescholarspublishing/" target="_blank"><i class="fa fa-facebook"></i></a></div><div class="socialLink"><a href="https://www.instagram.com/cambridgescholarsofficial/" target="_blank"><i class="fa fa-instagram"></i></a></div><div class="socialLink"><a href="https://www.linkedin.com/company/cambridgescholarspublishing" target="_blank"><i class="fa fa-linkedin"></i></a></div> </div> </div> </div> </section> <section id="logoRow"> <div class="container"> <div class="row"> <div class="col-xs-24 col-sm-8 inline-block-middle logocontain"> <a id="homelink" href="https://www.cambridgescholars.com/"> <img id="mainLogo" class="img-responsive" src="https://www.cambridgescholars.com/images/sbpub/logo.png" alt="Logo"> </a> </div> <div class="col-xs-24 col-sm-16 inline-block-middle mobile-center mobile-remove-margin-padding"> </div> </div> </div> </section> <section id="search-section"> <div class="download_button_block"> <a href="https://www.cambridgescholars.com/pages/register" class="toplink">Register<img src="https://www.cambridgescholars.com/images/sbpub/register.png" class="img-responsive topicon" /></a> <a href="https://www.cambridgescholars.com/pages/login" class="toplink">Login<img src="https://www.cambridgescholars.com/images/sbpub/login.png" class="img-responsive topicon" /></a> <a href="https://www.cambridgescholars.com/cart" class="toplink"><img src="https://www.cambridgescholars.com/images/sbpub/basket.png" class="img-responsive topicon" /></a> </div> <div class="search_box_block" style=""><form action="https://www.cambridgescholars.com/pages/search" id="search_form" method="get" accept-charset="utf-8"> <input type="hidden" name="search_type" value="full_search" /> <div class="input-group "> <input type="text" name="search" class="form-control searchform" placeholder="Search"> <span class="input-group-btn"> <i class="fa fa-search fa-fw"></i> </span> </div> </form> </div><div id="mobileMenu" class="hidden-md hidden-lg"> <a style="display:none" id="openMenuHide" href="#sidr"></a> <a id="openMenu" href="#"> <div class="menuHeader"> <img src="https://www.cambridgescholars.com/images/menu.png" alt="menuIcon"/> <h2>Menu</h2> <div class="clear"></div> </div> </a> </div> </section> <nav class="navbar navbar-default"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://www.cambridgescholars.com/"><img src="https://www.cambridgescholars.com/images/sbpub/logo_brand.png"></a> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="https://www.cambridgescholars.com/myaccount/edit_profile">Edit Profile</a></li><li><a href="https://www.cambridgescholars.com/myaccount/order_history">Order History</a></li><li><a href="https://www.cambridgescholars.com/myaccount/change_password">Change Password</a></li><li><a href="https://www.cambridgescholars.com/myaccount/eabform">EAB Form</a></li><li><a href="https://www.cambridgescholars.com/myaccount/eabdashboard">EAB Dashboard</a></li><li><a href="https://www.cambridgescholars.com/myaccount/eabprofile">EAB Profile</a></li><li><a href="https://www.cambridgescholars.com/myaccount/authorform">Author Form</a></li><li><a href="https://www.cambridgescholars.com/myaccount/authordashboard">Author Dashboard</a></li><li><a href="https://www.cambridgescholars.com/myaccount/authorprofile">Author Profile</a></li><li><a href="https://www.cambridgescholars.com/myaccount/authorfinance">Author Finance</a></li><li><a href="https://www.cambridgescholars.com/myaccount/authortitles">Author Titles</a></li> </ul> <a href="https://www.cambridgescholars.com/myaccount/logout" class="logout_button btn btn-danger">Log out</a> </div> </div> </nav> <section id="sliderRow"> <div id="slider" class="pos-rel"> <ul class="rslides"> <li> <img style="width:100%;" src="https://www.cambridgescholars.com/uploads/sbpub_sub/headers/homeslidenew.png" alt="Cambridge Scholars Publishing" /> <div class="slideText"> <div class="container"> <div class="row"> <div class="col-md-6 snav"> <section id="main-navigation"> <ul id="mainNav" class="list-inline hidden-xs hidden-sm text-right remove-bottom"> <li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/"><span>Home</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/who-are-cambridge-scholars-publishing"><span>About Us</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/buy-a-book"><span>Buy a Book</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/why-be-a-cambridge-scholars-publishing-author"><span>Publish With Us</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/meet-our-editorial-advisors"><span>Meet our Editorial Advisors</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/latest-news"><span>News</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/faqs"><span>FAQs</span></a></li></ul> </section> </div> <div class="col-md-18 scontent"><p>"[Agriculture, Climate Change and Food Security in the 21st Century: Our Daily Bread] is a thought-provoking and bold argument about how to change the world's food system, from someone worth listening to."</p><p>- Professor David Lobell, Stanford University, USA </p></div> </div> </div> </div> </li> </ul> <div id="slidercontrols" class="hidden-xs"> </div> </div> </section> <div class="breadcrumbarea"><div class="container"><p class="breadcrumbs"> <a href="https://www.cambridgescholars.com/" class="homelink">Home</a> / <a href="https://www.cambridgescholars.com/pages/careers" class="breadlink">Careers</a></div></div></div> <section class="content_row"> <div class="row"> <div class="col-xs-24 col-xs-offset-0 col-sm-24 col-sm-offset-0 "> <div id="content"><div class=" palegreybg" id="crow4209"> <div class="container"><div class="row " ><div class="col-xs-24 col-sm-24 col-md-24 container textarea_content_block_div " id="block4209" ><div class="textarea_block"><h2 style="text-align: center;"><strong></strong></h2> <h2 style="text-align: center;"><strong>Careers</strong></h2> <p>Cambridge Scholars are committed to being an equal opportunities employer and Publisher. We oppose all forms of unlawful and unfair discrimination. We are committed to promoting equal opportunities and inclusion in the workplace, both as an employer and as a provider of services. We recognise and appreciate that every individual is different. We try to actively support diversity and inclusion. Skills, qualifications and experience are the only factors we consider in our recruitment process.</p> <p>Cambridge Scholars offers a guaranteed interview to those who have a disability, as set out in the Equality Act 2010, and meets our essential criteria. Please include a note regarding such in your application along with details of any reasonable adjustments you require as part of the interview process.</p> <p style="text-align: center;">You can read our Equality Statement in full<span> </span><a href="https://www.cambridgescholars.com/pages/equality-statement1">here</a>.</p></div></div></div></div></div><div class="" id="crow4210"> <div class="container"><div class="row " ><div class="col-xs-24 col-sm-24 col-md-24 textarea_content_block_div " id="block4210" ><div class="textarea_block"><p style="text-align: center;"><strong>You can view any open vacancies below:</strong></p> <p style="text-align: center;"><strong></strong></p> <p style="text-align: center;">We currently have no open vacancies, please check back later.</p> <h3 style="text-align: left;"></h3></div></div></div></div></div><div class="palegreybg" id="crow4211"> <div class="container"><div class="row " ><div class="col-xs-24 col-sm-24 col-md-24 container textarea_content_block_div " id="block4211" ><div class="textarea_block"><p><strong>Interested in work experience or job shadowing opportunities?</strong></p> <p>Cambridge Scholars offers a number of work experience and job shadowing opportunities each year to a variety of candidates to help young people gain a wider experience of the publishing world. We offer work experience in the following departments in 1, 3 and 5 day placements:</p> <p><strong>Administration:</strong> Working alongside a dedicated administration team to understand what it takes to keep a business running in the day-to-day. Your potential duties could include taking orders, answering emails and phone calls as well as liaising with both internal and external departments.</p> <p><strong>Proofreading:</strong> Our in-house reviewers handle all company copywriting and proofreading as well as spot-checking manuscripts. Through their mentorship you can polish your proofreading skills and learn how to maintain a consistent voice across projects and the company as a whole. Please note that this experience is subject to a pre-acceptance exam.</p> <p><strong>Marketing:</strong> Working with our marketing team you'll experience the breadth of book marketing, working with the team on everything from press-releases, reviews, social media and project management.</p> <p><strong>Production:</strong> Cambridge Scholars runs its own print and production in its offices here in Newcastle upon-Tyne, UK. Our experienced team take a manuscript and bring the work into the physical world working with industry standard printers, guillotines, laminators and book binders. Please note that due to the use of machinery, we cannot offer this placement to anyone under 16.</p> <p>Please note that while work-experience and job-shadowing is unpaid, we do offer a limited bursary for travel costs.</p> <p>If you are interested in working with us, then email <span>admin</span><span>@cambridgescholars.com</span> with your CV and a cover letter detailing what it is you are looking for and we'll get back to you.</p> <p>All application information is available in alternative formats if required, please contact us at admin@cambridgescholars.com for alternative formats such as large print. All submissions are accepted electronically, should you require any reasonable adjustments to the application process please contact us at the address above.</p> <p>If you have any questions in regard to the application process or working with Cambridge Scholars in general, please don't hesitate to contact us at: <a href="mailto:admin@cambridgescholars.com">admin@cambridgescholars.com</a> </p></div></div></div></div></div><div class="" id="crow4212"> <div class="container"><div class="row " ><div class="col-xs-24 col-sm-24 col-md-24 textarea_content_block_div " id="block4212" ><div class="textarea_block"><p><img src="https://www.cambridgescholars.com/uploads/News%20Article%20Images/dc_badge1.png" alt="" width="500" height="241" style="display: block; margin-left: auto; margin-right: auto;" /></p></div></div></div></div></div> </div> </div> </section> </div> <section id="footerRow" class="pos-rel"> <div class="container"> <div class="row"> <div class="col-xs-24 col-sm-12 col-md-8"> <ul class="footerlinklist"> <li><a href="https://www.cambridgescholars.com/pages/who-are-cambridge-scholars-publishing">About Us</a></li> <li><a href="https://www.cambridgescholars.com/pages/buy-a-book">Buy a Book</a></li> <li><a href="https://www.cambridgescholars.com/pages/why-be-a-cambridge-scholars-publishing-author">Publish With Us</a></li> <li><a href="https://www.cambridgescholars.com/pages/meet-our-editorial-advisors">Meet our Editorial Advisors</a></li> <li><a href="https://www.cambridgescholars.com/pages/faqs">FAQs</a></li> <li><a href="https://www.cambridgescholars.com/pages/latest-news">News</a></li> <li><a href="https://www.cambridgescholars.com/pages/sales-agent">Sales Agents</a></li> <li><a href="https://www.cambridgescholars.com/pages/contact">Contact</a></li> <li><a href="https://www.cambridgescholars.com/pages/login">Login</a></li> <li><a href="https://www.cambridgescholars.com/pages/register">Register</a></li> <li><a href="https://www.cambridgescholars.com/pages/unsubscribe">Unsubscribe</a></li> </ul> <p class="copyright">Cambridge Scholars Publishing | Registration Number: 04333775</p> <p class="copyright">Please note that Cambridge Scholars Publishing Limited is not affiliated to or associated with Cambridge University Press or the University of Cambridge</p> <p class="copyright">Copyright © 2025 Cambridge Scholars Publishing. All rights reserved.</p> </div> <div class="col-xs-24 col-sm-12 col-md-16 text-right" id="footermenus"> <div class="footerlogo"> <img src="https://www.cambridgescholars.com/images/sbpub/footerlogo.png" class="img-responsive" id="footerlogo" /> </div> <div class="socials-footer"> <a href="https://www.linkedin.com/company/cambridgescholarspublishing" class="foot-social" target="_blank"><img src="https://www.cambridgescholars.com/images/sbpub/socials/linkedin.png" alt="Linked In" /></a><a href="https://www.facebook.com/cambridgescholarspublishing/" class="foot-social" target="_blank"><img src="https://www.cambridgescholars.com/images/sbpub/socials/facebook.png" alt="facebook" /></a><a href="https://twitter.com/camscholars" class="foot-social" target="_blank"><img src="https://www.cambridgescholars.com/images/sbpub/socials/twitter.png" alt="twitter" /></a><a href="https://www.instagram.com/cambridgescholarsofficial/" class="foot-social" target="_blank"><img src="https://www.cambridgescholars.com/images/sbpub/socials/instagram.png" alt="instagram" /></a> </div> <nav class="footerMenu"><ul class="list-unstyled"><li><a href="https://www.cambridgescholars.com/pages/careers">Careers</a></li><li><a href="https://www.cambridgescholars.com/pages/sustainability-statement">Sustainability Statement</a></li><li><a href="https://www.cambridgescholars.com/pages/equality-statement1">Equality Statement</a></li><li><a href="https://www.cambridgescholars.com/pages/marketing-and-sales-guide">Marketing and Sales Guide</a></li><li><a href="https://www.cambridgescholars.com/pages/cookies">Cookies</a></li><li><a href="https://www.cambridgescholars.com/pages/privacy">Privacy</a></li><li><a href="https://www.cambridgescholars.com/pages/terms-and-conditions">Terms and Conditions</a></li><li><a href="https://www.cambridgescholars.com/pages/site-map">Site Map</a></li></ul></nav>  <p class="copyright text-right">Designed and Built by <a href="http://www.primecreative.com/" target="_blank">Prime Creative</a></p> </div> </div> </div> </section>  <script data-main="https://www.cambridgescholars.com/js/main_sbpub.js" src="https://www.cambridgescholars.com/js/require.js" defer></script>  <link rel="stylesheet" type="text/css" href="https://www.cambridgescholars.com/js/validationEngine.jquery.css"> <link rel="stylesheet" type="text/css" href="https://www.cambridgescholars.com/js/plugins/fancyBox/source/jquery.fancybox-front.css"> <script src="https://www.cambridgescholars.com/js/tweets.js"></script> </div> </div> <div class="modal fade" id="standard_modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="btn btn-warning" data-dismiss="modal">X</button> <div class="modal-body"> </div> </div> </div> </div> <div class="modal fade" id="enquiryForm" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content "> <button type="button" class="btn btn-warning" data-dismiss="modal">X</button> <div class="modal-body"> <h1>Contact Us</h1> <p>Please fill in the short form below for any enquiries.</p> <form action="https://www.cambridgescholars.com/form" id="contactform" class="validateform remove-bottom" method="post" accept-charset="utf-8"> <input type="hidden" name="type" value="enquiry" /> <input type="hidden" name="form_name" value="enquiry" /> <input type="hidden" name="table_insert" value="t_enquiry" /> <input type="hidden" name="page" value="https://www.cambridgescholars.com/pages/careers" /> <div class="row"><div class="col-md-12"><input type="text" name="name" value="" class="validate[required] form-control defaultText" title="" placeholder="Name*" /> <input type="text" name="telephone" value="" class="form-control defaultText" title="" placeholder="Telephone" /> <input type="text" name="email" value="" class="validate[required,custom[email]] form-control defaultText" title="" placeholder="Email*" /> <textarea name="comments" cols="40" rows="10" class="form-control" title="" placeholder="Comments" ></textarea> </div><div class="col-md-12"><label style="display:flex;align-items:baseline;"><input type="checkbox" name="verify" value="agree" style="margin-right:5px">By entering your information you agree to us retaining your details to send you information on our services. We will not share your details with third parties. You can request your details to be removed at any time.</label><label style="display:flex;align-items:baseline;"><input type="checkbox" name="optin" value="agree" style="margin-right:5px">I consent for my information to be used by National Federation of Fish Friers for direct marketing purposes.</label><label style="display:flex;align-items:baseline;"><input type="checkbox" name="optin" value="agree" style="margin-right:5px">I understand I can read further about how my details are used on this website by visiting this websites privacy page.</label><input type="text" name="gr_validate1" value="" id="gr_validate1" class="validate[required]" style="height:1px;border: none;" /> <div id="recaptcha1"></div></div></div> <div class="row add-half-top"> <div class="col-xs-24 col-sm-24"><input type="submit" name="submit" value="Submit" class="btn btn-success" /> </div> </div></form> <hr> </div> </div> </div> </div> <div class="modal fade" id="galleryNewsModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="btn btn-warning" data-dismiss="modal">X</button> <div class="modal-body"> </div> </div> </div> </div> <div class="modal fade" id="newsletterModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="btn btn-warning" data-dismiss="modal">X</button> <div class="modal-body"> <h3>Sign up for our newsletter</h3> <p>Please enter your email address below;</p> <form action="https://www.cambridgescholars.com/form" id="newsletter_form" class="" method="post" accept-charset="utf-8"> <input type="hidden" name="type" value="newsletter" /> <input type="hidden" name="form_name" value="newsletter" /> <input type="hidden" name="table_insert" value="t_enquiry" /> <input type="hidden" name="page" value="https://www.cambridgescholars.com/pages/careers" /> <p class="hidden"><input type="text" name="emailaddress_blocker" value=""></p> <div class="form-group text-left"> <label class="" for="search">Sign up for our newsletter</label> <div class="input-group"> <div class="input-group-addon search_news"><i class="fa fa-newspaper-o"></i></div> <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email"> </div> </div> <div class="form-group text-right"> <p class="hidden"><input type="text" name="emailaddress_blocker" value=""></p> <button class="btn btn-default" type="submit" class="nostyle">Submit</button> </div> </form> </div> </div> </div> </div> <script src="https://npmcdn.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <script src="https://www.cambridgescholars.com/js/yall.min.js"></script> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", yall); </script> <script> /*jshint browser:true, undef: true, unused: true, jquery: true */ jQuery(document).ready(function($){ $('#filterclear').bind('click', function(){ $('.option-set input').prop('checked', false); $('#brand-all').trigger('click'); }); /*$('.catrow').bind('click', function() { $container.isotope(); });*/ var $container; var filters = {}; $(function(){ $container = $('#container'); //createContent(); var $filterDisplay = $('#filter-display'); $container.isotope(); // do stuff when checkbox change $('#options').on( 'change', function( jQEvent ) { var $checkbox = $( jQEvent.target ); manageCheckbox( $checkbox ); var comboFilter = getComboFilter( filters ); $container.isotope({ filter: comboFilter }); $filterDisplay.text( comboFilter ); }); $('.catrow').on('click', function() { //$container.isotope('layout'); //alert("HERE").delay(1000); setTimeout(function () { $container.isotope('layout'); }, 400); }); }); var myarr = <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Notice</p> <p>Message: Undefined variable: manu</p> <p>Filename: sbpub/html_bottom.php</p> <p>Line Number: 68</p> </div>; var data = { brands: myarr }; function createContent() { var brand, productType, color, size; var items = ''; // dynamically create content for (var i=0, len1 = data.brands.length; i < len1; i++) { brand = data.brands[i]; for (var j=0, len2 = data.productTypes.length; j < len2; j++) { productType = data.productTypes[j]; for (var l=0, len3 = data.colors.length; l < len3; l++) { color = data.colors[l]; for (var k=0, len4 = data.sizes.length; k < len4; k++) { size = data.sizes[k]; var itemHtml = '<div class="item ' + brand + ' ' + productType + ' ' + color + ' ' + size + '">' + '<p>' + brand + '</p>' + '<p>' + productType + '</p>' + '<p>' + size + '</p>' + '</div>'; items += itemHtml; } } } } $container.append( items ); } function getComboFilter( filters ) { var i = 0; var comboFilters = []; var message = []; for ( var prop in filters ) { message.push( filters[ prop ].join(' ') ); var filterGroup = filters[ prop ]; // skip to next filter group if it doesn't have any values if ( !filterGroup.length ) { continue; } if ( i === 0 ) { // copy to new array comboFilters = filterGroup.slice(0); } else { var filterSelectors = []; // copy to fresh array var groupCombo = comboFilters.slice(0); // [ A, B ] // merge filter Groups for (var k=0, len3 = filterGroup.length; k < len3; k++) { for (var j=0, len2 = groupCombo.length; j < len2; j++) { filterSelectors.push( groupCombo[j] + filterGroup[k] ); // [ 1, 2 ] } } // apply filter selectors to combo filters for next group comboFilters = filterSelectors; } i++; } var comboFilter = comboFilters.join(', '); return comboFilter; } function manageCheckbox( $checkbox ) { var checkbox = $checkbox[0]; var group = $checkbox.parents('.option-set').attr('data-group'); // create array for filter group, if not there yet var filterGroup = filters[ group ]; if ( !filterGroup ) { filterGroup = filters[ group ] = []; } var isAll = $checkbox.hasClass('all'); // reset filter group if the all box was checked if ( isAll ) { delete filters[ group ]; if ( !checkbox.checked ) { checkbox.checked = 'checked'; } } // index of var index = $.inArray( checkbox.value, filterGroup ); if ( checkbox.checked ) { var selector = isAll ? 'input' : 'input.all'; $checkbox.siblings( selector ).removeAttr('checked'); if ( !isAll && index === -1 ) { // add filter to group filters[ group ].push( checkbox.value ); } } else if ( !isAll ) { // remove filter from group filters[ group ].splice( index, 1 ); // if unchecked the last box, check the all if ( !$checkbox.siblings('[checked]').length ) { $checkbox.siblings('input.all').attr('checked', 'checked'); } } } }); </script> </body> </html>