スポンサーサイト

--/--/-- --:-- | カテゴリ:スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

TipCommentをいじってページ内index

2006/01/11 22:45 | カテゴリ:未分類 | コメント (2) | トラックバック (0)

TipCommentをいじってページ内indexを作ってみました。
表示されるのはそのページに表示されている記事のタイトルと記事ナンバー。
タイトルにマウスを乗せると、記事内容の一部が表示されます。
下にナビを入れて、ページ移動もできるようにしました。
コメント編集などのページへ移動した場合はその記事を表示します。(するはずw)
サンプルはページ右下(実験中w)にあります。(うちは1記事表示なので、1件だけです。)
ちょっと長いですが、1ページの記事数の多い方は使ってみて下さいw
確認したところ、問題はなさそう?問題ありましたら、教えてください。
フリースペースに以下のスクリプトをコピーするだけです。
擬似TipCommentでも応用できます。


<script type="text/javascript">
<!--
function CustomShowText(id)
{
document.getElementById(id).style.display='block';
}

function CustomHiddenText(id)
{
document.getElementById(id).style.display='none';
}
//-->
</script>
<ul>
<!--topentry-->
<li &align><a href="<%topentry_link>" title="" onMouseOver="javascript: CustomShowText('custom-comment<%topentry_no>');" onMouseOut="javascript: CustomHiddenText('custom-comment<%topentry_no>');">(<%topentry_no>)<%topentry_title>
</a>
</li>
<br>
<div id="custom-comment<%topentry_no>" style="display:none;position:absolute;background-color:&answer1; color:&answer2; border-style:solid; border-color:&answer3; border-width:1px; margin:2px; padding:4px;font-size:8pt;width:150px;height:155px;overflow:hidden;">
<!-- 表示内容を自由にカスタマイズできます。 -->
記事内容<br>
<hr>
<%topentry_body>
</div>
<!--/topentry-->
</ul>

<div align="center" style="font-size:8pt;margin-top:10px;">
<!--prevpage-->
<a href="<%prevpage_url>" title="前頁へ移動する">Before</a>
<!--/prevpage-->
<!--preventry-->
<a href="<%preventry_url>" title="前頁へ移動する">Before</a>
<!--/preventry-->
<span> | </span><a href="<%url>" title="TopPageへ">TopPageへ</a><span> | </span>
<!--nextpage-->
<a href="<%nextpage_url>" title="次頁へ移動する">Next</a>
<!--/nextpage-->
<!--nextentry-->
<a href="<%nextentry_url>" title="次頁へ移動する">Next</a>
<!--/nextentry-->
</div>


赤字部分は共有プラグインのNAVIを使うとなおよさそう?w
スポンサーサイト

<< 共有プラグインがまたまた追加ー | ホーム | 擬似TipComment >>


コメント

初めまして^^二代目?といいます訪問履歴からおじゃましました^^
まだ、私は初心者で、このブログのタイトルを見て仲間だーと勝手に思いこみやって来たところ・・・・
全然初心者違いますやん^^;
これからも、勉強もふまえて遊びに来させていただきます^^

二代目さん、ご訪問アリガト!(´▽`)

当方、初心者ですよ。だって、ブログ歴、アフィリエイト歴はこのブログからですからw
かろうじて、html歴が+1ヶ月あるかどうか。(HPを作ろうと勉強し始めたところでした。)
左側に全記事一覧があるので、最初の方から読むと右往左往している様が見れますw
まぁ、とりあえず、2ヶ月たてば、これくらいはできるんだと思っていただければw

実際、初心者がやってきたことですので、ぜひぜひ少しの参考にしてください。

でも、ブログ名は今後どうしよう?
相互リンク先があるので、簡単に変えれませんw

コメントの投稿


管理者にだけ表示を許可する

 BLOG TOP 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。