2007/10/3
分類: WordPress / タグ: JavaScript, サイト管理, 処理概説
コメント1件
車輪の再発明どころか、発明という言葉を用いるのもおこがましい作業ですが、ともあれこのウェブログのサイドバーの表示・非表示を切り替える（トグルする）機能を追加しました。検索ボックス近傍サイドバー上部にある「段組非表示」「段組表示」という箇所が切り替えの引き金です。通常は二段組みの割り付けですが、サイドバーを非表示にすると本文部のみを表示させることが出来ます。
やっていることは極めて単純です。
- サイドバーのスタイルをJavaScriptで切り替える。
document.getElementById('komplemento').style.visibility = 'visible';するか、或いは'hidden';する。厳密にはdisplay = 'none';かdisplay = 'block';を切り替えても良い。サイドバーという用語自体、GUIなユーザエージェントを念頭としたもので気にくわないので、内部的には補足（komplemento）というid属性を与えているのですが、それはさて措いて。
- 本文部の左余白をJavaScriptで切り替える。
document.getElementById('universala').style.marginLeft = '1em';するか、或いは'14em';する。
- 表示・非表示の切り替えリンクも同様に表示・非表示を切り替える。
- 上記をCookieに保存する。
委細はソースのstandardo.jsをそのままご覧いただくとして、ここでは意外にも蹴っ躓いた点を備忘録的に記述しておきます。
(「サイドバーのDynamic HTMLによる表示切り替え」の続きを読む)
記事の配信