Cómo cargar AJAX para reemplazar iFrame

Escrito por quinn marshall | Traducido por analia moranchel
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo cargar AJAX para reemplazar iFrame
Un formulario de iFrame es una página HTML que se incrusta en una sección limitada de una página HTML principal (Hemera Technologies/AbleStock.com/Getty Images)

Un formulario de iFrame es una página HTML que se incrusta en una sección limitada de una página HTML principal. Como tal, se considera una manera algo torpe para crear un formulario web. Puedes evitar este método y todavía tener una forma simple y efectiva de usar AJAX, una forma asincrónica de JavaScript y XML que te permite utilizar elementos de página complejos sin codificación amplia de aprendizaje. Un formulario de AJAX substituye por completo el de iFrame.

Otras personas están leyendo

Instrucciones

  1. 1

    Abre el archivo de la página web en la que deseas reemplazar el iFrame. Abre el Bloc de notas, luego haz clic y arrastra el archivo web en el editor de texto abierto para cargarlo.

  2. 2

    Inserte el código del formulario entre las etiquetas "<HEAD>" y "</HEAD>" en el documento. El código variará según las necesidades de codificación de estilo y web. Para un formulario básico, pega el siguiente código en el archivo de la página web:

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

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

    Agrega la línea "if (window_XMLHttpRequest)" bajo "var page_request" si deseas específicamente crear un soporte de formulario que no sea de Internet Explorer. Omite las comillas que rodean el código aquí y en todas partes. Agrega el código "else if (window_ActiveXObject){" bajo "page_request = new" si quieres crear soporte de formulario específicamente para Internet Explorer.

    Modifica "AJAXFORM" al formulario ID específico que deseas utilizar. Puedes configurarlo para que funcione con tu hoja CSS para una sencilla personalización de estilo.

  3. 3

    Añade el siguiente código de formulario AJAX a tu página web en la ubicación en que deseas que el formulario aparezca:

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

    Reemplaza "paginadeformulario.html" con el nombre real del archivo HTML al que deseas cargar el formulario AJAX.

  4. 4

    Haz clic en "Archivo" y luego en "Guardar" para guardar los cambios realizados en el archivo. Cierra el Bloc de notas.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles