0

私が「ワンショット」情報と呼んでいるものを表示する進行中のWebサイトにいくつかのリンクがあります.のページをリロードします。

当初、私はこれらをモーダル (またはモードレス) ウィンドウとして表示したいと考えていました。これにより、余分なページの読み込みを停止し、ページの 1 回の読み込みでできるだけ多くを配信しようとするという私の任務を守りました。

しかし、私は JS の知識がまったくないので、モーダル ウィンドウ システムを実装しようとして惨めに失敗しました。質問 1 -モーダル ダイアログに代わる、私が考えていないより適切な代替手段はありますか? 他の唯一のオプションは、JSなしで同じことを行うCSSポップアップだと思います。

ページの読み込みを分離するために自分自身をあきらめる必要があるかもしれないと思うので、別の状況は、音楽プレーヤーとその他のデータを含むサイドバーを持っていることです。理想的には、ユーザーがリンクをクリックして音楽プレーヤーをリロードしないようにしたいと思います (つまり、ユーザーがこのワンショット情報にナビゲートする間、再生を続けます)、1) 音楽の停止と開始のユーザー エクスペリエンスのため、および 2 ) そのため、複数回の再起動は再生回数に影響しません。それを念頭に...

質問 2 -危険ではない HTML フレームのセットアップと同じように使用できるものはありますか? それとも、プレーヤーのリロードを受け入れるだけでよいのでしょうか?

4

2 に答える 2

1

ExpandおよびCollapseメソッドを使用して、さまざまなリンク情報を表示できます。それは簡単で、ページのリロードは必要ありません。

また、モーダルポップアップは良いオプションですが、クリック数が増えます。

以下のリンクにある両方のタイプのデモ。

websemantics.co.uk/resources/accessible_css3_modal_pop-ups/

于 2012-09-11T10:46:29.433 に答える
1

モーダル ポップはベスト プラクティスです。お問い合わせフォームに他の手法を使用することはお勧めしません。HTML <form>複雑さが気に入らない場合は、それを使用する簡単な手法があります。簡単なサンプルコードHTML form

<div id == "errorresponse"></div>
<form name = "myform" action = "action.php" method = "post" onSubmit = "validate()">
<input type = "text" name = "firstname"/>
<input type = "text" name = "email"/>
<input type = "submit" name = "submit" value = "Click Here to Submit"/>
</form>
于 2012-09-11T10:15:09.407 に答える