現在HTML、CSS、JSでサイトを作成しています。 その中で複数条件での絞り込みが出来るようにしました。クラス名をJSで追加して表示非表示を切り替え、条件に合うもののみが表示される方法です。
現在HTML、CSS、JSでサイトを作成しています。 その中で複数条件での絞り込みが出来るようにしました。クラス名をJSで追加して表示非表示を切り替え、条件に合うもののみが表示される方法です。 出来ればそれと別枠でキーワード検索を追加したいと思っています。 簡単に言うと現在は絞り込みに ・果物 ・野菜 ・肉 等があり、果物を選択するとりんごやオレンジの画像と文字が表示されるような仕組みになっています。div要素でくくってあり、そこに見出しとしてh2で「りんご」の文字、img要素で画像の表示がしてあるような状態です。 そこに、「りんご」と検索すると見出しの単語を検索し、見出しにりんごの文字が含まれるりんごのクラスのみ表示される機能を追加したいです。 難しければりんごが強調表示され、その場所までスクロールが移動する程度でも構いません。 独学の為、クラスや要素についての理解が追い付いていない部分も多く見苦しい文ですみません。これが実現可能かどうか、また実現可能とすればそれが学べるようなサイトを教えていただけると幸いです。
JavaScript | HTML、CSS・64閲覧
ベストアンサー
下記はプログラムでは無いので参考にはならないでしょうが(キーワード検索では無く)UI(User Interface)としてタブとかも考慮してみると良いでしょう。 CSSデモ/タブ(005) http://ashtarte.pa.land.to/utf8/smt.cgi?r+twilight/&bid+0000032A&tsn+0000032A&bts+2022/05/06%2000%3A45%3A03&
質問者からのお礼コメント
ありがとうございます! 検討してみたいと思います。
お礼日時:5/14 12:49