トップ/pukiwiki1.5/todo.inc.php
#author("2025-10-31T00:32:05+09:00","default:nemusg.pad","nemusg.pad") #author("2025-10-31T00:32:50+09:00","default:nemusg.pad","nemusg.pad") #title(pukiwikiにチェックボックスを置くだけのプラグイン) 目次 #contents ** 概要 [#h7d2ddd0] &ref(./todo.png,100%); - Pukiwiki内にチェックボックスを置きます [[使用例>game/toruneko_no_daibouken3/isekai_shop]] - チェックボックスの押下状態を各自のブラウザで保存できます(localStorage) - リセットボタンがありますが、チェックボックスより前に置くとエラーになります - ChatGPT使用 ** 使い方 [#z7df99c3] idを任意で降っておくと順番をあとから並び替えても問題が起きないです。 自動採番は楽ちんですがあとから並び替えると多分押下状態がめちゃくちゃになります。気にしない人向け。 - ラベルなし:&todo(); - ラベルあり:&todo(,てすと); * &todo(id); // チェックボックスのみ * &todo(id, ラベル); // ラベル付き * &todo(); // id 自動採番(ラベル無し) * &todo(, ラベル); // id 自動採番(ラベルあり) * &todo(-, ラベル); // 同上(ハイフンは省略記号) * &todo(,,clear); // このページの &todo 状態を全消去するボタン。ボタン名は「このページのチェックを全てクリア」 * &todo(,ボタン名,clear); // ボタン名を任意で設定できるクリアボタン ** 履歴 [#r248a1ee] - 2025年10月31日 todo_clearだとtodoより先に書いた場合動作しないので、todo(,,clear);に変更(todo_clearも引き続き使える) - 2025年10月31日 todo_clearだとtodoより先に書いた場合動作しないので、todo(,,clear);に変更((todo_clearも引き続き使える)) - 2025年10月30日 , が表示される問題などを修正 - 2025年10月24日 公開 ** コード(ダウンロード) [#t9623e1e] *** pluginにアップ [#yd9e4fe8] - &ref(./todo.inc.php); *** CSS [#oee7e5ca] #code_x{{ /* todo.inc.php */ .todo-list{ list-style: none; padding-left: 0; } .todo-list li{ display:flex; align-items:center; gap:.5em; padding:.2em 0; } .todo-list li.todo-done label{ opacity:.7; text-decoration: line-through; } input.todo-box{ transform: scale(1.2); vertical-align: middle; } .todo-item label{ padding-left: 4px; cursor: pointer; } .todo-item input.todo-box{ margin-right: .2em; cursor: pointer; } .todo-clear-btn{ border:1px solid #ccc; padding:.3em .6em; border-radius:6px; cursor:pointer; background:#f7f7f7; } }}