Foros del Web » Creando para Internet » HTML »

manejo de divs html

Estas en el tema de manejo de divs html en el foro de HTML en Foros del Web. Hola amigos necesito una ayuda tengo un problema. tengo una pagina principal donde contiene unos enlaces ---------------------------- inicio| contacto| blog ---------------------------- como hago que cuando ...
  #1 (permalink)  
Antiguo 17/10/2013, 08:19
 
Fecha de Ingreso: septiembre-2012
Mensajes: 75
Antigüedad: 11 años, 6 meses
Puntos: 2
manejo de divs html

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.
  #2 (permalink)  
Antiguo 17/10/2013, 09:39
Avatar de fegm_4  
Fecha de Ingreso: febrero-2013
Mensajes: 114
Antigüedad: 11 años, 1 mes
Puntos: 8
Respuesta: manejo de divs html

Si quieres que solo se modifique el div, puedes trabajar con ajax y un poco de javascript
__________________
--
Aqui fegm_4
  #3 (permalink)  
Antiguo 29/11/2013, 16:47
 
Fecha de Ingreso: noviembre-2013
Mensajes: 2
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: manejo de divs html

Quizas algo de jquery y su funcion de append, este manual es muy bueno http://librojquery.com/
  #4 (permalink)  
Antiguo 29/11/2013, 16:56
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 21 años, 11 meses
Puntos: 1284
Respuesta: manejo de divs html

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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 04/12/2013, 10:18
Avatar de GusleonP  
Fecha de Ingreso: octubre-2013
Ubicación: Bogota
Mensajes: 24
Antigüedad: 10 años, 5 meses
Puntos: 2
Respuesta: manejo de divs html

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:
Ver original
  1. ul{width:100%; list-style:none; margin:0px; padding:0px; width:200%}
  2. ul li{float:left}
  3. ul li#uno{background:#666; height:100%; width:50%}
  4. ul li#dos{background:#ccc; height:100%; width:50%}
  5. body{overflow-x:hidden}

HTML
Código HTML:
Ver original
  1. <ul>
  2. <li id="uno"><a href="prueba.html#dos">IR A DOS</a></li>
  3. <li id="dos"><a href="prueba.html#uno">IR A UNO</a>
  4. </li>
  5. </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 ;)

Etiquetas: divs, href, manejo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:12.