ユーザーが閉じるボタンをクリックした場合に要素を非表示にして、再び表示されないようにする方法を見つけようとしています。基本的には、プロモーション情報をドロップダウンするだけです。ユーザーが [閉じる] をクリックした場合、この要素がそのユーザーに二度と表示されないようにします。
ここにあるバナーのように機能させたいと思いますhttp://codecanyon.net/
これを行う方法はありますか?この回答をグーグルで検索しようとしましたが、この例を実際に見つけることができませんでした。これは Cookie を使用して実現する必要があると想定しています。また、その場合、SSL 暗号化されたページで問題が発生しますか?
更新: 何日も経つと有効期限が切れる Cookie を設定するのはどうですか?
これが私のコードです:
<div id="promotional-banner">
<div id="promotional-wrapper">
<div id="promotional-container">
<p class="left"><img src="<?php echo Mage::getStoreConfig(Mage_Core_Model_Store::XML_PATH_SECURE_BASE_URL); ?>media/wysiwyg/infortis/fortis/custom/rewards.png" alt="Earn Rewards" title="Earn Rewards" /> Earn reward points every time you shop at WeePumpkin.com</p>
<div class="right close-button"><span>X</span> Dismiss</div>
<div class="clear"></div>
</div>
</div>
</div>
<script type="text/javascript">
$$ = jQuery;
$$(document).ready( function() {
if ($$("#promotional-banner").is(":hidden")) {
$$("#promotional-banner").delay("1000").fadeIn();
}
$$("div.close-button").click(function(){
$$("#promotional-banner").delay("slow").fadeOut();
});
});
</script>