Foros del Web » Creando para Internet » CSS »

Div que desaparezca y aparezca

Estas en el tema de Div que desaparezca y aparezca en el foro de CSS en Foros del Web. Hola a todos, lo que necesito es (creo) simple, hago un div, dentro de el pongo texto y/o una imagen, cuando preciono sobre ese div, ...
  #1 (permalink)  
Antiguo 08/02/2011, 15:38
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 783
Antigüedad: 10 años, 4 meses
Puntos: 7
Pregunta Div que desaparezca y aparezca

Hola a todos, lo que necesito es (creo) simple, hago un div, dentro de el pongo texto y/o una imagen, cuando preciono sobre ese div, que aparezca otro en la misma pagina, obvio que el que aparezca ya estaba prebiamente creado.

Gracias de antemano a todos

saludos
fede
  #2 (permalink)  
Antiguo 08/02/2011, 15:49
Avatar de triibhals  
Fecha de Ingreso: agosto-2010
Mensajes: 93
Antigüedad: 7 años, 3 meses
Puntos: 1
Respuesta: Div que desaparezca y aparezca

Cita:
Iniciado por fedefrankk Ver Mensaje
Hola a todos, lo que necesito es (creo) simple, hago un div, dentro de el pongo texto y/o una imagen, cuando preciono sobre ese div, que aparezca otro en la misma pagina, obvio que el que aparezca ya estaba prebiamente creado.

Gracias de antemano a todos

saludos
fede
Facil con Fading-jQuery API
le das Efectos de aparecer y Desaparecer al DIV
http://api.jquery.com/category/effects/fading/
__________________
No Deseo Suerte, Porque la Suerte es para la gente que no esta preparada, Te Deseo Exito ;D

http://www.paulpalacios.tk
  #3 (permalink)  
Antiguo 08/02/2011, 16:42
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 783
Antigüedad: 10 años, 4 meses
Puntos: 7
Pregunta Respuesta: Div que desaparezca y aparezca

Hola muchas gracias por contestar, que buena que esta esa web, ya probe los ejemplos excelentes.!!!...

algo mas sencillo?, por ejemploalgo asi?

<div onclick="alert('Has pinchado');">

yo tengo dos div, uno que se llama "num1" otro "num2", como hago para relacionarlo esconder uno o mostrarlo desde un boton.

yo hice algo asi pero no funciono
<div onclick="visibility='hidden';>

saludos y muy buenos los ejemplos
fede
  #4 (permalink)  
Antiguo 08/02/2011, 18:40
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Div que desaparezca y aparezca

algo mas simple? mmmm te sirve este ejemplo?
Código CSS:
Ver original
  1. .ocultar{display:none;}
Código HTML:
Ver original
  1. <span onclick="mostrar('hola')">hola mundo</span>
  2. <div id="hola" class="ocultar">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>
  3. <script type="text/javascript">
  4.     function mostrar(id){
  5.         var NuevaCapa = document.getElementById(id);
  6.         if(NuevaCapa.className == 'ocultar'){
  7.             NuevaCapa.className = '';
  8.         }
  9.         else{
  10.             NuevaCapa.className = 'ocultar';
  11.         }
  12.     }
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #5 (permalink)  
Antiguo 08/02/2011, 21:00
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 783
Antigüedad: 10 años, 4 meses
Puntos: 7
Pregunta Respuesta: Div que desaparezca y aparezca

Hola buenisimo.!!! ese anda de 10 y es por mi entendible, una pregunta no quiero abusar de tu tiempo, cuando pones

Código HTML:
Ver original
  1. <span onclick="mostrar('hola')">hola mundo</span>

como puedo hacerlo eso mismo pero precionando otro div o un boton.

Muchas gracias, me sacaste de muchas dudas,
saludos
fede

Última edición por fedefrankk; 08/02/2011 a las 21:19
  #6 (permalink)  
Antiguo 08/02/2011, 21:20
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 783
Antigüedad: 10 años, 4 meses
Puntos: 7
Pregunta Respuesta: Div que desaparezca y aparezca

Hola de nuevo, si quiero que el texto a mostrar me salga con un fondo distinto, hago lo siguiente y nada....


Código HTML:
Ver original
  1. <style type="text/css">
  2. .ocultar{
  3.     display:none;
  4.     background:#09F;
  5.     }
  6.  


Saludos
fede
PD: GRACIAS POR TU PACIANCIA-
  #7 (permalink)  
Antiguo 08/02/2011, 23:00
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Div que desaparezca y aparezca

estoy en un celular asi que te dare ideas y no codigo.... En la funcion onclic puse la palabra hola entre comillas alli coloca la Id del div que deseas ocultar y mostrar, el onclic lo puedes usar en cualquier elemento, parrafos, enlaces, botones,etc.

Para los estilos puedes crear otra class y modifica el java yo indique que el classname=''
Para que lo mueste tu coloca en su lugar classname='visible'
Y en el css
.visible(display:block;background:#fe0;)
Con eso deberia andar...
Ps: hay dispensa las faltas ortograficas y el css mal hecho ñ.ñ
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #8 (permalink)  
Antiguo 09/02/2011, 10:30
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 783
Antigüedad: 10 años, 4 meses
Puntos: 7
Pregunta Respuesta: Div que desaparezca y aparezca

Muchas gracias por tu tiempo, mucho no entiendo estoy aprendiendo

Saludos
fede
  #9 (permalink)  
Antiguo 09/02/2011, 12:38
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 783
Antigüedad: 10 años, 4 meses
Puntos: 7
Pregunta Respuesta: Div que desaparezca y aparezca

Hola, disculpa que sea tan pesado, me salio lo entendi y te agradezco mucho, como puedo hacer lo mismo pero pasar el maus y que aparezca un div y scar el maus y que desaparezca,

vos pusite

Código CSS:
Ver original
  1. <div class="num1" id="1" onclick="fun01()">mi texto</div>

yo hice esto

Código CSS:
Ver original
  1. <div class="num1" id="1" onmouseover="fun01()">mi texto</div>

paso el maus por el primer div aparecese el segundo div, pero tengo que pasar el maus otra vez por el primer div para que desaparezca el segundo, se puede hacer si tener que pasar el maus por el primero?.

Muchas Gracias
Saludos
fede

Etiquetas: Ninguno
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 00:29.