Tecnología

Inicio

Cómo cargar AJAX para reemplazar iFrame

April 27

Una forma iFrame es una página HTML que está incrustado en una sección limitada de una página HTML principal. Como tal, se considera una forma bastante torpe para crear un formulario web. Puede evitar este método y todavía tienen una forma simple y efectiva usando AJAX, una forma asíncrona de JavaScript y XML que le permite utilizar los elementos de página complejos sin dificultades de aprendizaje extensa codificación. Un formulario AJAX reemplaza completamente a una forma iFrame.

Instrucciones

1 Abra el archivo de la página Web en la que se desea reemplazar el marco flotante. Abrir Bloc de notas, a continuación, haga clic y arrastre el archivo Web en el editor de texto abierto para cargarlo.

2 Inserte el guión de la forma entre el "<HEAD>" y "</ HEAD>" etiquetas en el documento. El guión de la forma puede variar en función de sus propias necesidades de estilo de codificación y sitios Web. Para una forma básica, pegue el siguiente código en su archivo de página Web:

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

tratar {
page_request = trueActiveX_Object ( "Msxml2_XMLHTTP")
}
catch (e) {
tratar{
page_request = true ActiveX_Object ( "Microsoft_XMLHTTP")
}
catch (e) {
}
}
más
falso retorno
page_request (onreadystatechange = function () {
LoadPage (page_request, AJAXFORM)
}

Agregue la línea "si (window_XMLHttpRequest)" (omitir las comillas que rodean el código aquí y en todo) en "page_request var" si desea crear un apoyo específicamente forma no Internet Explorer. Agregue el código "else if (window_ActiveXObject) {" bajo "page_request = nuevo" si desea crear un apoyo específicamente formulario de Internet Explorer.

Cambio "AJAXFORM" al ID de forma específica que desea utilizar, que puede configurar para trabajar con su hoja CSS para la personalización simplemente estilo.

3 Añadir la siguiente forma de guión AJAX a su página web en la ubicación en la que desea que aparezca el formulario:

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

Reemplazar "theformpage.html" con el nombre real del archivo HTML que desea cargar en el formulario AJAX.

4 Haga clic en "Archivo", luego "Guardar" para guardar los cambios realizados en el archivo. Cierre Bloc de notas.