manejo de divs html

[emilio_alac05]

Hola amigos necesito una ayuda tengo un problema.
tengo una pagina principal donde contiene unos enlaces

----------------------------
inicio| contacto| blog
----------------------------

como hago que cuando le de clik a un enlace me muestre el contenido de contacto en el mismo div, asi tambien para blog, digamos

Código HTML:

<ul>
   <li><a href="inicio.html">Inicio</a></li>
   <li><a href="icontacto.html">contacto</a></li>
   <li><a href="blog.html">blog</a></li> 
</ul> 

agradezco su respuesta, enviandole un saludos, gracias.

[fegm_4]

Si quieres que solo se modifique el div, puedes trabajar con ajax y un poco de javascript

[cahl92]

Quizas algo de jquery y su funcion de append, este manual es muy bueno http://librojquery.com/

[caricatos]

Hola:

Hablando de html sin depender de javascript, necesitas un iframe y los enlaces con un target igual al atributo name del iframe...

Infórmate sobre las consecuencias seo de lo que quieres... tal vez no te importe por el momento, pero tarde o temprano a todos nos interesa...

Saludos

[GusleonP]

Hola, sin meterte con JS o IFRAME, utiliza enlaces ancla para mostrar X contenido. Te dejo un pequeño ejemplo hecho con listas, asi tienes diferentes contenidos y los muestras con los enlaces...ya es cuestion de jueges con eso y listo:


CSS

Código CSS:

ul{width:100%; list-style:none; margin:0px; padding:0px; width:200%}
ul li{float:left}
ul li#uno{background:#666; height:100%; width:50%}
ul li#dos{background:#ccc; height:100%; width:50%}
body{overflow-x:hidden}
 

HTML

Código HTML:

<ul>
<li id="uno"><a href="prueba.html#dos">IR A DOS</a></li>
<li id="dos"><a href="prueba.html#uno">IR A UNO</a>
</li>
</ul>
 

Crea un HTML guardalo como prueba.html y veras como funciona el tema. Si quieres agregar mas LI o "pantallas" a tu diseño solo agrega un nuevo LI y modifica el ancho del UL, en este ejemplo esta en 200% por que solo hay dos LI, si son 3, el ancho del UL sera 300% y así sucesivamente.

Esto lo hice para otra cosa, pero es super simple y con algunos ajustes hace loq ue quieres sin cosas raras.

Espero sea claro ;)