Foros del web, para los que viven de bits

Willjce · 21-jul-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 · 25-jul-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-jul-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-jul-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-jul-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** · 26-jul-2006, 17:19

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

stock · 26-jul-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 · 26-jul-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-jul-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 · 27-jul-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-jul-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 · 27-jul-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

21-jul-2006, 14:38	#1 (permalink)
Willjce Fecha de Ingreso: diciembre-2003 Ubicación: Lima - Peru Mensajes: 67	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... __________________ Cita: El éxito se alcanza convirtiendo cada paso en una meta y cada meta en un paso :pensando: Att... Tu amigo Willy... :aplauso:

25-jul-2006, 12:22	#2 (permalink)
NHS Fecha de Ingreso: noviembre-2002 Ubicación: Todos lados Mensajes: 87	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.

25-jul-2006, 13:35	#3 (permalink)
Aibarra.net Fecha de Ingreso: septiembre-2004 Mensajes: 176	Buenas, creo que te refieres a algo como LightBox. Es sólo JavaScript, no es necesario AJAX para lo que es el efecto. __________________ Estoy en www.aibarra.net Camino para preguntar: manual -> Google -> FAQs y buscador del foro -> Nuevo Tema. Tan difícil es escribir correctamente? Es más fácil leerlo. Pónselo fácil al que quiera ayudarte.

26-jul-2006, 08:10	#4 (permalink)
B** Fecha de Ingreso: enero-2006 Ubicación: Monterrey,Mexico Mensajes: 952	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? __________________ -URL= Go PHP5. -Age=22. -Learning=PHP,J2EE,Struts,MAMBO,C++,JSON,AJAX,XHTML ,CSS.

26-jul-2006, 14:02	#5 (permalink)
Willjce Fecha de Ingreso: diciembre-2003 Ubicación: Lima - Peru Mensajes: 67	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 __________________ Cita: El éxito se alcanza convirtiendo cada paso en una meta y cada meta en un paso :pensando: Att... Tu amigo Willy... :aplauso:

26-jul-2006, 17:19	#6 (permalink)
B** Fecha de Ingreso: enero-2006 Ubicación: Monterrey,Mexico Mensajes: 952	HOla.. oie ese framework.. funciona solo sobre ruby on rails? __________________ -URL= Go PHP5. -Age=22. -Learning=PHP,J2EE,Struts,MAMBO,C++,JSON,AJAX,XHTML ,CSS.

26-jul-2006, 18:03	#7 (permalink)
stock Fecha de Ingreso: junio-2004 Ubicación: Monterrey NL Mensajes: 1.995	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 __________________ Don't hate the languaje, hate the runtime environment Crysfel's Blog :: Blog de programación, JAVA,PHP, AJAX, JavaScript, CSS y otras hierbas

26-jul-2006, 18:15	#8 (permalink)
Willjce Fecha de Ingreso: diciembre-2003 Ubicación: Lima - Peru Mensajes: 67	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.... __________________ Cita: El éxito se alcanza convirtiendo cada paso en una meta y cada meta en un paso :pensando: Att... Tu amigo Willy...** :aplauso:

26-jul-2006, 18:25	#9 (permalink)
stock Fecha de Ingreso: junio-2004 Ubicación: Monterrey NL Mensajes: 1.995	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 __________________ Don't hate the languaje, hate the runtime environment Crysfel's Blog :: Blog de programación, JAVA,PHP, AJAX, JavaScript, CSS y otras hierbas

27-jul-2006, 10:26	#10 (permalink)
HIa Fecha de Ingreso: noviembre-2002 Ubicación: Cartago Mensajes: 121	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? __________________ Siempre hay algo nuevo que aprender

27-jul-2006, 10:39	#11 (permalink)
Willjce Fecha de Ingreso: diciembre-2003 Ubicación: Lima - Peru Mensajes: 67	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 __________________ Cita: El éxito se alcanza convirtiendo cada paso en una meta y cada meta en un paso :pensando: Att... Tu amigo Willy... :aplauso:

27-jul-2006, 15:19	#12 (permalink)
stock Fecha de Ingreso: junio-2004 Ubicación: Monterrey NL Mensajes: 1.995	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 __________________ Don't hate the languaje, hate the runtime environment Crysfel's Blog :: Blog de programación, JAVA,PHP, AJAX, JavaScript, CSS y otras hierbas

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado