Widget Usage

First, ensure that jQuery and jquery.template.js have been included in the page: <script src="http://mediabugs.org/peoplepods/themes/mediabugs/js/jquery-1.4.2.min.js"></script> <script src="http://mediabugs.org/peoplepods/themes/mediabugs/js/jquery.template.js"></script>

Then, add the MediaBugs widget Javascript and CSS files: <link rel="stylesheet" type="text/css" href="http://mediabugs.org/peoplepods/pods/bugs_browse/bug_widget/widget.css" /> <script src="http://mediabugs.org/peoplepods/pods/bugs_browse/bug_widget/widget.js"></script>

Make sure there is an empty <div> element in the page where the widget will live: <div id="bug_widget"></div>

Add a block of Javascript to the page triggering the bugWidget function. The first parameter is a search command that tells the widget which bugs to display. Parameters should match those used by bug browser urls - 'status?q=open' or 'outlet?q=26745' or 'region?q=Pacific%20Northwest'. The second parameter should identify the div referenced above. <script type="text/javascript"> $(window).ready(function() { bugWidget('status?q=open','#bug_list'); }); </script>