Usar div como iframe

[eljuanlp]

Buenas, quiero usar un div como un iframe, en el sentido que,
tengo un menu como este

Código HTML:

<ul id="navi">
  <li><a href="#" onclick="cambiar('inicio')">Inicio</a></li>
  <li><a href="#" onclick="cambiar('funciona')">Como funciona?</a></li>
</ul>
</div> 

y un div como este

Código HTML:

<div id="contenido"><?php include ("contacto.html"); ?></div> 

la funcion javascript que hice es

Código HTML:

function cambiar(seccion)
{
  switch (seccion)
  {
	case 'inicio':
	document.getElementById('contenido').innerHTML = "<?php include ("inicio.html"); ?>";
	break;
	case 'funciona':
	document.getElementById('contenido').innerHTML = "<?php include ("funciona.html"); ?>";
	break;
	}
}

La idea es que, al apretar algun link del menu, me cambie la seccion
en el div "contenido", por ahora tengo una idea, pero me gustaria que
me ayuden, o me tiren algun ejemplo

gracias

Saludos.

[Heiroon]

Buenas compadre! para eso vas a necesitar ajax...

Código Javascript:

function llamarasincrono (url, id_contenedor)
{
    var pagina_requerida = false;
    if (window.XMLHttpRequest)
    {
        // Si es Mozilla, Safari etc
        pagina_requerida = new XMLHttpRequest ();
    } else if (window.ActiveXObject)
    {
        // pero si es IE
        try 
        {
            pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            // en caso que sea una versión antigua
            try
            {
                pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
            }
            catch (e)
            {
            }
        }
    } 
    else
    return false;
    pagina_requerida.onreadystatechange = function ()
    {
        // función de respuesta
        cargarpagina (pagina_requerida, id_contenedor);
    }
    //XHR.open('post',url+'?'+new Date().getTime(),true);
    pagina_requerida.open ('GET', url+'&'+new Date().getTime(), true); // asignamos los métodos open y send
    pagina_requerida.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, id_contenedor)
{
    if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
    document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
}
 

esa es la funcion llamar asincrono...

tienes que crear otro archivo el cual es el que se va a recargar... y llamas la funcion de este modo

function llamarasincrono (ubicacion del archivo, nombre del contenedor )

espero te ayude de algo!

[eljuanlp]

gracias, ahora lo veo y edito esta respuesta, para ver si funciono ok o no

saludos

[InKarC]

mmmm... y por que no usas iframes en vez de hacer llamadas Ajax?