lightbox con scroll

lokoguille2005 · #1 (**permalink**) 12/06/2012, 22:14

alguien conoce alguna ventana lightbox modale con scrollbars para subir y bajar porque en el que estoy trabajando no lo logro ponerlo gracias

weissbier · #2 (**permalink**) 13/06/2012, 02:40

Busca la hoja de estilos (archivo .css) y al contenedor principal debes agregarle el elemento "overflow:auto;". Si quieres que el scroll sea vertical "overflow-y:scroll;"

Saludos.

arros · #3 (**permalink**) 13/06/2012, 04:12

hay una d jquery pero creo que no funcciona en algunos navigadores mira aqui http://jscrollpane.kelvinluck.com/ esto se quieres un especto guapo ;)

lokoguille2005 · #4 (**permalink**) 13/06/2012, 11:24

Cita:

Iniciado por weissbier

Busca la hoja de estilos (archivo .css) y al contenedor principal debes agregarle el elemento "overflow:auto;". Si quieres que el scroll sea vertical "overflow-y:scroll;"

Saludos.

ahi me anduvo pero tengo otro poblemita, al poner las llamadas en el body no me anda bien el twitter que tambien necesita estar

le paso el codigo
en el body justo abajo
<script type="text/javascript" language="javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript" src="scripts/modal-window.min.js"></script>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"
type="text/javascript">
</script>

mil gracias capo

lokoguille2005 · #5 (**permalink**) 13/06/2012, 22:35

Cita:

Iniciado por weissbier

busca la hoja de estilos (archivo .css) y al contenedor principal debes agregarle el elemento "overflow:auto;". Si quieres que el scroll sea vertical "overflow-y:scroll;"

saludos.

no anduvo, solamete baja un poquito nada mas sabes que pasa

lokoguille2005 · #6 (**permalink**) 14/06/2012, 02:29

aca le dejo la hoja de stylo como me dijeron que haga para no anda (aclaro que desde que puse lo que me dijeron aparecio el scroll pero baja un poquito chiquito y no va mas)

.modal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background: #131313;
opacity: .85;
filter: alpha(opacity=85);
z-index: 101;
}
.modal-window {
position: fixed;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
z-index: 102;
background: #fff;
border: solid 8px #000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
overflow: auto;
}
.close-window {
position: absolute;
width: 47px;
height: 47px;
right: -23px;
top: -23px;
background: transparent url(../images/close-button.png) no-repeat scroll right top;
text-indent: -99999px;
overflow: hidden;
cursor: pointer;
}

gracias

lokoguille2005 · #7 (**permalink**) 14/06/2012, 15:39

alguien me ayuda porfavor, no me anda el scroll

arros · #8 (**permalink**) 14/06/2012, 16:05

muestra el div de scroll

arros · #9 (**permalink**) 14/06/2012, 16:26

aqui tienes un ejemplo simple

Código HTML:

Ver original<html>
<title></title>
<head></head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
<style>
 
.window{
width: 400px;
height:400px;
border:1px solid #CCC;
overflow:auto;
}
.win{
width: 700px;
height:700px;
background: red;
}
</style>
<body>
<div class="window"><div class="win">hola a todos</div></div>
</body>
</html>

lokoguille2005 · #10 (**permalink**) 15/06/2012, 17:03

Cita:

Iniciado por arros

aqui tienes un ejemplo simple

Código HTML:

Ver original<html>
<title></title>
<head></head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
<style>
 
.window{
width: 400px;
height:400px;
border:1px solid #CCC;
overflow:auto;
}
.win{
width: 700px;
height:700px;
background: red;
}
</style>
<body>
<div class="window"><div class="win">hola a todos</div></div>
</body>
</html>

ya me anduvo el scroll pero ahora tengo otro poblemita, al abrir el lightbox para preguntar algo cuando apreto enviar consulta no se me cierra la ventana

lo tengo asi que con la ventana comun me andaba sin inconvenientes

</body>
</html>
<script languaje="JavaScript">
window.opener.location.reload(true);
</script>

y donde se efectua el envio de la consulta
<script language="javascript">
window.close();
</script>

muchisimas gracias por tu ayuda

arros · #11 (**permalink**) 15/06/2012, 17:31

para enviar una consulta mejor uteliza ajax

lokoguille2005 · #12 (**permalink**) 15/06/2012, 17:40

Cita:

Iniciado por arros

para enviar una consulta mejor uteliza ajax

porque? si anda todo bien me la manda todo, lo unico es que cuando me sale el alert de CONSULTA ENVIADA y doy enter se queda ahi y no cierra el lightbox o que actualice la pagina padre

lokoguille2005 · #13 (**permalink**) 15/06/2012, 18:41

Cita:

Iniciado por arros

para enviar una consulta mejor uteliza ajax

amigo yo mando la consulta con php no entendi lo que me dijiste de ajax, nada tengo un poblema con ligthbox porque cuando me sale el alerta TU CONSULTA HA SIDO ENVIADA el lightbox no se cierra ni se va a index.php queda abierta, yo cuando tenia las ventanas comunes se cerraba al presionar enter en el alert ahora con el lightbox no eso es.

lokoguille2005 · #14 (**permalink**) 15/06/2012, 23:47

amigos
estoy en el ultimo paso para dejar el ligthbox correctamente, lo que me falta saber es como hacer para sacar la funcion que hacer que cuando se apriete en cualquier lado se cierra el cuadro

es decir quiero que se cierre solamente por un boton que puse yo
graciassssssssssssssss