したがって、基本的には 2 つの異なる HTML ページがあります。最初の html ページのボタンをクリックすると、2 番目の html の div 要素を表示/非表示にする関数を作成したかったのです。
これはjavascriptでできますか?
前もって感謝します
したがって、基本的には 2 つの異なる HTML ページがあります。最初の html ページのボタンをクリックすると、2 番目の html の div 要素を表示/非表示にする関数を作成したかったのです。
これはjavascriptでできますか?
前もって感謝します
AS @roXon は、HTML5 ストレージでこれを行うことができる 1 つのオプションについて言及しました。
例えば
if(typeof(Storage)!=="undefined")
{
$('#FirstClick').on('click',function(){
localStorage.clickedDiv = $(this).attr('id');
$(this).hide();
});
}
else
{
$(this).hide();
}
続いて2ページ目。
$(function(){
$(localStorage.clickedDiv).hide();
});
または、ブラウザの後方サポートを強化するには、Cookie を使用できます。
2 番目の HTML ページの意味がわからないのですが、おそらくコンテンツのことですか? jQueryを使用すると、これを実行できます...たとえば...
<script type="text/javascript">
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});
</script>
<a href="#" class="show_hide">Show/hide</a>
<div class="slidingDiv">
<a href="#" class="show_hide">hide</a></div>
CSS
.slidingDiv {
height:300px;
background-color: #99CCFF;
padding:20px;
margin-top:10px;
border-bottom:5px solid #3399FF;
}
.show_hide {
display:none;
}
ブラウザーが HTML5 ストレージをサポートしている場合は、変数http://www.w3schools.com/html/html5_webstorage.aspを保存できます 。
それ以外の場合は、GET パラメータまたは Cookie を渡す必要があります。