Mantener seco con mejora progresiva.

Question

Estoy construyendo un sitio web con cantidades muy pequeñas de JavaScript, solo para agregar cosas a la página (como un formulario de contacto) sin tener que ir a una nueva página.

Entiendo que debería construir la página de contacto de todos modos (en caso de que el usuario no tenga JavaScript activado) y luego use JavaScript si lo tiene.

Entonces, ¿dónde almacano el HTML por el formulario si no quiero tenerlo en dos lugares?

(normalmente no soy tan exigente, pero tengo curiosidad en este.)

Answer 1

Si tiene acceso a un idioma del lado del servidor, puede mantener un fragmento separado del formulario en una página externa.Luego, puede incluir el fragmento en la página de contenido HTML con una llamada de generación de generación adecuada.Esto tiene el beneficio adicional que, para su JavaScript, puede tirar del formulario de contacto desde este archivo de fragmento con AJAX.De hecho, muchos complementos le permiten mostrar ventanas DHTML con contenido HTML.Por ejemplo, echa un vistazo a thickbox .

Sin un idioma del lado del servidor, puede hacer algo similar con los marcos.Simplemente muestra el formulario SNIPPET en un marco cuando necesita hacer referencia.Personalmente, no me gustan mucho los marcos, así que esta no es una solución muy atractiva para mí, pero puedes usarlo si elige (y estilo los cuadros apropiadamente).

Answer 2

Simplemente ponga su HTML para el formulario de contacto en un archivo .html.Suponiendo que está usando PHP o algo, simplemente incluya el archivo en su página de contacto e inclúmezca en la sección para su formulario de contacto dinámico.El formulario aún debe someterse a la misma página del lado del servidor y tener el mismo aspecto y sentir ..

e.g.contactform.html

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