Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Poizonus en 20 Julio 2011, 16:47 pm



Título: Mostrar y ocultar div con deslizamiento
Publicado por: Poizonus en 20 Julio 2011, 16:47 pm
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.


Título: Re: Mostrar y ocultar div con deslizamiento
Publicado por: #!drvy en 20 Julio 2011, 17:02 pm
Jquery.




Saludos


Título: Re: Mostrar y ocultar div con deslizamiento
Publicado por: Poizonus en 20 Julio 2011, 17:07 pm
Disculpen..
Quisiera sabes mi me pueden pasar los codigos.. porque yo no se nada de JS y Jquery


Título: Re: Mostrar y ocultar div con deslizamiento
Publicado por: RedZer en 20 Julio 2011, 17:13 pm
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


Título: Re: Mostrar y ocultar div con deslizamiento
Publicado por: Poizonus en 20 Julio 2011, 17:17 pm
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.


Título: Re: Mostrar y ocultar div con deslizamiento
Publicado por: RedZer en 20 Julio 2011, 17:25 pm
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?


Título: Re: Mostrar y ocultar div con deslizamiento
Publicado por: Poizonus en 20 Julio 2011, 17:35 pm
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.


Título: Re: Mostrar y ocultar div con deslizamiento
Publicado por: #!drvy en 20 Julio 2011, 17:39 pm
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 (http://www.javascriptya.com.ar/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


Título: Re: Mostrar y ocultar div con deslizamiento
Publicado por: Poizonus en 20 Julio 2011, 17:48 pm
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.


Título: Re: Mostrar y ocultar div con deslizamiento
Publicado por: RedZer en 20 Julio 2011, 21:52 pm
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


Título: Re: Mostrar y ocultar div con deslizamiento
Publicado por: Poizonus en 21 Julio 2011, 16:47 pm
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 ?