Mensaje Emergente Tipo MSN Messenger

GustavoPY · #1 (**permalink**) 28/12/2004, 17:58

Hola a Tod@s!

¿Cómo puedo hacer para que me aparezca un formulario emergente como lo hace MSN Messenger cuando alguien inicia sesion?

Es decir, el mismo efecto que aparece sobre el reloj de windows cuando alguien inicia sesion.

Desde ya muchas gracias!

KarlanKas · #2 (**permalink**) 29/12/2004, 03:46

Mira a ver si esto te sirve:

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<script>
	//Ventanita tipo Messenger
	//Por KarlanKas
	//www.forosdelweb.com
	
	var ancho=screen.width;
	var alto=screen.availHeight;
	var ventana;
	var anchoVentanita=200;
	var altoVentanita=150;
	function cerrar(){if(ventana &&!ventana.closed){ventana.close()}}
	function ventanita(url){
	ventana=window.open(url,'ventanita','width='+anchoVentanita+',height=0,top='+alto+',width='+(ancho-anchoVentanita-10));
	desplegar(true);
	}
	
	function desplegar(cambio){
		if(cambio){
			inicio=0;
			fin=altoVentanita;
			incremento=1;
		}
		else{
			inicio=altoVentanita;
			fin=0;
			incremento=-1;
		}
		for(a=inicio;a!=fin;a+=incremento){
			ventana.focus();
			ventana.resizeTo(anchoVentanita,a);
			ventana.moveTo((ancho-anchoVentanita-10),(alto-a));
		}
	
		if(cambio){
			setTimeout('desplegar(false)',2000)
		}
		else{ventana.close();}
		
	}
	</script>
</head>

<body onunload="cerrar()">
<a href="$··" onclick="ventanita('about:blank');return false;">Abrir ventanita</a>


</body>
</html>

lexus · #3 (**permalink**) 29/12/2004, 07:58

oye karlankas te fajaste con esa ventanita muy buena.. voy a ver si la uso en mi intranet para mensajes internos
muchas gracias por tan buen codigo.

solo 2 pregunticas. esta ventana se ubica en esa posicion para todas las resoluciones de pantalla?
la otra, como sera posible que al ubicar el cursor encima de la ventanita no se cierre? es por ejemplo si alguien ve la ventana y quiere colocar el cursor alli para retenernla un poco mas para leer lo que dice y luego cuando quite el cursor se quite? claro qeu tambien deberia funcionar si no colocan el cursor, osea que con ambas caracteristicas

si no colocan el cursor se quita en determinado tiempo y si lo colocan se demora hasta que quiten el cursor.
sera que se pudee?

KarlanKas · #4 (**permalink**) 29/12/2004, 09:42

Me alegro de que te haya funcionado!

El script es válido para cualquier resolución. Respecto a lo que pides voy a ver cómo la arreglamos...

Un saludo!

KarlanKas · #5 (**permalink**) 29/12/2004, 10:23

He cambiado alguna cosa y arreglado un par de errores que tenía. Ahora se puede configurar, a parte de la anchura y altura de la ventana resultante, el tiempo que se muestra. Respecto a que se pare cuando se pase el ratón por encima aún no he hecho nada...

Código HTML:

<html>
<head>

	<script>
	//Ventanita tipo Messenger
	//Por KarlanKas
	//www.forosdelweb.com

//CONFIGURACIÓN

	var anchoVentanita=200;
	var altoVentanita=150;
	var segundos=3;	


	var ancho=screen.width;
	var alto=screen.availHeight;
	var ventana;
	var izquierda=ancho-anchoVentanita-10;
	//Por si se cierra la opener antes de que se oculte la ventanita
	function cerrar(){if(ventana && !ventana.closed){ventana.close()}}
	
	//Abre la ventanita
	function ventanita(url){
	ventana=window.open(url,'ventanita','width='+anchoVentanita+',height=0,top='+alto+',left='+izquierda);
	desplegar(true);
	}

	//Empleado para desplegar y replegar (según la variable cambio sea true o false) la ventanita
	function desplegar(cambio){
		inicio=(cambio)?0:altoVentanita;
		fin=(cambio)?altoVentanita:0;
		incremento=(cambio)?1:-1;

		for(a=inicio;a!=fin;a+=incremento){
			ventana.resizeTo(anchoVentanita,a);
			ventana.moveTo(izquierda,(alto-a));
		}
	
		(cambio)?esperando=setTimeout('desplegar(false)',segundos*1000):ventana.close();
		
	}
	</script>
