コミュニティ ＞ JavaScriptサンプル集

[目次]
  1. メッセージ・ファイル内容表示
  2. カレンダー・時計・タイマー機能
  3. 画像表示
  4. タブ機能

メッセージ・ファイル内容表示

  1. input type="button" value="ご挨拶" onclick="goaisatsu()
    　→　 function goaisatsu(){alert("文字列")}

  2. input type="button" value="ご挨拶" onclick="alert('文字列')"

  3. input type="button" value="サブウインドウを開く" onclick="window.open('koushin_info.html'
    ,'ogasawara','width=360,height=240')"

    4. ボタンをクリックすると、サブウインドウを開きます（表示例は、本サイトの更新情報です）

  4. input type="button" value="テキスト読込" onClick="loadText('テキストファイル名')"

    5. ボタンをクリックすると、ここにテキストファイルの内容を表示します（表示例は、本サイトの更新情報です）

  5. input type="button" value="ボタン" onclick="sample();"
    　→　 function sample(){document.getElementById("area1").innerText = "変更後の文字列";}

    6. ボタンをクリックすると文字列を変更します

    ***　ここの文字列が変わります　***
    ***　ここの文字列が変わります　***
  6. 配列からリンク先文字列を取り出す
    7. ***　ボタンクリックでリンク先文字列を表示　***

カレンダー・時計・タイマー機能

  1. 年月日曜日

  2. 時計表示

    3. ※ここに時計が表示されます。

  3. 指定の日付から曜日を得る

    4. 年
    月
    日

  4. 一定時間だけ表示されるボックス

画像表示

  1. クリックで画像切替1

    2. 変化する画像領域

  2. クリックで画像切替2

    3. ・画像の右半分をクリックすると、次の画像を表示する。
    ・画像の左半分をクリックすると、前の画像を表示する。

    サンプル画像

    ・下記ボタンのクリックでも前後の画像に切替えられる。

  3. 画像を角に移動

    4. 画像移動ボタン：

  4. 背景色変更
    5. 背景色を…

  5. ドラッグ＆ドロップ１

    6. itemＡ

    itemＢ

    itemＣ

    この中にドラッグ＆ドロップして下さい
    （元のエリアにも戻せます）


  6. ドラッグ＆ドロップ２

    7. この中にドラッグ＆ドロップして下さい

    itemA
    itemB
    itemC
    itemD


  7. 画像とリンクを動的に変更する１

    8. 下記リンクボタンのクリックで【画像】【画像リンク先】を変更
    【画像リンク先】クリックで下記、画像リンク先1～4へリンクする


    【画像リンク先】


    画像リンク先1

    画像リンク先2

    画像リンク先3

    画像リンク先4



  8. 画像とリンクを動的に変更する２

    9. 下記ボタンで【画像】を変更
    【画像】クリックで対応画像のURLへリンクする


    サンプル画像


  9. クリックで画像を表示する（絵文字も表示）


    10. ↓↓↓　絵文字一覧　↓↓↓

    【お正月】🎍⛩🎌🌄🌅🍱🦐🍤🍣🍥🍶🍺🍻🍾㊗🗻🦅🍆

    【季節のイベント】🎍👹🎎🌸🎏🎋🎆🎇🎑🎃🎄

タブ機能

  1. CSS・JavaScriptでタブ機能を作る
    2. 【労働生産性算定ツール】

    全国社会保険労務士会連合会が、「労働生産性算定ツール」を作成しました

    本ツールは、企業が現在の付加価値を維持しつつ労働時間を削減したいとき、どの程度労働生産性を上昇させればよいか、また労働生産性を上昇させた際どのような影響があるかシミュレーションできるものです。
    また、労働生産性の経年変化の確認もできます。
    シミュレーションをご希望の場合は、社会保険労務士事務所までお問い合わせください。

    【年次有給休暇管理簿ツール】

    全国社会保険労務士会連合会が、平成31年4月より施行されている改正労働基準法に対応した「年次有給休暇管理簿ツール」を作成しました

    本ツールは、年次有給休暇の年5日の時季指定、年次有給休暇管理簿の作成及び保存といった法改正項目に対応しており、社会保険労務士が自社でシステムを導入していない顧問先等に提供することで、年次有給休暇の適切な取得、管理及び記録を支援するものです。
    本ツールをご希望の場合は、社会保険労務士事務所までお問い合わせください。

    【パートタイム・有期雇用労働法施行】

    パートタイム・有期雇用労働法が施行されます

    正規雇用労働者と非正規雇用労働者の間の不合理な待遇差が禁止されます。
    ※パートタイム労働者だけでなく、有期雇用労働者も法の対象に含まれることになりました。法律の名称も、「短時間労働者及び有期雇用労働者の雇用管理の改善等に関する法律」（いわゆる「パートタイム・有期雇用労働法」）に変わります。（2020年4月1日施行）
    中小企業におけるパートタイム・有期雇用労働法の適用は、2021年4月1日からですが、そろそろ具体的な対応を検討し始める時期かと思います。対応方法の相談など社会保険労務士事務所までご相談ください。

    パートタイム労働者の雇用管理の改善のために（厚生労働省）

    【無料で取得可能なＩＤ・パスワード】

    令和2年4月以降、無料で取得可能なID・パスワード（GビズID）で電子証明書が無くても、電子申請が可能になります！

    「GビズID」は、経済産業省により整備された1つのID・パスワードで複数の行政サービスにアクセスできる事業者向けの認証サービスです。
    「GビズID」は無料で取得できるID・パスワードにより、社会保険（労働保険を含む）手続ができるようになります。
    今後、補助金申請等、様々な電子申請で順次利用可能となる予定です。

    1. 「GビズID」に関する日本年金機構からのお知らせ
    2. 「GビズID」のホームページ
      令和2年4月以降「GビズID」を使った電子申請方式が増えますが、e-Gov方式と比較し、申請者や社労士による提出代行に関する考え方については大きく変わらないようです。

    令和2年4月から特定の法人について電子申請が義務化されます。(厚生労働省)

代表・事務所・法改正

外部リンク


ページ（プレビュー）

    下記画像ｸﾘｯｸでﾘﾝｸ
    ■□□□□□□□□□□□□□□□□□□
    □□□□□□□□□□□□□□□□□□□
    □□□