Alternativas a los IFRAME con Ajax

Código Javascript

Motor de AJAX


<script type="text/javascript">

function LoadPage(page,usediv,texto) {

    

    if (window.XMLHttpRequest)

  { xmlhttp = new XMLHttpRequest(); if (xmlhttp.overrideMimeType) { xmlhttp.overrideMimeType('text/html'); } }

  else if (window.ActiveXObject)

  {

    try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }

    catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} }

  }



  if (!xmlhttp) { results('Falla :(<br>No es posible crear una instancia XMLHTTP'); return false; }





        document.getElementById(usediv).innerHTML = '<center><font class="texto"><b>'+ texto +'</b></font></center>';

        xmlhttp.onreadystatechange = function(){

                if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {

                       document.getElementById(usediv).innerHTML = xmlhttp.responseText;

                }

        }

        xmlhttp.open("GET", page);

        xmlhttp.send();

        return false;

}

</script>

Ahora debes reemplazar tu iframes por un div, por ejemplo:


<div id="news"></div>

Y despues con el evento onClick en algun objeto pones:


LoadPage("pagina.php","news","cargando...");

El AJAX te lo arme para usar con GET y no manda parametros, si queres mandarle parametros seria algo asi (reemplaza el .send()) 


xmlhttp.send("txtNroSerie="+document.getElementById('txtNroSerie').value);

tags: alternativas a iframe, iframe, introduccion a ajax, alternativa iframe, alternativas a iframe, iframe een html, insertara iframe, iframe ejemplo, codigo iframe, i frame, iframes, iframes scroll, iframe dinamico, etiqueta iframe, iframe propiedades