Buscar en Asptutor     
Demo Tienda Virtual Tutorcar
 Navegacion->Inicio | Active Server Pages  

La web de los recursos y ejemplos de asp

Versión para imprimir

 

Alojado en:


urbe-networks.com

Recomienda esta pagina a un amigo

Servicios Gratuitos

Articulos relacionados

Utilizar GetRows()

Tienda Virtual - Carrito de compra

Messenger a través de BD en ASP

Miniaplicacion de comercio electronico

Objeto Datagrid de ASP.NET en ASP

Acotación de resultados

Redireccion de vuelta después de un login

Mostrando una imagen al azar de nuestro disco (Ejemplo de FSO)

Como Imprimir desde un enlace

Generar un numero aleatorio en un intervalo

Como hacer upload de ficheros al servidor

Software para ejecutar ASP

Redireccionar una pagina con un Timer

ASP sobre APACHE

Codigo de un Libro de visitas(V)

Codigo de un Libro de visitas(IV)


Enlaces recomendados

   

Tutorial ASP

Sobre los popup
Este articulo ha sido leído 65.147 veces

Sobre los popup y javascript

Les adjunto un artículo de mi autoría sobre los popup y el javascript. Es básico, pero puede ayudar a resolver algunas dudas.
 
Les saluda,
 

Pablo Jeffs Munizaga
pablo.jeffs@fototrekking.cl
www.fototrekking.cl
Fotografía de altura

 

Metiéndole mano al código.

Muchas veces he leído preguntas relacionadas con cual es el mejor método para establecer un popup (o también conocido como ventana) y casi siempre nos remitimos al comportamiento establecido en Dreamweaver (abrir ventana del navegador – open window browser). Bueno, me aburrí de esta solución y comencé a experimentar con ese lenguaje tan especial llamado JavaScript.

En este se definen cierta cantidad de eventos ante los que puede realizar una acción y los que mas pueden servir para nuestros fines son los siguientes:

• OnLoad (al cargar)

• OnUnload (al salir)

• OnBlur (al modificar)

• OnClick (al hacer clic)

Además, existe otra interesante posibilidad como es la de poder establecer la duración de algún evento (setTimeout).

Veamos algunos pocos ejemplos para comprender como funcionan en la realidad del mundo virtual.

Nota: todos los ejemplos son sin barras y con un tamaño de 200 * 250 px.

Onload:

Paso 1: Se copia este código entre las etiquetas <head> y </head>

<script language='javascript'>

var funcion_popupWindow=null;

function funcion_popup(mi_pagina,mi_nombre,w,h,pos,infocus){

if(pos=='random'){

LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;

TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=='center'){

LeftPosition=(screen.width)?(screen.width-w)/2:100;

TopPosition=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!='random') || pos==null){LeftPosition=100;TopPosition=100;}settings='width='+ w + ',height='+ h + ',top=' + TopPosition + ',left=' + LeftPosition + ',location=no,directories=no,menubar=no,toolbar=no,status=no,scrollbars=no,resizable=no,dependent=no';

funcion_popupWindow=window.open('',mi_nombre,settings);

if(infocus=='front'){funcion_popupWindow.focus();funcion_popupWindow.location='URL_del_popup';}

}

Metiéndole mano al código © Pablo Jeffs Munizaga - 2002 1

//-->

</script>

Paso 2: Se copia lo siguiente entre las etiquetas <body> y </body>

<body onLoad="funcion_popup('URL_del_popup','funcion_popup','200','250','','front');">

Este se aplica cuando entramos a una página. Al cargarse la página (OnLoad) se llama la función (funcion_popup) y lo pone delante de la página que llamó a este (front).

OnUnload

Paso 1:

<script language='javascript'>

var funcion_popupWindow=null;

function funcion_popup(mi_pagina,mi_nombre,w,h,pos,infocus){

if(pos=='random'){

LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;

TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=='center'){

LeftPosition=(screen.width)?(screen.width-w)/2:100;

TopPosition=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!='random') || pos==null){LeftPosition=100;TopPosition=100;}settings='width='+ w + ',height='+ h + ',top=' + TopPosition + ',left=' + LeftPosition + ',location=no,directories=no,menubar=no,toolbar=no,status=no,scrollbars=no,resizable=no,dependent=no';

