Bummer Job Site widgets
Would you like to display our latest jobs on your site?
Insert one of the following snippets in your page's HTML code, in the position where the ads should appear:
- Get latest 5 jobs from all categories and all types, posted in the past 7 days, in random order:
<script src="http://www.bummerjob.com/api/api.php?action=getJobs &type=0&category=0&count=5&random=1&days_behind=7&response=js" type="text/javascript"></script> <script type="text/javascript">showJobs('jobber-container', 'jobber-list');</script> - Get last 10 full-time jobs for your website, posted in the past 15 days, ordered by publish date (newest on top): Note: Change the administrator before &count to which category you would like to display!
<script src="http://www.bummerjob.com/api/api.php?action=getJobs &type=fulltime&category=administrators&count=10&random=0&days_behind=15&response=js" type="text/javascript"></script> <script type="text/javascript">showJobs('jobber-container', 'jobber-list');</script> - Get latest jobs published by a company (e.g. Google):
<script src="http://www.bummerjob.com/api/api.php?action=getJobsByCompany &company=google&count=10&response=js" type="text/javascript"></script> <script type="text/javascript">showJobs('jobber-container', 'jobber-list');</script>
The parameters you can use when calling the API, are:
- action: "getJobs" - all jobs / "getJobsByCompany" - a single company's jobs
- type: "0" - toate / "fulltime" / "parttime" / "freelance";
- category: "0" - all / "programmers" / "designers" / "administrators" / "managers" / "testers" / "editors";
- count: number of job ads to display;
- random: "1" - display randomly / "0" - display ordered by publish date (newest on top);
- days_behind: get only jobs posted in the past X days (type "0" if you don't want to limit this);
- response: "js" - returns jobs as JavaScript code / "json" - returns only a JSON string / "xml" - returns an XML.
Use CSS to style the list:
ul.jobber-list {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.jobber-list li {
margin-bottom: 5px;
}