プログラミング学習の記録 455.1 『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の12章(動的なページの作成)の練習問題4

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 9 Beta(プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の12章(動的なページの作成), 練習問題12-4を解いてみる。

12-4.

ブロックを見えなくする方法を問題通り2種類ではなく11つ加えて3種類。

方法1.クリップしてしまう。(positionプロパティをabsoluteに設定することを忘れない！)

コード

var d0 = document.getElementById("d0"); d0.style.position = "absolute"; d0.style.clip = "rect(0,0,0,0)";

クリップされるブロッック

 

方法2.displayプロパティをnoneに設定。

コード

var d1 = document.getElementById("d1"); d1.style.display = "none";

見えなくなるブロック

 

方法3.visibility(可視性)プロパティをhiddenに設定。

コード

var d2 = document.getElementById("d2"); d2.style.visibility = "hidden";

visibilityプロパティをhiddenに設定したらこのブロックは見えなくなる。

 

もう１つ、opacityプロパティ(不透明度)の設定によりブロックを見えなくする方法も考えましたが、『CSS完全ガイド 第2版』(Eric A. Meyer著、株式会社クイープ訳、オライリー・ジャパン、2005年、ISBN978-4-87311-232-9)でopacityプロパティについて発見できなかったので見送り。

 

本書と合わせてjQueryクックブック、Google Maps Hacks 第2版 ―地図検索サービスをもっと活用するテクニックを読む。

jQueryクックブックを読んでるけど全然使ってないことに気づく。

次にまた最初から繰り返すときにはjQueryを使いながら進めることに！