Come caricare AJAX per sostituire iFrame

January 6

Una forma iFrame è una pagina HTML che è incorporato in una sezione limitata di una pagina HTML principale. Come tale, è considerato un modo piuttosto grossolano per creare un modulo Web. È possibile evitare questo metodo e hanno ancora una forma semplice, efficace utilizzando AJAX, una forma asincrono di JavaScript e XML che consente di utilizzare gli elementi della pagina complessi senza apprendimento vasta codifica. Una forma AJAX sostituisce completamente un modulo iFrame.

istruzione

1 Aprire il file della pagina Web in cui si desidera sostituire il iFrame. Aprire il Blocco note, quindi fare clic e trascinare il file Web in editor di testo aperto a caricarlo.

2 Inserire lo script del modulo tra il "<HEAD>" e "</ HEAD>" tag nel documento. La sceneggiatura del modulo può variare in base il proprio stile di codifica e di siti web bisogni. Per una forma di base, incolla il seguente codice nel file pagina Web:

Funzione ajaxpage (http://www.yourwebsite.com, AJAXFORM) {
var page_request = true
page_request = new XMLHttpRequest ()

provare {
page_request = trueActiveX_Object ( "Msxml2_XMLHTTP")
}
catch (e) {
provare{
page_request = true ActiveX_Object ( "Microsoft_XMLHTTP")
}
catch (e) {
}
}
altro
return false
page_request (onreadystatechange = function () {
loadpage (page_request, AJAXFORM)
}

Aggiungere la riga "if (window_XMLHttpRequest)" (omettere le virgolette che circondano il codice qui e in tutto) alla voce "var page_request", se si desidera creare specifico supporto forma non-Internet Explorer. Aggiungere il codice "else if (window_ActiveXObject) {" sotto "page_request = new", se si desidera creare specifico sostegno sotto forma di Internet Explorer.

Change "AJAXFORM" per la specifica ID modulo che si desidera utilizzare, che può essere impostato per funzionare con il vostro foglio di CSS per la personalizzazione semplice stile.

3 Aggiungere il seguente script modulo AJAX per la pagina Web nella posizione in cui si desidera visualizzare il modulo:

<a href="javascript:ajaxpage('theformpage.html','contentarea');"> modulo </a>
<Div id = "contentarea"> </ div>

Sostituire "theformpage.html" con il nome effettivo del file HTML che si desidera caricare nel modulo AJAX.

4 Fare clic su "File", poi "Salva" per salvare le modifiche apportate al file. Chiudere il Blocco note.


Articoli Correlati