2005年04月11日 (月)

コメントへのリンクに noscript も入れよう

先日手にした携帯電話 F901iCちょっと見にくいですが、このサイトを読んだりコメントを付けたりできます。しかし、割と多くの iBlog サイトではそれができません。F901iC は JavaScript が使えないからです。

JavaScript が使えないブラウザでもコメントを見たり書いたりできるように noscript タグを使ってコメントへのリンクを作っておくとこのサイトのように UTF-8 対応の携帯電話でコメントを読み書きできます。HaloScan のためのサンプルコードを紹介します。プチシリーズのユーザにもヒントを書いておきました。


コメント

コメントのためのコードは次のようになります。

<_a href="http://www.haloscan.com/comments/YOURUSERNAME/<$EntryUUID$>" title="Comments for <$EntryUUID$>" onclick="HaloScan('<$EntryUUID$>'); return false;">
<script type="text/javascript">postCount('<$EntryUUID$>');</script>
</a>
<noscript>
<_a href="http://www.haloscan.com/comments/YOURUSERNAME/<$EntryUUID$>" title="Comments for <$EntryUUID$>">Comment</a>
</noscript>
YOURUSERNAME をあなたの HaloScan アカウント名に置き換えて下さい。Firefox で表示させていてコピー&ペーストするときは a タグの < と a の間に _ が入るので取り除いてください。二カ所あります。改行は適当にアレンジしてください。見やすくするために改行しただけで特に意味はありません。

トラックバック

トラックバックの場合はこうなります。

<_a href="http://haloscan.com/tb/YOURUSERNAME/<$EntryUUID$>" title="Trackbacks for <$EntryUUID$>" onclick="HaloScanTB('<$EntryUUID$>'); return false;">
<script type="text/javascript">postCountTB('<$EntryUUID$>');</script></a>
<noscript>
<_a href="http://haloscan.com/tb/YOURUSERNAME/<$EntryUUID$>" title="Trackbacks for <$EntryUUID$>">Trackbacks</a>
</noscript>
YOURUSERNAME をあなたの HaloScan アカウント名に置き換えて下さい。Firefox で表示させていてコピー&ペーストするときは a タグの < と a の間に _ が入るので取り除いてください。二カ所あります。改行は適当にアレンジしてください。見やすくするために改行しただけで特に意味はありません。

プチシリーズユーザへ

HaloScan のコメントについてかなり以前にエントリ「JavaScript へのリンクの正しい書き方」で JavaScript が使えないブラウザでも OK な書き方を紹介しています。プチコメなどに応用するために上のコードの「こころ」が知りたいときはそちらを参照してエッセンスを汲み取ってください。

プチシリーズを使用しているサイトの多くでは次の問題点があります。

  • JavaScript が無効のブラウザでは一切表示されない。

    JavaScript が無効のブラウザでコメントやトラックバックにアクセスする手段が完全に失われています。コメントでしたら a.cgi へのリンクを noscript タグ内で使いましょう。

  • コメントへのリンクをクリックすると元ページが先頭に移動してしまう。

    Safari だけで確認していませんか? Firefox でやってみてください。ブログページやカテゴリページではかなり不便です。onclick 属性の値に return false; を入れましょう。


Posted: 16:52    | Comment | Trackback


以下、類似エントリです。