折り畳みで「続きを読む...」スクリプトのオプション機能のひとつ「小見出し一覧表示機能」のついての記事です。この機能をオンにすると......この機能をオンにすると、折り畳まれた時、小見出し(h4〜h6)だけは非表示にならずに残り、結果として小見出しが一覧できるようになります。この記事を記事別ページでご覧の場合、記事タイトル横にある折り畳みボタン[-]で一度折り畳んでみてください。『テキストフォーマットの初期設定』を『改行を反映させる』にして記事を作成している場合、本文記事内で小見出し(h4-h6タグ)を使っても、自動的にpタグで囲まれてしまうため、このスクリプトでは小見出しとして認識することができません。この場合、もうひとつのオプション機能、「特定キーワードで始まる段落を対応するタグに変換する機能」を御利用ください。この機能をオンにする方法この機能をオンにする方法は、次の通りです。いう行より前に下記のコードを挿入する。自分の所にスクリプト本体(foldContent01a.js)をアップロードした場合:スクリプト本体の上方にある同様の部分を下記のように修正して再度アップロードする。見出しは上下のマージンを大きくとってあることが多いので、そのままのスタイルで小見出しを並べてしまうと、間延びした感じになってしまうと思います。それをスクリプト本体だけで解消するようにはできませんでしたが、独自スタイルシートと組み合わせれば調整できるよう、折り畳まれた状態のときだけ小見出し(h4〜h6)に"folded"というclassが付くようにしておきました。20px;}という感じでスタイル規則を追加してください。独自のスタイルシートを使う方法自体については、フルカワさんの「詩織」やtsupoさんの「観測気球」などでいろいろと紹介されていますので、そちらをご参照ください。このブログは、長らく独自スタイルシートを使っていなかったんですが、今回のこのオプション機能のために、スタイル規則を追加できるタイプのjavascriptを適用することにしました。hide.jsと小見出し抽出にインスパイアされて付加したオプション機能です。この機能を使っていると、小見出しの横にも開閉スイッチが欲しくなってきました(^^;。この記事自体に小見出しがなく、記事別ページで見ているときに効果を確認しづらいので、小見出しを捏造してみました(笑)。コメント入力欄に「(任意)」の文字も!(2008.04.01)げ。記事を書かれたしののめさんしののめさんじゃなくて、ひこぼしさんです。03:22>>http://facet.cocolog-nifty.com/divers/2004/06/__1.html#c363191tsupoさん、ご指摘、ありがとうございました。04:13見せて頂きました。作る人が作ると、こんなに高機能なものになるんだなーと感じています。11:52>>http://facet.cocolog-nifty.com/divers/2004/06/__1.html#c371703">http://facet.cocolog-nifty.com/divers/2004/06/__1.html#c371703ひこぼしさん、コメントありがとうございます。_(._.)_今回のは高機能というより多機能なだけなんですよね......。アイデアだけは詰め込んだんですが、ホント、粗ばかりで。Operaではちゃんと機能しないですし......。伝言版(はてな出張所)ココログ不調時やメンテ中はこちらへ。コメント入力欄に「(任意)」の文字も!なわとびげ。AnalyticsBANNERS似非ページトップに戻る。