暴想:タイトルと概要を表示するJavaScript、のTypepad編
カテゴリーの中の例えば「広告/屋外」とかの一覧を見ようとするとダラ~ッと下に長いし、ページは重て~し、ロードに時間がかかるし、何とかならんの?ってなクレームというかリクエストというのを前々から何人かに言われてはいたのですが、ようやっとちょっといい感じになったと思います。
ページの上を見てもらうと今まで無かったものに気づくと思います。「タイトルのみ表示/タイトルと概要を表示」というのが前頁に装着されました。これは、暴想 様がつくったタイトルと概要を表示するJavaScript でして、なんて素晴らしいスクリプトを開発してくれたんでしょう、って見つけたときは小躍りをしていたのですが、実はこれ、ココログ用のものでTypepadでは使えなかったんですね。
ところがサイドバーがスッキリしました! でお世話になりましたfacet 様がなんとわざわざ改変バージョンをつくってくれたのです。なんと有難い事でしょう!年末年始に渡る顛末はfacet様の記事暴想:タイトルと概要を表示するJavaSript のコメント欄を見ていただけるとわかります。
で、アーカイブとかカテゴリーのリンクをクリックするとタイトルのみの一覧が表示できるようになったんですね。
このサイトと同じでよければ下記の通りに行なえばTypepad利用のブログサイトでも「タイトルのみ表示/タイトルと概要を表示」を堪能することができるようになります。
まずはJavaScript本体(cocolog_archive_extention_f.js)を下記から一旦ダウンロードし、それをご自分のブログにアップロードしてください。
cocolog_archive_extention_f.js
そして、下記のスクリプトをTypepadであれば、「タイプリスト」の中の「メモ」に保存するだけです。
<script type="text/javascript" src="https://yoichi.typepad.jp/js/cocolog_archive_extention_f.js"></script>
<script type="text/javascript">
if (location.href.match(/index.html$/) && !location.hash) location.hash="#type=title";
contentOuterDiv = document.getElementById('alpha');
contentDivClass = 'pkg';
entryBodyTextDivClass = 'entry-body';
cocolog_archive_extention();
</script>
<style type="text/css">
#show_changer_button {
text-align: center;
margin-bottom: 1em;
}
</style>
注意:
- 上記スクリプトの一行目にあるJavaScript本体のURLは、先ほどご自分がアップロードしたURL先に差し替えてください。
- サイトバーに入れるメモはできるだけ上の方に設置した方が読み込みが若干早いとのことです。
以上、facet様には誠にお世話になりっぱなしで恐縮しております。facet様に大感謝!
【追記】
なんと早速知り合い数人から連絡あり。カテゴリーからリンクをクリックすると記事数の少ないものは問題ないけれども、例えば「広告/テレビ」なんてところから入ろうとするとファイヤーフォックスだとスクリプトをいつまで経っても読み込めずフリーズするし、IEだとなんとかページが開いてもサイドバーの中の文字が全て巨大化する現象が起きているとのこと。最も「広告/テレビ」はまだ半年ちょっとなのに295もの記事がYOUTUBE付きで入っていますしねぇ。
ということで、カテゴリーとアーカイブから飛んだときに記事が全て「タイトルのみ表示」の状態であることは、障害の原因が分かるまで一旦やめにします。
それには上のスクリプトの中から
if (location.href.match(/index.html$/) && !location.hash) location.hash="#type=title";
を外します。
さて、どうしたものかのぉ~。
【追記2】 2007年1月7日
アーカイブの概要の一覧を表示する ことで一応は解決、かな?
【追記3】 2007年1月10日
アーカイブとコメント一覧は非表示にしました。例によってfacet 様に教えていただきました。
2番目のスクリプト要素を下記に変更しました。
if (!location.href.match(/(index|archives|comment_archive)\.html$/) ) { contentOuterDiv = document.getElementById('alpha'); contentDivClass = 'pkg'; entryBodyTextDivClass = 'entry-body'; cocolog_archive_extention(); }
【追記4】 2007年2月4日
結局タイプパッドプロに移行したので、再びfacet様からの教えに従い、トップページにのみ表示させるようにしました。
スタイル指定はMain Index Templateの中の</head>より前に挿入。
<style type="text/css">
#show_changer_button {
text-align: center;
margin-bottom: 1em;
}
</style>
そしてスクリプト要素は</div><div id="beta">の前に挿入(ちなみにこれがサイドバーだと教わりました)。
<script type="text/javascript" src="http://yoichi.typepad.jp/js/cocolog_archive_extention_f.js"></script>
<script type="text/javascript">
<!--
contentOuterDiv = document.getElementById('alpha');
contentDivClass = 'pkg';
entryBodyTextDivClass = 'entry-body';
cocolog_archive_extention();
//-->
</script>
それにしても此度は本当にこのド素人に気長に親切にしかも迅速にご対応いただいたfacet様には頭が上がりません。まっことに感謝しております!
↑ 上のスライドバーでこのエントリーの評価をお願いします!評価ランキングはこちら。
特選漢方:http://www.super-kanpo.com
漢方薬http://www.super-kanpo.com/%E6%BC%A2%E6%96%B9%E8%96%AC-c-31.html
女性用媚薬http://www.super-kanpo.com/%E5%A5%B3%E6%80%A7%E7%94%A8%E5%AA%9A%E8%96%AC-c-7.html
ダイエットhttp://www.super-kanpo.com/%E3%83%80%E3%82%A4%E3%82%A8%E3%83%83%E3%83%88-c-1.html
美容コスメ化粧品http://www.super-kanpo.com/%E7%BE%8E%E5%AE%B9%E3%82%B3%E3%82%B9%E3%83%A1%E5%8C%96%E7%B2%A7%E5%93%81-c-39.html
精力剤http://www.super-kanpo.com/%E7%B2%BE%E5%8A%9B%E5%89%A4-c-13.html
妊娠中絶避妊薬http://www.super-kanpo.com/%E5%A6%8A%E5%A8%A0%E4%B8%AD%E7%B5%B6%E9%81%BF%E5%A6%8A%E8%96%AC-c-23.html
中国茶http://www.super-kanpo.com/%E4%B8%AD%E5%9B%BD%E8%8C%B6-c-44.html
投稿情報: 特選漢方 | 2012年3 月30日 (金) 16:56
運動選手は、心拍数は実行しました、ダイバーのダイビングのレベルを確認するには自分の時計を使用し、時計今すべての日付とその温度の日から教えてマイレージへから監視可能性があります特定の時計があります。
グッチコピー: http://www.marui-brand.com/gucci/
グッチベルト: http://www.marui-brand.com/gucci/belt/
プラダコピー: http://www.marui-brand.com/prada/
マークジェイコブスコピー: http://www.marui-brand.com/marcjacobs/
バレンシアガコピー: http://www.marui-brand.com/balenciaga/
クロエコピー: http://www.marui-brand.com/chloe/
ミュウミュウコピー: http://www.marui-brand.com/miumiu/
ジミーチューコピー: http://www.marui-brand.com/jimmychoo/
ティファニーアクセサリー: http://www.marui-brand.com/tiffany/
バーバリーコピー: http://www.marui-brand.com/burberry/
投稿情報: ブランドコピー | 2011年8 月22日 (月) 14:03
Handphones ポケットベルと小さな時計と結合のこの増加信頼性とは、腕時計単機能のオブジェクトになることをファッションのエンティティに使用されるためです。今日では、高価な時計ロレックス、カルティエ、フィリップ Patek、ヴァシュロン ? コンスタンタン、タグ ? ホイヤー、オメガ メーカーが含まれます。IWCコピー:http://www.jjkopi.com/iwc/
ブルガリコピー:http://www.jjkopi.com/bvlgari/
オメガコピー:http://www.jjkopi.com/omega/
アクセサリーコピー:http://www.jjkopi.com/accessories/
ブライトリングコピー:http://www.jjkopi.com/breitling/
フランクミュラーコピー:http://www.jjkopi.com/franckmuller/
ブランド小物:http://www.jjkopi.com/accessory/
ウブロコピー:http://www.jjkopi.com/hublot/
モンクレールコピー:http://www.jjkopi.com/moncler/
ジャガールクルトコピー:http://www.jjkopi.com/jaeger-lecoultre/
投稿情報: コピーブランド | 2011年8 月22日 (月) 14:02
多数の品種の時計は、次のことができますになります、コレクターズ アイテムやで、期間は、しばしば素晴らしくコインのオークションで、時間を伝える精度たぶん今日求められています。
グッチバッグ: http://www.brandkopi.net/gucci/
グッチベルト: http://www.brandkopi.net/gucci/belt/
エルメスバッグ: http://www.brandkopi.net/hermes/
エルメスベルト: http://www.brandkopi.net/hermes/belt/
エルメス時計: http://www.brandkopi.net/hermes/watch/
バレンシアガバッグ: http://www.brandkopi.net/balenciaga/
ボッテガヴェネタバッグ: http://www.brandkopi.net/bottegaveneta/
ミュウミュウバッグ: http://www.brandkopi.net/miumiu/
クロエバッグ: http://www.brandkopi.net/chloe/
プラダバッグ: http://www.brandkopi.net/prada/
投稿情報: コピーブランド | 2011年8 月22日 (月) 14:01