連載本の参考サイトを作っているのですが、ネタバレを避けられるようにしたいと思います。私が思いついたのは、情報を見たい各本のチェックボックスをクリックするセットアップ Web ページを作成することでした。その後、サイトにアクセスするたびに (何らかの方法で) Cookie として保存し、サイト内の各ページで機能させることができます。したがって、1 つのページには次のようなものがあります。
<li class="teotw">Rand killed a Trolloc</li>
別のページにある可能性があります
<li class="teotw">Nynaeve tugged her braid</li>
「teotw」本のボックスをチェックしない限り、その情報はページに表示されません。私の最初の考えは、次のように CSS クラス値を切り替えるようなことをすることです。
document.styleSheets[0]['cssRules'][0].class['teotw'] = 'display:none';
document.styleSheets[0]['cssRules'][0].class['teotw'] = 'display:inherit';
しかし、これが最善の方法であるかどうかはわかりません。まず、現在のドキュメントにのみ適用されるため、アクセスする各ページに再適用する方法が必要です。私も YUI を使っています。これを行う最善の方法に関するアイデアはありますか?