Foros del Web » Creando para Internet » CSS »

div oculto

Estas en el tema de div oculto en el foro de CSS en Foros del Web. Saludos amigos !! tengo una curiosidad que ya ando resulviendo por medio de la web, solo que necesito informacion de los expertos de este foro, ...
  #1 (permalink)  
Antiguo 07/12/2009, 15:45
 
Fecha de Ingreso: agosto-2009
Mensajes: 95
Antigüedad: 8 años, 3 meses
Puntos: 0
div oculto

Saludos amigos !! tengo una curiosidad que ya ando resulviendo por medio de la web, solo que necesito informacion de los expertos de este foro, bien, tengo el siguiente codigo :

Cita:

//en este div pienso colocar todos los demas Div
#contenedor{
width:981px;
height:610px;
position:relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url();
}


//Aqui quiero poner una botonera
#menu{
width:140px;
border:7px solid #DDDDCA;
color:#878767;
margin-top: 0;
margin-right: 0;
margin-bottom: 4px;
padding-top: 5px;
padding-right: 1px;
padding-bottom: 6px;
padding-left: 1px;
height: 480px;
float: left;
margin-left: 1px;
}

//contenido1 aqui pretendo hubicar contenido "principal" que cuando el usuario
//abra la pag en donde esta este codigo, este div se muestre

#con1{
width:640px;
border:#DDDDCA solid 7px;
color:#878767;
margin-top: 0;
margin-right: 0;
margin-bottom: 4px;
padding-top: 5px;
padding-right: 1px;
padding-bottom: 6px;
padding-left: 1px;
height: 480px;
float: left;
margin-left: 2px;
}

//contenido 2; explicare mas a detalle de lo que quiero hacer!
#con2{
width:640px;
border:#DDDDCA solid 7px;
color:#878767;
margin-top: 0;
margin-right: 0;
margin-bottom: 4px;
padding-top: 5px;
padding-right: 1px;
padding-bottom: 6px;
padding-left: 1px;
height: 480px;
float: left;
margin-left: 2px;
}
Teniendo esto como base, lo que quiero hacer es que, cuando un usuario pulse el boton1 del div menu "jale" otro div (con2) y que con1 desaparesca, es decir que con2 tome el lugar de con1.......si el usuario pulsa boton2 del div menu "jale" otro div (con3) y que tome el lugar de con2..... y esto para n botones! hasta el momento he logrado que aparescan los div, pero no he logrado que tomen el lugar de otrol otro div, uso el sigueinte script :

Cita:
<script language="JavaScript">

function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('con2');/* "con2" es el nombre que le dimos al DIV */
}
</script>
Esto lo hago con dos archivos: El html que jala al css.
Ahora solo falta que el div que es llamado por el boton Ocupe el lugar del div que se esta mostrando, como hago esto posible?

Última edición por erick_perez; 07/12/2009 a las 15:50
  #2 (permalink)  
Antiguo 07/12/2009, 16:02
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: div oculto

Bueno, compañero..

explicate mejor lo que quieres, no entiendo bien, dale con ejemplos y te ayudaremos con gusto.

Edit:

quieres hacer lo de mi web?..

www.westden.net
  #3 (permalink)  
Antiguo 07/12/2009, 16:31
 
Fecha de Ingreso: agosto-2009
Mensajes: 95
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: div oculto

Que tal Prendekz exactamente compañero es lo que quiero hacer, en especial lo que hace el boton "sitiosweb" en secion "portafolio"....

Última edición por erick_perez; 07/12/2009 a las 16:42
  #4 (permalink)  
Antiguo 07/12/2009, 16:38
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: div oculto

Bueno, enviame un MP con tu msn, asi te ayudaré con todo el gusto.
  #5 (permalink)  
Antiguo 07/12/2009, 16:48
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 9 años, 4 meses
Puntos: 105
Respuesta: div oculto

ESO es acordion no???

mira estos links

google: http://www.google.com.pe/search?hl=es&client=firefox-a&rls=org.mozilla%3Aes-ES%3Aofficial&hs=lpm&q=accordion+javascript&btnG=B uscar&meta=&aq=f&oq=

acordion horizontal: http://bassistance.de/jquery-plugins...gin-accordion/

acordion vertical: http://letmehaveblog.blogspot.com/20...accordion.html

suerte.
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog
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 08:49.