elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 13:54  


Tema destacado: Suscripción al boletín mensual de elhacker.net

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  Mostrar y ocultar div con deslizamiento
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Mostrar y ocultar div con deslizamiento  (Leído 2,006 veces)
Poizonus

Desconectado Desconectado

Mensajes: 12


Ver Perfil
Mostrar y ocultar div con deslizamiento
« en: 20 Julio 2011, 16:47 »

Buenas a todos
necesito saber si saben algun JS que permita ocultar y mostrar div

Que al darle clic en "Panel CP" se oculte y que si le dan de nuevo se muestre un DIV.
Pero que por defecto se muestre.

Para mejor ejemplo quiero lograr esto :
http://www.mybbtema.net/
Le dan clic en "paneli ac - kapa "

Como veran .. el div se oculta y se muestra con una velocida. eso es lo que me gusta.
Encontré js pero cuando se le daba mostrar ocultar aparecía y desaparecía como un flash. Lo que yo quiero es que se desplaze igual porfavor.

Y que si se pudiera que no salga # despues de hacer clic "Panel CP"
Ya que aveces cuando se hacer clic alli arriba aparece #

Gracias por su ayuda.


« Última modificación: 20 Julio 2011, 17:06 por Poizonus » En línea
drvy | BSM


Desconectado Desconectado

Mensajes: 1.129


badstupidmonkey


Ver Perfil WWW
Re: Mostrar y ocultar div con deslizamiento
« Respuesta #1 en: 20 Julio 2011, 17:02 »

Jquery.




Saludos


En línea
Poizonus

Desconectado Desconectado

Mensajes: 12


Ver Perfil
Re: Mostrar y ocultar div con deslizamiento
« Respuesta #2 en: 20 Julio 2011, 17:07 »

Disculpen..
Quisiera sabes mi me pueden pasar los codigos.. porque yo no se nada de JS y Jquery
En línea
RedZer


Desconectado Desconectado

Mensajes: 654



Ver Perfil
Re: Mostrar y ocultar div con deslizamiento
« Respuesta #3 en: 20 Julio 2011, 17:13 »

Disculpen..
Quisiera sabes mi me pueden pasar los codigos.. porque yo no se nada de JS y Jquery
puedes buscar en google tu tema no es nada nuevo hay un sin fin de code para lo k deceas
http://www.desarrolloweb.com/articulos/mostrar-ocultar-elementos-jquery.html
http://www.desarrolloweb.com/articulos/efectos-rapidos-jquery.html
http://nexxuz.com/ocultar-y-mostrar-div-elementos-facilmente-con-jquery-toggle.html
En línea

Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
Poizonus

Desconectado Desconectado

Mensajes: 12


Ver Perfil
Re: Mostrar y ocultar div con deslizamiento
« Respuesta #4 en: 20 Julio 2011, 17:17 »

Citar
Encontré js pero cuando se le daba mostrar ocultar aparecía y desaparecía como un flash. Lo que yo quiero es que se desplaze igual porfavor.

Ya había visto esos y no son igual al del mybbtema.net .
El ultimo es igual pero  lo probé en una web normal y no funciona.
« Última modificación: 20 Julio 2011, 17:20 por Poizonus » En línea
RedZer


Desconectado Desconectado

Mensajes: 654



Ver Perfil
Re: Mostrar y ocultar div con deslizamiento
« Respuesta #5 en: 20 Julio 2011, 17:25 »

Ya había visto esos y no son igual al del mybbtema.net .
El ultimo es igual pero  lo probé en una web normal y no funciona.
puedes poner el code que estas ocupando? seguro k tienes la libreria de jquery?
En línea

Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
Poizonus

Desconectado Desconectado

Mensajes: 12


Ver Perfil
Re: Mostrar y ocultar div con deslizamiento
« Respuesta #6 en: 20 Julio 2011, 17:35 »

Código:
<input type="button" value="Ocultar/Mostrar" onclick='$("#nombre_div").toggle(200);'>
<div id="nombre_div" style="background-color:#eeeeee;border:1px solid">
Este Div Se Oculta
</div>

