私はこれらのhtmlコードを持っています:
<div id="overlay" style="width: 100%; height: 100%; position: fixed; background-color: bisque; z-index: 2; opacity: 0.5; top: 0; display: none"></div>
<div id="form" style="display: none; z-index: 3">
<div class="tooltip" onclick="show('form')" style="cursor: pointer;"><a><i class="fa fa-envelope" aria-hidden="true"></i></a><span class="tooltiptext">Offer Suggestions</span></div>
そして機能:
function show(target){
document.getElementById(target).style.display = 'block';
}
function hide(target){
document.getElementById(target).style.display = 'none';
};
をクリックする.tooltip
と、#form
が表示されます。
この関数のクリックベースで同時に作成#overlay
および#form
表示するにはどうすればよいですか?
これは私の最初の投稿です。ご不便をおかけして申し訳ありません。
引数をIDとして渡す代わりに、IDを関数にハードコーディングするだけです。
function show(){ // remove target var from function
document.getElementById('form').style.display = 'block';
document.getElementById('overlay').style.display = 'block';
}
function hide(){
document.getElementById('form').style.display = 'none';
document.getElementById('overlay').style.display = 'none';
};
次に、onclickを変更して、ターゲットも含まないようにします。
<div class="tooltip" onclick="show()" style="cursor: pointer;"><a><i class="fa fa-envelope" aria-hidden="true"></i></a><span class="tooltiptext">Offer Suggestions</span></div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加