Problema con div

Mi idea es hacer un menù en un div, y que, al dar click en las opciones de este menù, el destino se habra en otra div , evitando asì que se recargue la pàgina entera.. algo asì como macros pero con divs. Espero se comprenda mi explicaciòn y gracias de antemano por su ayuda.

Explica un poquito mejor, porque no se te entiende mucho.

Lo que vos queres hacer, por lo que entiendo, es un menu dinamico... que le des click y se despliegue de alguna forma.

Para eso deberias buscar sobre Javascript, AJAX, jQuery y DOM(Document Object Modeling) que es lo que permite hacer que tu pagina sea dinamica, con html puro no se puede hacer eso.

Otra cosa, si recién estas aprendiendo html, trata de usar las etiquetas de html5, para los menues ya no se usa <div> sino que es <nav>.

Es por un tema de semantica y SEO.

leojg escribió:

Lo que quiero hacer es lo que explica este tutorial: http://www.cristalab.com/tutoriales/tutorial-de-ajax-c162l/

Exactamente eso, nada más. Ahora bien, inserto el código, creando las 4 páginas (ajax.html, estilos.css tutorial1.htm y tutorial2.htm), al abrir ajax.htm el menú esta cargado y el div donde deberían abrirse las páginas también. Pero al hacer click no ocurre ninguna acción. Me parece que me falta establecer la función "llamarasincrono" pero no sé como hacerlo ya que estoy aprendiendo.

Gracias por responder amigo!

Intenté poniendo este código:

Código Javascript :

//variable global
var i=1;
//URI: dirección del RSS 2.0 (funciona con WordPress)
var URI='blog.php';
//función: llamarasincrono('URI', 'div-id',i);
llamarasincrono(URI, 'id_contenedor',i);
// Esta función cargará la info
function llamarasincrono(url, id_contenedor,N){
   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,N)
   }
   pagina_requerida.open('GET', url, true) // asignamos los métodos open y send
   pagina_requerida.send(null)
}

en el archivo llamado codigo.js pero no funcionó.

Qué estoy haciendo mal?

Logré hacerlo funcionar no estaban los nombres en el archivo js bien puestos.

Ahora , sólo puedo linkear archivos en el mismo servidor, cuando intento poner otras páginas externas, (es decir, en lugar de /tutorial1.htm poner http://www.mipaginaenotroserver.com) no carga la página, el div queda en blanco

A qué se debe?

Gracias de antemano!

Debes tener en cuenta que Ajax posee una restricción de seguridad por la cual no puedes hacer peticiones a un dominio diferente del que está siendo usado en ese momento (se llama "same origin policy"), esto es, si tu script se está ejecutando en el dominio "misitio.com", no puedes lanzar una petición Ajax a un dominio que no sea "misito.com".

OK entonces debe haber sido por eso. Muchas gracias!