Abrir una ventana popup con un botón en ASP.NET

Muchas veces queremos las apariencias de nuestras páginas totalmente originales de forma que no parezcan a otras páginas, el problema de un hipervínculo es que es un control que no se puede personalizar mucho y nos limita demasiado, aquí se explica como colocar una función de javascript en un botón de los controles Web para ASP.NET para así personalizar nuestros controles y que a la vez puedan hacer ejecuciones mucho más amplias gracias a las ventajas que nos ofrece el JavaScript como lenguaje...

Primero nos creamos un WebForm en ASP.NET, en este caso de VB.NET y le agregamos un botón:

<asp:Button id="btnPopup" runat="server" Text="Microsoft.com!!" BackColor="White"></asp:Button>

Luego tendremos que asignar la acción a realizar con este botón para esto haremos dos pasos primero declarar la función JavaScript y especificar que se quiere hacer, en nuestra página en vista HTML agregamos nuestro script, sería:

function url() {

hidden = open('http://www.microsoft.com', 'NewWindow','top=0,left=0, width=800,height=600,status=yes, resizable=yes,scrollbars=yes');

}

</SCRIPT>

Luego en nuestra página de CodeBehind colocamos nuestro código al botón, para esto agregamos en el evento Page_Load de nuestra página un atributo al botón de esta forma:

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

btnPopup.Attributes.Add("onclick", "javascript:url();")

End Sub

El código HTML de la página completa sería

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
      <HEAD>
            <title>Página con PopUp</title>
            <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">
            <meta name="CODE_LANGUAGE" content="Visual Basic 7.0">
            <meta name="vs_defaultClientScript" content="JavaScript">
            <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
            <SCRIPT LANGUAGE="JavaScript">

function url() {

hidden = open('http://www.microsoft.com' ,'NewWindow','top=0,left=0,width=800, height=600,status=yes,resizable=yes,scrollbars=yes');

}
            </SCRIPT>
      </HEAD>
      <body>
            <form id="Form1" method="post" runat="server">

<asp:Button id="btnPopup" runat="server" Text="Microsoft.com!!" BackColor="White"></asp:Button>

</form>
</body>

Usuarios que han visto este tema también han visto...

- Uso y elección de archivos include en ASP
- Bloquear IPs a través de un array con ASP
- Diferencias entre Access y el SQL de ADO
- Agregar contenido mediante un intervalo de texto en ASP

- Versión imprimible de este documento

- Enviar por e-mail este documento