ページトップ、ロールオーバー、前のページへ、小窓ポップアップ、印刷ボタンを作りました [IE7対応]

150730_001

企業内で使う、社員専用のイントラネットなどをコーディングする案件では、今ではあまり使わないJavaScriptの需要があります。「jQueryを使ってはいけない」ということはそうないと思いますが、そんな時のためにJavaScriptだけで作りました。

目次

検証済みブラウザとOS

  • IE 7~
  • Firefox
  • Google Chrome
  • Safari
  • Windows 7
  • OS X Yosemite

 

ページトップ(非スムーススクロール)

イントラネットで使うことを想定し、スムーススクロールは未使用。

 

ロールオーバー

ページを読み込んだ後に img タグを探して属性値を設定。class=”ro” が付与されていたら、マウスオーバーで末尾に _o がついた画像を読み込む。

ロールオーバー用の画像は、ファイル名末尾に _o を追加。

 

前のページへ戻る

ごく普通のヒストリーバック。

 

小窓ポップアップ(HTML直書き)

IE7 / 8 切り捨てであれば、HTMLを汚さずにJavaScriptだけで設置可能。

閉じるボタン

 

印刷ボタン

ごく普通の印刷ボタン。

 

参考サイト、書籍

JavaScript逆引きハンドブック
古籏 一浩
シーアンドアール研究所
売り上げランキング: 153,954

コメントを投稿する

※メールアドレスは私にだけ届き、サイトには表示されません。
※「送信する」ボタンは、一度だけクリックしてお待ちください。