2005年08月26日

nicky! ネタバレ機能カスタマイズ

【迷ログ】ではnicky! BBSにて紹介されているネタバレ・長文ボタン機能をカスタマイズして「続きを読む」リンクを搭載しているので、そのカスタマイズ方法を公開しときます。
8/29追記:一部スクリプトにミスがありましたので修正しました!

【機能】
・編集画面で、続きを読む機能をボタン1発で適用。(これはもともとの機能)
・閲覧時、「続きを読む」リンクをクリックすると隠されていた部分が表示される。「続きを読む」リンクは消え、隠れていた部分の末尾に[閉じる]リンクが現れる。
・[閉じる]リンクをクリックすると再び記事が隠され、「続きを読む」リンクが復活する。フォーカスが「続きを読む」リンクに移動。(つまり、もといた位置に戻れる)

【カスタマイズ方法】
1)タグ入力支援にネタバレ/長文ボタンを追加するの解説に従って実装。

2)nicky.cgi?editinputの画面のひとつめの枠内の、function neta_link()の中身を下記のように書き換える。
gettmstr();
var s1='<a href="#" onclick="sfield_view('+"'"+tmstr+"'"+');return false;" id="'
 + tmstr + '_next">続きを読む</a><div id="'
 + tmstr+'" class="sfield">';
enclose(s1, '<div style="text-align:right">[<a href="#'
 + tmstr + '_next" onclick="sfield_view('+"'"+tmstr+"'"+');">閉じる</a>]</div></div>');

3)タグ入力支援にネタバレ/長文ボタンを追加するの3にあるコード部分を、下記のように書き換える。

<input type="button" value="続きを読む(リンク)" 
onclick="neta_link();return false;">

4)タグ入力支援にネタバレ/長文ボタンを追加するの5にあるコード部分の、<script type="text/JavaScript">〜</script>の部分を、下記のように書き換える。

function sfield_view(id){
 if( document.getElementById(id).style.display != "block" ){
  document.getElementById(id).style.display="block";
  if (document.getElementById(id+'_next')) {
   document.getElementById(id+'_next').style.display="none";
  }
 }else{
  document.getElementById(id).style.display="none";
  document.getElementById(id+'_next').style.display="inline";
 }
}

以上です。
posted by 文月夕 at 09:13| Comment(2) | TrackBack(4) | web技 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
ネタバレを試してみたくてここにいきついのたですが、
nicky!で
タグ入力支援にネタバレ/長文ボタンを追加する
のリンクが開けなくて実装することが出来ません><
もし宜しければ詳しくこちらに載せていただく事は出来ないでしょうか?
Posted by miyano at 2007年10月18日 02:43
>miyanoさん
こちらでソースを公開してみましたので、ご参考になさってみてください。
http://htmldwarf.seesaa.net/article/66366339.html
Posted by 文月夕@管理人 at 2007年11月15日 14:13
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/6251745

この記事へのトラックバック

nicky!カスタマイズテスト用
Excerpt: 【200508】タグ支援テスト:タグを適用したい文字を選択→ボタン(imgは単体で)
Weblog: さなりずむ
Tracked: 2005-08-28 14:48

Nickyの入力支援の
Excerpt: spanの色表示を見やすくする方法が紹介されてたので実装してきたよ
Weblog: SILIKAGEL
Tracked: 2005-08-29 10:06

nicky! 続きを読む機能カスタマイズ2
Excerpt: 8/26の「nicky! ネタバレ機能カスタマイズ」の修正版です。 以下、修正&追加内容の概要。 1.FireFoxで「続きを読む」をクリックした際にページトップに移動するバグを修正。 2.「続きを..
Weblog: ミノタウロス見聞録
Tracked: 2005-08-29 18:32

nicky ネタバレ機能
Excerpt: あらら、公式サイトでの紹介記事が消えちゃってるんですねー。 とりあえず、うちで使ってるのを簡単にコピペしときます。 実装したのがずいぶん昔なので、これで全部かちょっと怪しいですが……。
Weblog: ミノタウロス見聞録
Tracked: 2007-11-14 00:19

PR

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。