あれこれポップアップ

Category : ・ IT関連   at8. 2, 2004
«カテゴリー内でページをめくる | IT関連・目次 | ホーム | 続・MT3用コメントスパム対策［２バイト文字をシャットアウト］ »

MT専用ではなく、Webページならどこでもつけられますが、一応ここに。

娘娘飯店さんのあれこれポップアップというスクリプトです。リンクを張ったところにカーソルをあわせて、しばらくするとポップアップが出ます。
（しまった、今アーカイブページに適応してないです……メインページでは動作してます。後で対応します）メインページとカテゴリーアーカイブページで動作させました。

たとえば、相棒さんちにリンクを張るときなんかにとても可愛いので入れてみました。
もちろん文字だけでもポップアップします。

あんまり多用すると鬱陶しくなっちゃいそうですけれど、使い方を考えればとても可愛いと思います。
詳しくは本家サイトのマニュアルを。
以下にわが家の設定を。

設置場所とソースはこんなカンジです。


ディレクトリ階層の例：
rootDir
├ index.html (ブログのトップHTML)
├ archives (ブログのアーカイブ格納フォルダ)
└ ArekorePopup（適応させたいページと同じ階層に入れる）
   ├ ArekorePopup.js
   ├ ArekorePopup.css
   └ *.png
HTML 記述例：
<html>
<head>
…
<link href="ArekorePopup/ArekorePopup.css" rel="stylesheet" type="text/css" />
<script src="ArekorePopup/ArekorePopup.js" type="text/javascript"></script>
</head>
<body>
…
</body>
</html>

本家ソースはHTML用です。
XHTMLの場合、link 要素は空要素なので <link ... /> に変更してあります。
また、アーカイブページは図のとおり、(rootDir)/archives/に入っているので、この場合はlinkパスを

<script src="../ArekorePopup/ArekorePopup.js" type="text/javascript"></script>

としてあります。

なお、OS別ブラウザ対応は以下の通り。

  1. WindowsXP
     Sleipnir1.42→○
    IE6→○
    NetscapeNavigator7.1→○
    FireFox→○
  2. Windows2000
     OPERA7.23→× あら、意外…
    Sleipnir1.42→○
    IE6→○
    NetscapeNavigator7.1→○
  3. MacOSX(10.3.4)
     IE5.2→× もーどうしてMacのIEって…
    Mozilla1.7→○
    Safari1.2.2→○
    NetscapeNavigator7.1→○
  4. MacOS Clasic(9.3)
     IE6→○
    NetscapeNavigator7.1→○

ちなみに、例によってW3Cには怒られます。
嫌な方は使わない方がいいです。

«カテゴリー内でページをめくる | IT関連・目次 | ホーム | 続・MT3用コメントスパム対策［２バイト文字をシャットアウト］ »
トラックバックURL

このエントリーのトラックバックURL:

コメントしてください




保存しますか?