funcion_popupWindow=window.open('',mi_nombre,settings);

if(infocus=='front'){funcion_popupWindow.focus();funcion_popupWindow.location='URL_del_popup';}

}

//-->

</script>

Paso 2:

<body onUnload="funcion_popup('URL_del_popup','funcion_popup','200','250','','front');">

Este caso se puede aplicar cuando abandonamos la página y desplegamos un Popup de agradecimientos por la visita. La función (funcion_popup) es llamada al salir (onUnload).

OnClick

Paso 1:

<script language='javascript'>

Metiéndole mano al código © Pablo Jeffs Munizaga - 2002 2

var funcion_popupWindow=null;

function funcion_popup(mi_pagina,myname,w,h,pos,infocus){

if(pos=='random'){

LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;

TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=='center'){

LeftPosition=(screen.width)?(screen.width-w)/2:100;

TopPosition=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!='random') || pos==null){LeftPosition=100;TopPosition=100;}settings='width='+ w + ',height='+ h + ',top=' + TopPosition + ',left=' + LeftPosition + ',location=no,directories=no,menubar=no,toolbar=no,status=no,scrollbars=no,resizable=no,dependent=no';

funcion_popupWindow=window.open('',mi_nombre,settings);

if(infocus=='front'){funcion_popupWindow.focus();funcion_popupWindow.location='URL_del_popup';}

}

//-->

</script>

Paso 2:

<input type='button'name='B1'value='Popup'onClick="funcion_popup('URL_del_popup','funcion_popup','200','250','','front');">

Este el típico ejemplo de un botón que al ser presionado abre el popup.

¿Como se pueden cerrar estos popup?

OnBlur

Paso único: entre las etiquetas <body> y </body> del popup

<body onBlur="self.close()" onClick="self.close()">

Se cierra al hacer click en cualquier parte del popup.

SetTimeout

Paso 1: en el head del popup.

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

var MantenteVivo = 5; // La cantidad de segundos que estará abierto el popup.

function Cierrala(){

setTimeout('self.close()',MantenteVivo * 1000);

}

Metiéndole mano al código © Pablo Jeffs Munizaga - 2002 3

</SCRIPT>

Paso 2:

<BODY onLoad="Cierrala();self.focus()">

La ventana o popup se cierra después de algunos segundos.

En el caso anterior se ve como al cargarse el popup se llama la función que lo cerrará al concluirse el tiempo (Cierrala() ).

Con un botón

<form>

<input type="button" value="Close Window" onClick="window.close();">

</form>

Con una imagen

<a href="javascript:window.close()"><img border="0" src="imagen.gif"></a>

Con un link

<a href="javascript:window.close()">Cerrar</a>

Como conclusión final se plantea la necesidad – posibilidad de que cada usuario investigue mediante el clásico sistema de ensayo – error que es lo que pasa al alterar parte del código (de Dreamweaver) ya que si bien la copia exacta funciona (y muy bien), el orgullo de hacer las cosas personalmente enaltece al ser humano.

Metiéndole mano al código © Pablo Jeffs Munizaga - 2002 4

 


 

¿Estas empezando y este articulo es muy complejo para tí?
Empieza por el principio, visita Ejemplos Básicos

Puedes obtener un listado completo de todos los artículos y ejemplos de ASP en http://www.asptutor.com/asp/todoslosarticulos.asp
 

Valora este articulo   Malo Excelente  
80 usuarios han valorado este articulo. Valoracion media:

Nota: Para cualquier consulta u opinión sobre este articulo puedes usar los foros

 

 

AspTutor lo hacemos entre todos ¿Como vas a colaborar hoy?


Google

 

Descargas de manuales¦ Ejemplos de código ¦ Artículos mas visitados ¦ Envía tu articulo ¦ Foros ¦
  Libro de visitas ¦Crea un enlace con ASPTutor 
 

    © 2001-Hasta hoy  Pedro Rufo Martín  contactar