Since: 2013/10/01

HTML and JavaScript samples

  • 内容を全て表示 展開/折畳み する場合に押してください。
  • 項目ごとに 展開/折畳み するには、それぞれの / をクリックしてください。

    1. HTML5/HTML 機能samples (update: 2016-4-21)
    2. JavaScript (JS) 基本編 (update: 2018-12-13)
    3. JavaScript (JS) 応用編
      1. 未分類 (update: 2016/3/14)
      2. 日本語/英語の切換 CSS 切換えによる
        by_switching_css
        style 書換えによる
        by_changing_style
        イベントハンドラー
        JSで設定 動的に切替 body-tagで設定(1) body-tagで設定(2)
        固定表示
        IE は動作せず
        fix at the bottom
        下部に固定 #1, #2 , #3, #4
        fix at the top
        スクロールで固定 #10, #11
        select position
        任意の位置に移動 #21, #22
        テーブル見出し
        fix table header
        見出しの常時表示
        hide columns
        欄の非表示
        line selection
        選択行の表示
        お遊び
        虚偽のリンク先の例 虚偽のボタン情報 無限ループ

      3. ウインドウ操作 (update: 2016/2/10)
      4. ウインドウ操作
        a new window
        ウインドウを開く
        open & close
        新規ウインドウ
        タブを指定して開く
        戻り遷移
        scroll
        スクロール
        change other window
        別ウインドウの書換
        rewrite another frame
        別フレームの書換

        *security強化のため動作せず
        rewrite another window
        別ウインドウの書換

        *security強化のため動作せず

      5. ファイルAPI (update: 2016/3/7)
      6. ファイルアクセス(PC側) ファイル情報表示
        ファイル読み込み
        read files
        a server textfile
        サーバ側のファイル
        a selected textfile
        PC側のファイル
        an image file
        画像
        表データをExcelで作成
        (サーバ側ファイル)
        UTF8の例 SJISの例

      7. 画像表示 (update: 2016/2/19)
      8. image
        画像表示
        A new image window
        新規ウインドウに表示
        swap images
        画像切替
        pix brightness
        画像の明るさ
        *
        slide show
        スライド

        #1, #2, #3,
        create an image
        画像生成
        by event-handler
        イベントハンドラで生成
        with onClick
        onClickで生成
        brightness, scale 明るさ、大きさ操作
        read by drag&drop
        ドラッグドロップで読み込み
        sample1, sample2
        read by drag&drop
        ドラッグドロップで読み込み
        #3(fixed-box), #4(window)
        image processing
        imageBrotate
        テスト中

      9. 検討中のもの

    4. CSS sample (update: 2015-9-14)
    5. 基本編

      応用編

    6. Refernces (update: 2015-10-2)
    7. チュートリアルリファレンス
      html
      JavaScript & DOM
      CSS
      • css.eweb-design.com -- removed?
      • CSS by bitter.jp

    8. Access retricted: KEK local