Mantenere asciutto con miglioramento progressivo
-
13-09-2020 - |
Domanda
Sto costruendo un sito web con quantità molto piccole di JavaScript, solo per aggiungere cose alla pagina (come un modulo di contatto) senza dover andare a una nuova pagina.
Comprendo che dovrei costruire comunque la pagina di contatto (solo nel caso in cui l'utente non abbia JavaScript acceso) e quindi utilizzare JavaScript se l'hanno capito.
Allora, dove conserisco l'HTML per il modulo se non voglio averlo in due posti?
(Normalmente non sono così schizzinoso, ma sono curioso di questo.)
Soluzione
Se si ha accesso a una lingua sul lato server, è possibile mantenere uno snippet separato del modulo in una pagina esterna.Quindi, è possibile includere lo snippet nella pagina del contenuto HTML con una chiamata include
appropriata.Questo ha il vantaggio aggiunto che, per il tuo JavaScript, è possibile tirare il modulo di contatto da questo file snippet utilizzando Ajax.In effetti, molti plugin consentono di visualizzare Windows DHTML con contenuto HTML.Ad esempio, controlla spessoBox .
Senza una lingua sul lato server, puoi fare qualcosa di simile con i fotogrammi.Basta visualizzare lo snippet del modulo in una cornice quando è necessario rivolgerlo.Personalmente, non mi piacciono i fotogrammi molto, quindi questa non è una soluzione molto attraente per me, ma puoi usarlo se si sceglie (e modella i fotogrammi in modo appropriato).
Altri suggerimenti
Basta inserire il tuo HTML per il modulo di contatto in un file .html.Supponendo che tu stia usando PHP o qualcosa, basta includere il file nella pagina di contatto e includerlo nella sezione per il tuo modulo di contatto dinamico.Il modulo dovrebbe comunque sottomettersi alla stessa pagina sul lato server e avere lo stesso aspetto e sentire ..
E.G.contactform.html
<div class="contact-form">
<input ....>
</div>
.