Site widget
Du möchtest die aktuellsten Jobs von stylejobber auf Deiner Website einbinden?
Kein Problem, Füge einfach eines der folgenden Snippets in den HTML-Code Deiner Website ein, an der Stelle, an der die Jobs erscheinen sollen:
- Auslieferung der letzten 5 Jobs aller Kategorien und aller Typen, veröffentlicht in den letzten 7 Tagen in zufälliger Reihenfolge:
<script src="http://localhost/jobber/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> - Auslieferung der letzten 10 Vollzeit-Jobs für "Verkäufer", veröffentlicht in den letzten 15 Tagen, die aktuellsten oben gelistet:
<script src="http://localhost/jobber/api/api.php?action=getJobs
&type=fulltime&category=programmers&count=10&random=0&days_behind=15&response=js"
type="text/javascript"></script>
<script type="text/javascript">showJobs('jobber-container', 'jobber-list');</script> - Auslieferung der aktuellsten Jobs einer Firma (z.B. Esprit):
<script src="http://localhost/jobber/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>
Folgende Parameter unserer Schnittstelle (API) können angepasst werden:
- action: "getJobs" - Alle Jobs / "getJobsByCompany" - Jobs einer einzelnen Firma
- type: "0" - Alle / "Vollzeit" / "Teilzeit" / "Freelancer";
- category: "0" - Alle / "Einzelhandel" / "Sales" / "Design" / "Organisation" / "Praktikum";
- count: Anzahl der angezeigten Jobs;
- random: "1" - zufällige Anordnung / "0" - angezeigte Jobs nach Datum geordnet (Neueste Anzeige oben);
- days_behind: nur Jobs der letzten X Tage anzeigen (wähle "0" wenn keine Einschränkung gewünscht ist);
- response: "js" - Ausgabe der Jobs als JavaScript-Code / "json" - gitb nur einen JSON-String aus / "xml" - Ausgabe als XML.
Mit diesem CSS kannst Du die Liste optisch anpassen:
ul.jobber-list {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.jobber-list li {
margin-bottom: 5px;
}