0

利用規約に同意するためのチェックボックスの横にラベルがあります。現時点では単純なものがあります

<a href="/termns.php">Terms</a>

ユーザーが条件を読むことができる場所。

jQuery を使用して同じページに灰色のボックスを追加すると、より快適になります。

詳細情報を提供するために、私は多言語サイトを使用しています。実際、すべての言語バージョンのすべてのテキストを含む 1 つのファイルを作成することは可能ですが、このファイルは非常に混乱します。

そのため、私はその問題を回避し、テンプレートを使用して適切なバージョンを取得しました。セッション設定に関しては、正しいディレクトリへのリダイレクトがあります。したがって、メインのテキストファイルは/language/terms.php、テンプレートが一度インクルードされる場所に配置されます。

今、私は遊んで、次のようなものを見つけました：

jQuery:

$(document).ready(function(){
    $('#popup_terms').click(function(){ 

        $("#screen").css({
            "display": "block",
            "width": $(document).width(),
            "height": $(document).height(),
            opacity: .7,
        });

        $("#screen-box").css({
            "display": "block",
        });
        return false; 
    });
});

HTML:

<label for ="tandc"><?php echo $signup_tac;?></label>
<div id="screen"></div>
<div id="screen-box">
    <?php include_once "../$language/popup_$filename.php";?>
</div>

CSS:

#screen{
    position: fixed;
    z-index: 100;
    display: none;
    border: none;
    background: black;
    top: 0;
    left: 0;
}

#screen-box{
    position: fixed;
    z-index: 500;
    display: none;
    height: 400px;
    padding: 50px;
    width: 600px;
    top: 50px;
    left: 25%;
    overflow: scroll;
}

ソースコードを調べると用語のテキストが表示されるため、これは正しい方法ではないようです。

では、この問題を処理する「正しい」方法は何でしょうか?

4

3 に答える 3

0

JQuery UI Dialog プラグインまたは FancyBox などを使用することをお勧めします。時間と頭痛の種を節約します。これらのプラグインは AJAX を使用してコンテンツをロードするため、最初のページロードにコンテンツを含める必要はありません。これは、このようなボックスをさらに使用する場合に問題になる可能性があります。

于 2013-10-24T07:34:58.773 に答える
0

jquery ui ダイアログを使用しない理由。コンテナを設定して dialog に関連付けるだけで、jquery を使用して open メソッドまたは close メソッドを呼び出すだけです。

于 2013-10-24T07:27:24.877 に答える