Foros del Web - oscurecer el fondo cuando se abre un popup o un aviso

Foros del Web (http://www.forosdelweb.com/)

- Frameworks JS (http://www.forosdelweb.com/f127/)

- - oscurecer el fondo cuando se abre un popup o un aviso (http://www.forosdelweb.com/f127/oscurecer-fondo-cuando-abre-popup-aviso-411266/)

Willjce

21/07/2006 14:38

oscurecer el fondo cuando se abre un popup o un aviso

Hola a todos,

porfavor me podrian decir si tendran un ejemplo o una pagina de referencia de como oscurecer la parte de atraz cuando abra un popup o una ventana de aviso les agradeceria bastante....

yo estoy usando prototype, pero no se totalmente usarlo

saludos...

NHS	25/07/2006 12:22

justo acabo de verlo

Código:

http://www.formatoweb.com.ar/ajax/

si hace click sobre el link para descargar, hace el efecto que pedis

Gracias, al flaco de formatoweb por sus aportes, me ayudaron mucho.

Aibarra.net

25/07/2006 13:35

Buenas,

creo que te refieres a algo como LightBox. Es sólo JavaScript, no es necesario AJAX para lo que es el efecto.

B**	26/07/2006 08:10

Yo uso lightbox... me oscurece toda la pagina,pero me deja los swf sin oscurecer.... alguien sabe como pongo fuera de luz a los flash?

Willjce

26/07/2006 14:02

Hola yo estoy trabajando con prototype y no sabia q tenia librerias adicionales que trabajan conjuntamente con el framework, miren esta pagina donde explica "Prototype Window Class", me sirvio de mucho... espero q les sirva tambien a ustedes....

http://prototype-window.xilinus.com/samples.html

saludos. :adios:

gracias a todos

B**	26/07/2006 17:19

HOla.. oie ese framework.. funciona solo sobre ruby on rails?

stock

26/07/2006 18:03

Cita:

Iniciado por B**

HOla.. oie ese framework.. funciona solo sobre ruby on rails?

te refieres a este:
http://prototype-window.xilinus.com/samples.html

nombre, son librerias de javascript, las cuales usan prototype, y Efects de scriptaculous, hace como 2 meses que yo experimente con estas librerias y se ven muy bien.

have funnnnn :adios:

Willjce

26/07/2006 18:15

Cita:

Iniciado por B**

HOla.. oie ese framework.. funciona solo sobre ruby on rails?

Si man tu puedes usar las librerias .js en tu propia pagina, pero tienes que aprender sus metodos q existen para asi desarrollarlo en tus aplicaciones...

te lo recomiendo....

stock

26/07/2006 18:25

bueno, y si de pura curiosidad te gustaria saber como hacer el fondo transparente con tus propias manos, lo haces algo asi:

Código:

<html>

<head>

<style>

body{

        background-image: url('hoja.jpg');

}

#fondo{

        position:absolute;

        top:0px;

        left:0px;

        width:100%;

        height:100%;

        background-color: #000;

          filter:alpha(opacity=60);

          -moz-opacity: 0.6;

          opacity: 0.6;

}

</style>

</head>

<body>

        <div id="fondo">

                <h1>Hola mundo!</h1>

        </div>

</body>

no es mas que css. ahi nomas te pongo el principio, ya despues uno puede ponerle efectos, y hacer lo que se te ocurra :cool:

have funnnnn :adios:

HIa	27/07/2006 10:26

mmm, hace dias estaba buscando eso, pero no se habia ocurrido la propiedad de 100% en el alto y ancho... otra cosa, como se hace para que se aplique el fade a ese efecto (fade-in, fade-out), eso si es javascript...algun ejemplito por ahi?

Willjce

27/07/2006 10:39

En esta pagina encontraras todo lo que quieres:

http://prototype-window.xilinus.com/samples.html

Ensima desabilita la parte de atraz de la ventana...

es exelenete..............

Prototype :si:

stock

27/07/2006 15:19

Cita:

Iniciado por HIa

asi es, tendrias que ir aumentando o disminullendo la opacidad, pero bueno, mejor te recomiendo que uses la libreria Efect de scriptaculous, pues ahi ya viene el codigo necesario para que te funcione sobre la mayoria de los exploradores, ahora bien, siempre es bueno saber como funcionan las cosas detras de todo :cool:

have funnnnn :adios:

La zona horaria es GMT -6. Ahora son las 11:57.