Disculpa, pero no se mucho de esto. y nosabia k se tenia que tener una librería jquery.

No se nada de Js.
Solo quería buscar un code. para adaptarlo a un theme de un foro.
En línea
drvy | BSM


Desconectado Desconectado

Mensajes: 1.129


badstupidmonkey


Ver Perfil WWW
Re: Mostrar y ocultar div con deslizamiento
« Respuesta #7 en: 20 Julio 2011, 17:39 »

Debes llamar a jquery para que este pueda procesar el código. Esto se hace poniendo
Código:
<script type="text/javascript" src="lugardondeestalalibreria"></script>
en el head.

Tutorial basico de jquery

Este foro no es para pedir y entregar. La idea es que puedas aprender a hacer lo que estas preguntando y no hacer copy y paste y listo.


Saludos
En línea
Poizonus

Desconectado Desconectado

Mensajes: 12


Ver Perfil
Re: Mostrar y ocultar div con deslizamiento
« Respuesta #8 en: 20 Julio 2011, 17:48 »

Esque lo necesito urgente para una actualización.
Esto de aprender me puede tomar tiempo.

Yo puedo analizar los codigos masomenos para saber que funciones trata. Pero ya voy casi como un dia tratando de construir un codigo para poder hacer lo que quiero y no lo por ultimo opte a venir a pedir ayuda aquí.

Eso lo necesito para ponerle un mi foro ya que lo que tengo que hacer después es mucho demora mas que esto.
En línea
RedZer


Desconectado Desconectado

Mensajes: 654



Ver Perfil
Re: Mostrar y ocultar div con deslizamiento
« Respuesta #9 en: 20 Julio 2011, 21:52 »

Esque lo necesito urgente para una actualización.
Esto de aprender me puede tomar tiempo.

Yo puedo analizar los codigos masomenos para saber que funciones trata. Pero ya voy casi como un dia tratando de construir un codigo para poder hacer lo que quiero y no lo por ultimo opte a venir a pedir ayuda aquí.

Eso lo necesito para ponerle un mi foro ya que lo que tengo que hacer después es mucho demora mas que esto.

solo es un archivo que debes de guardar en tu carpeta donde tengas tu proyecto buscalo asi en google libreria jquery despues solo lo mandas a llamar asi como lo ase aki drvy | BSM
<script type="text/javascript" src="lugardondeestalalibreria"></script>
Nota:al archivo jquery no le tienes que mover absolutamente nada
« Última modificación: 20 Julio 2011, 22:03 por RedZer » En línea

Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
Poizonus

Desconectado Desconectado

Mensajes: 12


Ver Perfil
Re: Mostrar y ocultar div con deslizamiento
« Respuesta #10 en: 21 Julio 2011, 16:47 »

Gracias RedZer

Busqué en google librería jquery pero encontrabas temas que se desviaban de lo que buscaba.

Busque en jquery y encontré download. Y creo que esta es la librería http://code.jquery.com/jquery-1.6.2.min.js

Lo puse en el src del script y me funcionó.

Mira, quedó igual que al de www.mybbtema.net
Y aki esta el mio: www.foromybb.byethost12.com (Es un foro de prueba)

Gracias por tu ayuda. Me resolviste el apuro.

¿Eso de librería de Jquery es como un archivo con muchos codigos para que puedan funcionar esto ?
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Ocultar/Mostrar consola
Programación C/C++
Thaorius 4 492 Último mensaje 23 Enero 2007, 21:01
por Thaorius
Mostrar / Ocultar automaticamente
Desarrollo Web
Cergath 9 2,376 Último mensaje 25 Febrero 2010, 20:23
por Nakp
Ocultar y mostrar elementos una vez logueado.
PHP
tomeu00 3 2,094 Último mensaje 5 Abril 2011, 21:44
por takipunk
Ocultar/Mostrar panel
Java
Xedrox 3 1,924 Último mensaje 6 Julio 2011, 02:50
por Xedrox
Mostrar/Ocultar n DIV con javascript. [Solucionado]
Desarrollo Web
Darhius 4 513 Último mensaje 18 Abril 2012, 17:25
por Darhius
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines