Alternativas a los IFRAME con Ajax

Alternativas a los IFRAME con Ajax

Código Javascript

Por ASP clásico / 30/07/2012 @ 16:16:41 / 1497 visitas

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);

Descubre más sobre cómo simplificar y optimizar tu trabajo empresarial en el Blog de CoreASP.

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