Como carregar o AJAX para substituir um formulário iFrame

Escrito por quinn marshall | Traduzido por marcos vinicios de araújo barros
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

Um formulário iFrame é uma página em HTML incorporada em uma pequena parte da página principal, que também é em HTML. Para esse propósito, o iFrame é considerado uma forma bastante controversa para se criar um formulário em HTML. Porém, é possível evitar esse método e ainda obter um formulário eficiente e simples, usando o AJAX. Este é um modelo assíncrono de JavaScript e XML que permite a utilização de elementos complexos de páginas sem ter que saber códigos longos. Um formulário com AJAX substitui completamente um iFrame.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Abra o arquivo da página que você deseja substituir o iFrame. Para carregar o arquivo você deve clicar nele e o arrastá-lo para dentro do bloco de notas que deve estar aberto.

  2. 2

    Insira o script do formulário entre as tags "<HEAD>" e "</HEAD>" no documento. O script irá variar de acordo com o seu próprio estilo de codificação e conforme as necessidades do site. Para criar um formulário básico, cole o seguinte código no seu arquivo de página:

    function ajaxpage(http://www.seusite.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) }

    Se você quiser criar um formulário não suportado pelo Internet Explorer, acrescente a linha de comando “if (window_XMLHttpRequest)”, sem as aspas, sob a parte "var page_request". Caso contrário, adicione o código “else if (window_ActiveXObject){" under "page_request=new” se você deseja criar um formulário que funcione especificamente no IE.

    Troque a parte "AJAXFORM" pela identificação específica do formulário que você deseja usar. A identificação pode ser configurada para funcionar com a sua folha de estilo - CSS, simplesmente, para personalizar o estilo.

  3. 3

    Adicione o seguinte script do formulário com AJAX à sua página, no local onde você quer que o formulário apareça:

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

    Substitua a parte "theformpage.html" pelo nome do arquivo em HTML que você deseja carregar no formulário com AJAX.

  4. 4

    Clique em "Arquivo" e depois em "Salvar" para salvar as alterações feitas no arquivo. Feche o bloco de notas.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível