如何在Node.js/Jade模板中創建彈出式聯繫表單？

Question

如何創建一個當用戶點擊Jade模板上的按鈕時彈出的表單？我試着在HTML以下，其工作原理：

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

我需要創建一個單獨的文件玉的形式本身現在用這在我的Node.js的項目呢？這是我試過，然後我試圖顯示這樣的形式：

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風格設置有'隱藏'，如果這是你想要的。

此顯示：block; visibility：hidden;'必須存在於該div樣式的默認設置中，以便DOM具有清晰的路徑來控制它。本身'顯示：塊';'不會隱藏或使對象可見，它主要是關於div創建爲對象容器的形狀。

作爲一個選項，您可以使用：
document.getElementById（'abc'）。style.display =「block」;

隱藏您的表格使用：
document.getElementById（'abc'）。style.display =「none」;

爲此，您可以將div樣式設置設置爲'display：none; visibility：visible ;.
在這種情況下，'display =「none」'將從所有顯示圖層中移除對象，並允許其他對象填充其空間。當它可見時，它會將同一z-索引上的其他對象推開。如果它具有更高的z-索引，比如說+100更高，則它將彈出到頁面上的其他對象的上方。

「可見性」屬性僅控制對象的可見性，它不會將其從顯示內存中刪除。即使不可見，它仍然可能佔用空間。 「不透明度」屬性的作用大致相同，只是它允許您也可以使對象儘可能透明。