みどり同盟ブログはHabboホテル内で結成されたみどり同盟の公式サイトです。

↓みどり同盟ブログ内サーチ↓

みどり同盟ブログ内サーチ

↑みどり同盟ブログ内サーチ↑

↓リストメニュー↓

最新記事50件
 
最新コメント50件
 
過去の記事

↑リストメニュー↑

 

↓記事↓

2004/07/20 (火)
記事の途中で「記事の続き」を開いてジャンプ
by PONJAN
編集アドバイス(メニュー)に戻る ≫

 


例:次の記事でお確かめください
第一回 みどり集合(10月18日)【無事終了!】

 


このように、記事の途中で(多くの場合記事の最初のほうになると思われます)文字や画像をクリックすると、「記事の続き」を開いた状態にして、その先頭位置へジャンプするというものです。

最初に、「自分の記事から他の記事へリンクする」と同様に、目的の記事(ジャンプ先)の記事番号を調べメモしておきます。
今回は自分の記事で、しかも今編集中の記事というわけですから、下書き→プレビューで調べてください。

 


<a href="#cont○○" onclick="showMore('○○','/md.cgi?eid=○○#sequel');" onkeypress="showMore('○○','/md.cgi?eid=○○#sequel');" accesskey="1">●●</a>

○○の部分5箇所に、メモしておいた同じ記事番号を入れます。
●●は閲覧者にクリックさせる部分で、文章でも画像タグ(<img〜/>)でもかまいません。

 


例に挙げた記事の該当部分はこうなっています。
第一回の様子は<a href="#cont759" onclick="showMore('759','/md.cgi?eid=759#sequel');" onkeypress="showMore('759','/md.cgi?eid=759#sequel');" accesskey="1">記事の続き</a>でどうぞ。

 


次に、「記事の本文」の最後の文章を<div>で囲みます。

 


<div id="cont○○">▲▲</div>

○○はさっきとおなじ記事番号です。
▲▲は「記事の本文」の最後の行ですが、一行だけではなく、最後の行が含まれる段落を囲んでください。
こうすればヘンなところにジャンプせずに記事が読みやすくなります。

 


例の記事では絵文字の画像タグも入れてこうなっています。
<div id="cont759">PONJANの予想:2人<img src="/e/j32.gif" width="15" height="15" alt="" class="emoji" /></div>
 
 
 

↑記事↑