oscurecer el fondo cuando se abre un popup o un aviso

Willjce · #1 (**permalink**) 21/07/2006, 14:38

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 · #2 (**permalink**) 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 · #3 (**permalink**) 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** · #4 (**permalink**) 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 · #5 (**permalink**) 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.

gracias a todos

B** · #6 (**permalink**) 26/07/2006, 17:19

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

stock · #7 (**permalink**) 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

Willjce · #8 (**permalink**) 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 · #9 (**permalink**) 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

have funnnnn

HIa · #10 (**permalink**) 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 · #11 (**permalink**) 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

stock · #12 (**permalink**) 27/07/2006, 15:19

Cita:

Iniciado por HIa

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?

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

have funnnnn