自分のセンスや笑いの好みに影響を受けた作品を教えて

ページの作り方が知りたいです

下記のURLの様にページ遷移しないでボタンを押して進めていくやり方が知りたいです

https://yasashiku.info/kokorokirei-3/

A 回答 (1件)

こんにちは



方法はいろいろあると思いますが・・・

ご提示のページの場合は、画像スライダーでフェードイン/アウトするようなものと同じような仕組みです。

デベロッパーツールで表示時のDOMを見ればわかると思いますが、
 <div>Q1</div>
 <div>Q2</div>
 <div>Q3</div>
   ・・・
のような欄を作っておいて、順にdisplay: block/none で制御して表示/非表示を切り替えています。
順序が決まっているのなら、この方法で十分ですね。
(そのページでは、読み込み後にjavascriptで上記のような構成に成形しているようですが、最初からHTMLに直接記述しておいても同じことです。)

表示の切替えはスクリプトでもCSSでも可能と思いますが、選択結果を保持しておくのならスクリプト利用という事になるでしょう。
(上記では、ご提示のページに倣ってdiv要素としましたが、内容に応じてliやsectionでもかまいません。)

他の方法としては、「都度サーバーと通信して、次に表示する内容を取得して表示する」という方法も考えられます。
こちらであれば、状況に応じて順序を変えたり内容を変えたりもできますが、スクリプト使用が必須ですし、サーバー側での対応も必要になるのでハードルは高くなるでしょう。
    • good
    • 2
この回答へのお礼

大変丁寧にわかりやすく教えていただき本当にありがとうございます!早速試してみます!

お礼日時:2024/10/02 17:53

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています


おすすめ情報

このQ&Aを見た人がよく見るQ&A