プレシャスメモリーズのデッキレシピを見やすくするスクリプト作った

ライブラリとしてjqueryを利用。popup_pm.jsが本体で、pmlist.jsにはデータが入っている(いわゆるjsonp)。そして、javascriptの呼び出しはjqeury、popup_pm.js、pmlist.jsの順番で行う。

呼び出し例:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="popup_pm.js"></script>
<script type="text/javascript" src="pmlist.js"></script>

使用するときは、<div class="pm">カード番号 カード名(任意)</div>というな感じで。htmlタグはdivじゃなくても何でもOK。カード番号は半角英数で正確に入力する必要がある。カード名はなくてもいいけど入れる場合はカード番号との間に半角スペースを入れる必要がある。

使用例:
<span class="pm">01-034 SRドロー澪</span>
<span class="pm">01-049 黒あずにゃん</span>
<span class="pm">01-145 抽選券</span>

01-034 SRドロー澪
01-049 黒あずにゃん
01-145 抽選券

ダウンロード:
popup_pm.js
pmlist.js

更新情報:
Ver 1.0 とりあえず公開。
Ver 1.1 マウスが外れたらすぐ消えるようにした。マウス位置に追随しないバグを取り除いた。
Ver 1.2 ポップアップされるものをTableにした。


posted by 右京 | プレシャスメモリーズ
blog comments powered by Disqus
×

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