Share this

Share this collection:

Share this search:

Embed this

You can embed the facet view directly in any web page you choose; this just requires a wee bit of technical know-how - adding the following code snippets to your web page. These snippets pull the code direct from our software repository, but you can change these as you desire.

1. First you will need to include some pre-requisites, if your website does not already include them: jquery, jquery-ui, bootstrap, linkify, and d3.
2. Then include the facetview javascript plugin and CSS.
3. Finally, include a call to add facetview to your web page; the example below appends facetview to the body of your page, but you can append it to any document object, as per the usual JQuery rules.

<!-- pre-requisities --> <script type="text/javascript" src="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/jquery-1.7.1.min.js"></script> <link rel="stylesheet" href="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/facetview/vendor/jquery-ui-1.8.18.custom/jquery-ui-1.8.18.custom.css"> <script type="text/javascript" src="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/facetview/vendor/jquery-ui-1.8.18.custom/jquery-ui-1.8.18.custom.min.js"></script> <link rel="stylesheet" href="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/bootstrap/css/bootstrap.min.css"> <script type="text/javascript" src="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/facetview/vendor/linkify/1.0/jquery.linkify-1.0-min.js"></script> <script type="text/javascript" src="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/facetview/vendor/d3/d3.min.js"></script> <script type="text/javascript" src="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/facetview/vendor/d3/d3.geom.min.js?2.1.3"></script> <script type="text/javascript" src="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/facetview/vendor/d3/d3.layout.min.js?2.1.3"></script> <!-- facetview --> <script type="text/javascript" src="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/facetview/jquery.facetview.js"></script> <link rel="stylesheet" href="https://raw.github.com/okfn/bibserver/master/bibserver/static/vendor/facetview/css/facetview.css"> <!-- setup --> <script type="text/javascript"> jQuery(document).ready(function($) { $('body').facetview() }) </script>