3

新しい Cookie 規制では、私たち全員と同じように、サイトで保持している Cookie をユーザーに知らせるメッセージを表示する必要があります。私はいくつかの調査を行いましたが、私が見た最良の例はhttp://www.packtpub.comにあります。

私のサイトにはjQueryがありますが、それがどれだけ機能するかはわかりません。同様のソリューションを実装する方法について、誰かが光を当てることができるかどうか疑問に思っていました。packtpub.com でそれがどのように行われたかを理解するのに疲れましたが、少し頭がいっぱいです。モーダルとスティッキーモーダルを検索しましたが、モーダルで何らかのアクションが実行されるまで背景をグレー表示することでほとんどのダイアログモーダルが機能するように見えるため、同様のソリューションを作成する方法の良い例が見つかりませんでした。

同様のソリューションを再作成する方法について、誰かが持っている有用なヒントをいただければ幸いです。

ありがとうございました。

4

1 に答える 1

4

コンテンツで要素を作成し、

<div id="cookie-notification">
    <!-- Your content goes here !-->
    <a href="#" id="close-notifiction">Close for now</a>
    <a href="#" id="close-notifiction-forever">Never show again</a>
</div>

cssを使用して下部に固定し、大きなz-indexを使用して他の上部に配置します。

#cookie-notification{
    position : fixed;
    bottom : 10px;
    right : 10px;
    z-index : 99999;
    //more of your styles ..
    }

これで、ページの右下に通知が表示されます。

次に、jQueryで非表示にします。

$('#close-notification').click(function(){
    $('#cookie-notification').fadeOut(300);
    return false;
    }

「これを二度と表示しない」には、これを二度と表示しないようにCookieを設定し、ページの読み込み時にこのCookieが設定されているかどうかを確認し、その場合は通知を非表示にします。

$('#close-notification').click(function(){
    $('#cookie-notification').fadeOut(300);
    createCookie('show-notification','never',9999); 
    //refer the link below and use the code from there to make create cookie work
    return false;
    }

//ページの読み込み時にCookieが設定されているかどうかを確認します

$(document).ready(function(){
    if(readCookie('show-notification') == 'never'){
            $('#cookie-notification').hide();
            }
    }

このページの下部にあるCookieコードは次のとおりですhttp://www.quirksmode.org/js/cookies.html

于 2012-06-23T23:28:04.783 に答える