Node.js/Jade Şablonu'nda pop up iletişim formu nasıl oluşturulur?

Question

Kullanıcı bir Jade şablonunda bir düğmeyi tıkladığında açılan bir form oluşturma hakkında nasıl gidebilirim? Ben ayrı Yeşim formun kendi dosyasını oluşturmak gerekir

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

Şimdi benim node.js projesinde bu kullanmak: Ben çalıştığı, HTML aşağıdaki çalıştı? Denedim ve sonra şu şekilde görüntülemeye çalıştım:

Ne yazık ki çalışmıyor. Jade'de bir pop-up oluşturmak için önerilen yaklaşım nedir? Ben gerçekten Jade ile karıştırıldım ve bunun için iyi bir öğretici bulamıyorum, HTML için yükler var ...

Yardımın için teşekkürler!

Answer 1

Normalde bunun için şunu kullanırsınız:
document.getElementById ('abc') style.visibility = "visible";

Tablo kullanımınızı gizlemek için:
document.getElementById ('abc'). Style.visibility = "hidden";

'style' özelliğini kullanırken düz css komutları kullanıyorsunuz. Varsayılan div stili ayarlarınızın 'gizli' olduğundan emin olun, eğer istediğinizi buysa.

Bu görüntü: engelleme; görünürlük: gizli; ' Bu div stili için varsayılan ayarlarınızda bulunması gerekir; böylece DOM, kontrol etmekte net bir yola sahiptir. Kendi başına 'display: block;' nesneleri gizlemez veya çizmez, çoğunlukla div nesneler için bir kap olarak oluşturduğu şekliyle ilgilidir. Eğer kullanabileceğiniz bir seçenek olarak

.
document.getElementById ('abc') style.display = "blok";

Tablo kullanımınızı gizlemek için:
document.getElementById ('abc'). Style.display = "none";

Bunun için div stil ayarlarınızı 'display: none; görünürlük: visible;
Bu durumda 'display = "none" "nesneyi tüm ekran katmanlarından kaldırır ve diğer nesnelerin boşluğunu doldurmasına izin verebilir. Görünür olduğunda, aynı z-dizinindeki diğer nesneleri de yoldan çeker. Daha yüksek bir z endeksine sahipse +100 daha yüksekse, sayfadaki diğer nesnelerin üzerine çıkacaktır.

'Görünürlük' özelliği yalnızca nesnelerin görünürlüğünü kontrol eder, görüntü belleğinden kaldırmaz. Görünmüyor olsa da yine de yer kaplayabilir. 'Opaklık' özniteliği aynı şeyi yapar, ancak bir nesneyi istediğiniz kadar saydamlaştırmanızı sağlar.