タグ

ブックマーク / lab.hde.co.jp (1)

  • 共通ナビゲーションをHTML+Javascriptだけで実現してみる。 - HDEラボ

    昨今のサイトでは、必ずと言っていいほどナビゲータが存在してますが、そのほとんどが以下の方法で実装されています。 サーバーサイド側で動的にHTMLを作成している。(プログラミング技術が必要!)すべてのHTMLにナビゲータを書いている。(変更があるとすべてのページで変更が必要!)ナビゲータの部分をフレーム化している。今回はそれ以外の方法で共通ナビゲーションを行う方法を紹介したいと思います。 手順をおって説明していきます。 ○ トップページ(index.html)を作成する。 ソース説明(要点のみ) ヘッダに外部CSSJavascriptファイルのパスを指定する。 bodyタグにonloadイベントを記述し、外部Javascriptファイルで定義した、getnaviを呼び出す。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://

    masakazu1998
    masakazu1998 2015/01/23
    “手順をおって説明していきます。 ○ トップページ(index.html)を作成する。 ソース説明(要点のみ) ヘッダに外部CSS、Javascriptファイルのパスを指定する。 bodyタグにonloadイベントを記述し、外部Javascriptファイルで定義した
  • 1