この記事は2015年7月に作成したものです
所有率を表示することができるページを作成しました。checklist.js は公開しています。
:checked疑似クラスでチェックが入っている時のlabelを装飾できるかと思いましたが、CSSを書いてもoutlineとdisplay以外効かなかったので、結局jQueryでチェックが入っていた場合のclassを付けることにしました。
所有率ページを自分も作成したい！#
2015年ぐらいに作成したものなので、諸々不具合が起きるかもしれませんが、許容・改善できる方向けとなっています。
デモ：checklist.jsのサンプル
ダウンロード#
GitHub で下記のファイルを保存してください。
- checklist.css
- checklist.scss
- checklist1.x.js
- example.html
- jqueryで始まるファイル（既に使っているものがあればそちらでも）
- rwd.js
やりのこした課題#
- URLエンコードをJSでやってあげるようにする
- ドメイン名やハッシュタグ部分を変数にして変更しやすくする
- ソーシャルボタンの機能が外部参照状態になってしまっているので削除するかなにかする
- rwd.jsが一般的に必要ではないと思うのでexampleから削除する
使って頂きました#
紹介して頂きました#
IE問題#
IEはURL文字数制限が2048のようなので、パラメータが付いているページを叩いても認識できない可能性があります。
モンスターの数は増え続けるので、ある程度諦めています。
ライセンス#
GPLライセンスのものは含まれていないはずなので、MITライセンスです。下記は要約です。
- コピー・配布・変更・商用利用など、自由につかってください。
- ただし作者は何の責任も負いません。
- Copyright部分は残してください。
更新履歴#
これ以降はGitHubで確認できます。
- 2015年6月15日 コラボガチャ所有率ページを追加
- 2015年5月10日 アイコン不具合修正
- 2015年4月26日 v1.0 IEでクリックしずらい問題の対応
- 2015年4月26日 パラメータに図鑑No2000までしか出力できない問題（スフィンクスがクリックできない）の対応
- 2015年3月16日 v0.4 画像サイズ変更（PC版）
- 2015年1月25日 v0.3 デザイン変更、全選択・全解除実装
- 2015年1月18日 v0.2 スマホ対応
- 2015年1月18日 v0.1 作成
