保持DRY渐进增强

时间:2010-07-11 01:54:16

标签: dry progressive-enhancement

我正在构建一个包含非常少量Javascript的网站,只是为了向页面添加内容(如联系表单)而无需转到新页面。

我知道我应该建立联系页面(以防万一用户没有打开javascript)然后使用javascript,如果他们已经得到它。

那么,如果我不想在两个地方拥有它,我在哪里存储表单的HTML?

(通常我不是那么挑剔,但我对这个很好奇。)

2 个答案:

答案 0 :(得分:1)

如果您可以访问服务器端语言,则可以在外部页面中保留表单的单独片段。然后,您可以使用适当的include调用将代码段添加到HTML内容页面中。这样做的另一个好处是,对于JavaScript,您可以使用AJAX从此代码段文件中提取联系表单。事实上,许多插件允许您显示带有HTML内容的DHTML窗口。例如,请查看ThickBox

如果没有服务器端语言,您可以使用框架执行类似操作。只需在需要引用时在框架中显示表单片段即可。就个人而言,我不太喜欢框架,所以这对我来说不是一个非常有吸引力的解决方案,但如果您选择(并适当地设置框架样式),您可以使用它。

答案 1 :(得分:0)

只需将联系表单的HTML放在.html文件中即可。假设您正在使用PHP或其他东西,只需将该文件包含在您的联系页面中,并将其包含在动态联系表单的部分中。表单仍应提交到同一服务器端页面,并具有相同的外观和感觉..

e.g。 contactForm.html

<div class="contact-form">
<input ....>
</div>