Cómo hacer un panel modal en Asp.Net

Escrito por jim campbell | Traducido por beatriz sánchez
Cómo hacer un panel modal en Asp.Net

Hemera Technologies/PhotoObjects.net/Getty Images

Un panel de Microsoft ASP.NET es un contenedor que te permite organizar y diseñar controles .NET. Puedes utilizar el control del panel como una ventana modal, que es una ventana emergente que pide al usuario una entrada. Debes crear el control del panel en el formulario en el que quieres abrir la ventana del panel, y utilizar JavaScript con .NET para abrir la ventana en la página web.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Abre el software Visual Studio en tu computadora de desarrollo. Abre la aplicación web y haz clic en el formulario .NET que quieres utilizar para abrir la ventana modal.

  2. 2

    Arrastra el control de panel desde la caja de herramientas de la izquierda hacia el formulario abierto. Visual Studio dibujará automáticamente el panel, pero debes utilizar el ratón para cambiar el tamaño al panel con las dimensiones adecuadas.

  3. 3

    Haz clic en la pestaña "Ver código" para cambiar al código HTML. Añade la siguiente propiedad al código del panel HTML: id="pnl" Esta propiedad crea un identificador único para el panel. Utiliza esta propiedad en el código JavaScript que abre la ventana modal.

  4. 4

    Copia y pega el siguiente código dentro de las etiquetas "head" HTML: <script type="text/javascript"> var id = null; function openWindow() { var pnl = $get("pnl"); if (pnl != null) { pnl.style.left = "50px"; pnl.style.top = "50px"; id = setTimeout("movePanel();", 100); } } </script>

  5. 5

    Vuelve a la vista de diseño del formulario y arrastra un control de botón desde la caja de herramientas hacia el formulario. Este botón abrirá la ventana modal cuando el usuario haga clic sobre él. Añade la siguiente propiedad a la definición de la etiqueta HTML del botón: OnClientClick="openWindow();" Esta función ejecuta un código JavaScript y cuando el usuario hace clic sobre el botón.

No dejes de leer...

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2015 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media