折りたたみJS
HTMLソース側を極力汚さない折りたたみJavaScript Published on 2006-10-05 本ページで示すのは、良くあるJavaScriptによる折りたたみをJavaScriptとDOMとCSSで実現する手順である。jQueryなどの外部ライブラリを必要とせず、このスクリプト単独で動作する。 折りたたみというのは、ある要素をクリックすると隠れていた部分が見え、もう一度クリックするとまた隠れるというヤツである。 demo 例えばこんな感じ HTMLソース側はclassを付与するだけにとどめ、クリーンでStrictなHTMLコーディングを保ったまま実現できるよう配慮している。また、JavaScriptを切った環境では、要素は折り畳まれず、中身も読むことができるようになっている他、キーボードで操作している場合の対処もしているので、それなりにアクセシビリティも確保してあると言える
JavaScriptで文字サイズを変更２ - Good Sleep｜Webデザイナーの日々のスキマ
カレント表示対応版｜styleswitcher.js 以前、｢JavaScriptで文字サイズを変更｣という記事を書きましたが、カレント表示（現在どのサイズで表示されているか）でつまずき、結局画像を使ったボタンにして、どのサイズで表示されているか？というコトが分からないサンプルを紹介しました。 実際に文字サイズを変更するような案件が出てきたコトもあり、何か対策がないものかと考えていると、灯台もと暗しというか何というか…、非常に簡単であるコトに気づきました。 styleswitcher.jsで読み込むalternate stylesheetにそれぞれのボタンの状態を記述すれば良いだけだったんですね。 …という訳でサンプルです。 ↑このサンプルはこちらからダウンロードできます。 今回、｢小 中 大｣の文字も画像にしてしまったため、ソース上のテキストはdisplayプロパティで消してしまってます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
