サイトウィジット

最新の求人情報を表示するには、下記の方法がございます。

あなたが適用できるウィジェットの2つのタイプがあります:

  1. 求人のウィジェットを取得する:このウィジェットは、継続時間、および求人タイプを提示し、そのカテゴリに基づいて求人を表示するために使用されます。また、あなたがその発行日に基づいて、それらをオーダーする、あるいはランダムに表示する方法など多くの求人に設定できます。

    パラメータのリストは、この実装で使用される:
    • action: "getJobs" - すべての求人
    • type: "0" - all / "fulltime" / "parttime" / "freelance"
    • category: "0" - all / "programmers" / "designers" / "administrators" / "managers" / "testers" / "editors"
    • count: 求人広告の数が表示されます
    • random: "1" - display randomly / "0" - 公開日順表示 (もっとも最新)
    • days_behind: 唯一の求人は、過去X日に投稿された (type "0" if you don't want to limit this)
    • response: "js" - 求人情報をJavaScriptコードとして返します / "json" -JSON文字列のみを返します / "xml" - XMLが返されます

    これを使用したいくつかのサンプルコード:
    • 次のコードが表示されます。最後の5求人はフルタイム管理者としてカテゴリーで過去10日間に投稿(上の最新)発行日付順となっております:
      <script src="http://www.jnetclick.com/api/api.php?action=getJobs
      &type=fulltime&category=administrators&count=5&random=0&days_behind=10&response=js"
      type="text/javascript"></script>

      <script type="text/javascript">showJobs('jobber-container', 'jobber-list');</script>
    • 次のコードが表示されます。最新のすべてのタイプ/すべてのカテゴリから5求人をランダムな順序で過去7日間の投稿:
      <script src="http://www.jnetclick.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>

  2. 企業のウィジェットで情報を得る: このウィジェットは、その企業とその数に基づいて求人を分けるために使用されます。

    パラメータのリストは、この実装で使用される:
    • action: "企業の求人情報を得る" - ひとつの企業の仕事
    • count: 求人広告の数が表示されます
    • response: "js" - JavaScriptとして返します / "json" - JSON文字列のみを返します / "xml" - XMLが返されます

    このコードはGoogleで公開されて最新の10件の求人を得る:
    <script src="http://www.jnetclick.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>

CSS Styling

あなたは、求人で記載する表示を合わせるのにいくらかのカスタムcssを使用できます。ここでは、サンプルコードは:
ul.jobber-list {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.jobber-list li {
margin-bottom: 5px;
}