Les widgets de MarocTechJobs
Il est possible de diffuser les dernières offres d'emploi informatique au Maroc parues sur MarocTechJobs!
Il vous suffit pour cela d'ajouter l'un de ces codes à l'endroit désiré dans votre page HTML :
- Pour afficher les 5 dernières offres d'emploi, toutes catégories et types confondus, postés cette semaine, en ordre aléatoire :
<script src="http://maroctechjobs.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> - Pour afficher les 10 derniers jobs à plein temps dans la catégorie programmation informatique, postés ces 15 derniers jours, par date de publication :
<script src="http://maroctechjobs.com/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> - Pour afficher les derniers jobs publiés par une entreprise (par exemple Google) :
<script src="http://maroctechjobs.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>
Voici les paramètres de cet API avec lesquels vous pouvez jouer :
- action: "getJobs" - all jobs / "getJobsByCompany" - jobs publiés par une entreprise
- type: "0" - toate / "fulltime" / "parttime" / "freelance";
- category: "0" - all / "programmers" / "designers" / "administrators" / "managers" / "testers" / "editors";
- count: nombre d'offres à afficher;
- random: "1" - ordre aléatoire / "0" - ordonne les offres par date de publication (les nouvelles au-dessus);
- days_behind: uniquement afficher les jobs publiés ces X derniers jours (entrez "0" si vous ne souhaitez pas limiter);
- response: "js" - retourne les offres en JavaScript / "json" - retourne uniquement un JSON / "xml" - retourne un XML.
Les CSS à ajouter pour adapter le look de cette liste :
ul.jobber-list {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.jobber-list li {
margin-bottom: 5px;
}