Node.js/Jadeテンプレートでポップアップコンタクトフォームを作成するにはどうすればいいですか？

Question

ユーザーがJadeテンプレートのボタンをクリックしたときにポップアップするフォームを作成するにはどうすればよいですか？私は別のジェイドは、フォーム自体のためにファイルを作成する必要があります

http://www.formget.com/how-to-create-pop-up-contact-form-using-javascript/

今私のNode.jsプロジェクトでこれを使用するために：私は働く、HTMLで次の試してみましたか？それは私が試したもので、次にこのようなフォームを表示しようとしました：

function div_show() { 
    alert("Test"); 
    document.getElementById('abc').style.display = "block"; 
} 

残念ながらそれは動作しません。 Jadeでポップアップフォームを作成するために推奨されるアプローチは何ですか？私は本当にジェイドと混同されており、このための良いチュートリアルを見つけることができないようです.HTMLの読み込みがあります。

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

Answer 1

通常は、これを使用します。
document.getElementById（ 'abc'）。style.visibility = "visible";

テーブルを非表示にするには：
document.getElementById（ 'abc'）。style.visibility = "hidden";

'style'属性を使用する場合、プレーンなCSSコマンドを使用しています。デフォルトのdivスタイルの設定に「非表示」が設定されていることを確認してください。

このディスプレイ：ブロック;可視性：非表示;そのdivスタイルのデフォルト設定に存在していなければならないので、DOMはそれが制御しているものへの明確なパスを持っています。それ自身では 'display：block;'隠すことも、オブジェクトを表示させることもありません。ほとんどの場合、divがオブジェクトのコンテナとして作成するシェイプに関するものです。

オプションとして、次を使用できます。
document.getElementById（ 'abc'）。style.display = "block";

テーブルを非表示にするには：
document.getElementById（ 'abc'）。style.display = "none";

このため、divスタイル設定を 'display：none; visibility：visible;に設定します。
この場合、 'display = "none"'はすべての表示レイヤーからオブジェクトを削除し、他のオブジェクトがそのスペースに塗りつぶされる可能性があります。可視になると、同じz-インデックス上の他のオブジェクトが外に押し出されます。 Z-インデックスの方が高い、たとえば+100高い場合は、ページ上の他のオブジェクトの上にポップアップします。

'visibility'属性はオブジェクトの可視性のみを制御し、表示メモリからオブジェクトを削除しません。表示されていないにもかかわらずまだスペースを取ることができます。 'opacity'属性は、あなたが好きなだけオブジェクトを透明にすることができる点を除いて、同じことをします。