Сохранение СУХОГО с прогрессивным улучшением

Question

Я создаю веб-сайт с очень небольшим количеством Javascript, просто чтобы добавить что-то на страницу (например, контактную форму), не переходя на новую страницу.

Я понимаю, что должен создатьв любом случае страницу контактов (на тот случай, если у пользователя не включен javascript), а затем используйте javascript, если он у него есть.

Так, где мне хранить HTML-код для формы, если я нехотите иметь его в двух местах?

(Обычно я не такой привередливый, но мне любопытно по этому поводу.)

Answer 1

Если у вас есть доступ к языку на стороне сервера, вы можете сохранить отдельный фрагмент формы на внешней странице. Затем вы можете включить фрагмент на страницу содержимого HTML с помощью соответствующего вызова include. Это дает дополнительное преимущество, заключающееся в том, что для вашего JavaScript вы можете извлечь контактную форму из этого файла сниппета, используя AJAX. Фактически, многие плагины позволяют отображать окна DHTML с содержимым HTML. Например, проверьте ThickBox .

Без серверного языка вы можете сделать что-то подобное с фреймами. Просто отобразите фрагмент формы в рамке, когда вам нужно сослаться на него. Лично я не очень люблю кадры, так что это не очень привлекательное решение для меня, но вы можете использовать его, если захотите (и соответствующим образом стилизовать кадры).

Answer 2

Просто поместите свой HTML для контактной формы в файл .html. Предполагая, что вы используете PHP или что-то еще, просто включите файл на странице контактов и включите его в раздел для динамической формы контакта. Форма должна по-прежнему отправляться на ту же страницу на стороне сервера и иметь такой же внешний вид.

например. contactForm.html

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