Limpiar contenido de Div y mostrar nuevo

[arcanisgk122]

buenos días chicos, me acerco a ustedes buscando una respuesta a una inquietud que traigo hace rato y la cual no he encontrado solución.

tengo un menú de esta clase:

Código HTML:

<div id="wrapper">
    <ul class="menu">
        <li class="item1"><a href="#">Usuario<span><?php echo "ID: <b> 00" . $_SESSION['id'] . "</b>  "; ?></span></a>
            <ul>
                <li class="subitem1"><a href="nowork.php">Editar Perfil <span>►</span></a></li>
                <li class="subitem2"><a href="nowork.php">Mensajes<span>>><?php /*Cantidad de mensajes resividos*/ ?></span></a></li>
                <li class="subitem3"><a href="nowork.php">Actividades<span>>><?php /*Cantidad de mensajes resividos*/ ?></span></a></li>
            </ul>
        </li>
 

en dicho menú tengo algunos link

en la misma pagina tengo un Div

Código HTML:

<div id="contenido" >asdasdasdasd </div>
 

utilizo el siguiente evento y función para limpiarlo:

Código Javascript:

function limpiar(){
   document.getElementById("contenido").innerHTML="";
}
 

el problema esta en que ahora quisiera hacer que cargue un contenido diferente dependiendo de cada link

ejemplo:

Código HTML:

<li class="item1"><a href="#">Usuario<span><?php echo "ID: <b> 00" . $_SESSION['id'] . "</b>  "; ?></span></a>
    <ul>
        <li ><a href="nowork.php" onclick="eliminar( <?php include(contenido1.php) ?> )">Editar Perfil <span>►</span></a></li>
        <li ><a href="nowork.php" onclick="eliminar( <?php include(contenido2.php) ?> )">Mensajes<span>>><?php /*Cantidad de mensajes resividos*/ ?></span></a></li>
        <li ><a href="nowork.php" onclick="eliminar( <?php include(contenido3.php) ?> )">Actividades<span>>><?php /*Cantidad de mensajes resividos*/ ?></span></a></li>
    </ul>
</li>
 

a por ejemplo

Código Javascript:

function limpiar(){
   document.getElementById("contenido").innerHTML="";
   document.getElementById("contenido").innerHTML=" Valor dela función onclick "; deveria de cargar el valor <?php include(contenido3.php) ?>
}
 

y el div deveria de quedar seteado:

Código HTML:

<div id="contenido" >
<?php include(contenido3.php) ?>
</div>
 

hasi cargaria lo que yo tenga en el archivo contenido PHP sin cambiar la url ni nada...

y que reciba el valor de la función onclick del link y la recargue en el mismo div....
espero me comprendan a ver quien me tira una mano...

La idea es hacerlo de esta forma dinámico sin tener que cambiar de pagina o URL...

muchas gracias

[arcanisgk122]

me he encontrado con esto pero no se como usarlo:

Código Javascript:

function Carga(url,id)
{
//Creamos un objeto dependiendo del navegador
var objeto;
if (window.XMLHttpRequest)
{
//Mozilla, Safari, etc
objeto = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
//Nuestro querido IE
try {
objeto = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try { //Version mas antigua
objeto = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!objeto)
{
alert("No ha sido posible crear un objeto de XMLHttpRequest");
}
//Cuando XMLHttpRequest cambie de estado, ejecutamos esta funcion
objeto.onreadystatechange=function()
{
cargarobjeto(objeto,id)
}
objeto.open('GET', url, true) // indicamos con el método open la url a cargar de manera asíncrona
objeto.send(null) // Enviamos los datos con el metodo send
}
 

función:

Código Javascript:

function cargarobjeto(objeto, id)
{
if (objeto.readyState == 4) //si se ha cargado completamente
document.getElementById(id).innerHTML=objeto.responseText
else //en caso contrario, mostramos un gif simulando una precarga
document.getElementById(id).innerHTML='<img src="loader.gif" alt="cargando" />'
}
 

HTML

Código HTML:

<a href="javascript:Carga(cargar.html, contenido);" title="Cargar contenido">Cargar contenido</a>
 

alguien me lo explica???

[arcanisgk122]

listo hice que funcionara pero ahora tengo otro problema con el mismo script.

Código HTML:

<a href="javascript:Carga('cargar.php', 'contenido');" title="Cargar contenido">Cargar contenido</a>
 

[arcanisgk122]

rebuscando con el IE: me dio esto

Detalles de error de página web

Agente de usuario: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/6.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C; .NET4.0E)
Fecha: Sun, 20 Jan 2013 22:10:39 UTC

Código HTML:

Mensaje: No se puede obtener la propiedad 'getEditor' de referencia nula o sin definir
Línea: 252
Carácter: 105
Código: 0
URI: http://localhost/ckeditor/ckeditor.js