</head>

<body onunload="cerrar()">

<a href="$··" onclick="ventanita('about:blank');return false;">Abrir ventanita</a>

</body>
</html>

Un saludo!

lexus · #6 (**permalink**) 29/12/2004, 12:53

hola, gracias por modificarla y arreglarla, pero ahora no logro hacerla funcionar, la pego tal cual como la colocas y no me sale nada..

bueno de todos modos muchas gracias,,

lexus · #7 (**permalink**) 29/12/2004, 13:01

hola ya vi los errores que tenia, tenia unos espacios dentro del codigo asi que no funcionaba, aqui los corregi y ya funciona.... esta muy buena esta ventana. mas tarde le metere imagenes y color y quedara perfecta.
muchisisisimas gracias.

Código:

 <html>
<head> 
 <script>
 //Ventanita tipo Messenger
 //Por KarlanKas
 //www.forosdelweb.com
//CONFIGURACIÓN
 var anchoVentanita=200;
 var altoVentanita=150;
 var segundos=3; 

 var ancho=screen.width;
 var alto=screen.availHeight;
 var ventana;
 var izquierda=ancho-anchoVentanita-10;
 //Por si se cierra la opener antes de que se oculte la ventanita
 function cerrar(){if(ventana && !ventana.closed){ventana.close()}}
 
 //Abre la ventanita
 function ventanita(url){
 ventana=window.open(url,'ventanita','width='+anchoVentanita+',height=0,top='+alto+',left='+izquierda);
 desplegar(true);
 }
 //Empleado para desplegar y replegar (según la variable cambio sea true o false) la ventanita
 function desplegar(cambio){
  inicio=(cambio)?0:altoVentanita;
  fin=(cambio)?altoVentanita:0;
  incremento=(cambio)?1:-1;
  for(a=inicio;a!=fin;a+=incremento){
   ventana.resizeTo(anchoVentanita,a);
   ventana.moveTo(izquierda,(alto-a));
  }
 
  (cambio)?esperando=setTimeout('desplegar(false)',segundos*1000):ventana.close();
  
 }
 </script>
</head>
<body onunload="cerrar()">
<a href="#" onclick="ventanita('about:blank');return false;">Abrir ventanita</a>
</body>
</html>

KarlanKas · #8 (**permalink**) 29/12/2004, 16:44

Me alegro de que te haya servido!

Un abrazo!!

Berletzis · #9 (**permalink**) 29/12/2004, 17:04

ahora una pregunta esta ventanita emergente como enke la peudo utilizar??
mmm no se me ocurre enke!!!!

talvex se pueda madnar a llamar cuando haya algun cambio en el servidor po dudo ke javascript pueda hacer eso....

o com enke alguna idea!!! GRACIAS

KarlanKas · #10 (**permalink**) 29/12/2004, 17:09

¿Por qué no las das a cambio de unas clases de ortografía?

lexus · #11 (**permalink**) 29/12/2004, 18:05

jaajaj, cierto,
pues a muchas personas les sera de utilidad como ami por ejemplo.. yo la conecto con lenguaje de servidor como asp y verifico un cambio en la base de datos y cuando haya ese cambio quiere decir que hay mensajes o que alguien a entrado a mi intranet.
me sirve muchisimo..
suerte y gracias de nuevo.

Berletzis · #12 (**permalink**) 29/12/2004, 19:03

bueno esta bien disculpen la mala ortografia pero esto de estar escribiendo todo el dia pues llega el momento en que se me atrofia el cerebro...

y con respecto al tema como puedes hacer que un cambio en el server ejecute un javascript sin tener ke estar refrescando un pagina a cada rato.

si m hacen falta acentos pues esos si se los debo.. ciao

lexus · #13 (**permalink**) 29/12/2004, 20:23

bueno tengo un iframe con dimensiones pequeñas en el cual coloco un script que se actualiza cada 5 minutos y me hace todo el trabajo muy transparente para el usuario.
chao