AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / Desarrollar una aplicación o un sitio web / Controles, ventanas y páginas / Controles: tipos disponibles / Control Imagen con enlace
  • Presentación
  • Dibujando un área de clicks...
  • Dibujar una zona clicable en un mapa control Imagen (Image)
  • Consejos para un área de clicks de Polygon
  • Asociar una acción con un área clicable
  • Gestión de la acción associated con una zona clicable (mapa Image) de forma programática
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Definir las áreas sobre las que se puede hacer clic
Presentación
En una Page, una control Imagen puede contener zonas clicables. En este caso, en la pestaña "General" de la ventana de control description, "Acción al hacer clic" se set a "Zonas clicables definidas en modo edición (mapa Image)".
A continuación, puede incluir zonas en las que se pueda hacer clic en el Image. Estas áreas pueden tener diferentes formas: círculo, rectángulo, Polygon, etc.
Se puede asignar una acción específica a cada área y a toda la Image. La acción correspondiente se realizará cuando el usuario Web haga clic en una de estas áreas.
Dibujando un área de clicks...

Dibujar una zona clicable en un mapa control Imagen (Image)

Para dibujar una zona clicable en un mapa control Imagen (Image):
  1. En la pestaña "General" del control Imagen description, asegúrese de que la acción es set a "Zonas clicables definidas en modo edición (mapa Image)".
  2. Haga clic con el botón derecho del ratón para abrir el menú contextual de Image y seleccione "Editar áreas clicables".. La control Imagen pasa al modo de edición: se muestra un contorno amarillo.
  3. Abrir el menú contextual de la control Imagen en modo de edición. Dependiendo de la forma del área a crear, seleccione una de las siguientes opciones en el menú contextual:
    • "Agregar un rectángulo": para definir áreas fijas simples.
    • "Agregar un círculo": para definir áreas redondeadas.
    • "Agregar un polígono": para definir áreas complejas como un mapa geográfico.
  4. Para un círculo o un rectángulo , el área se crea automáticamente.
    Para mover el área, haga clic en el área y mantenga pulsado el botón izquierdo del ratón mientras mueve el área..
    Para cambiar el tamaño del área, haz clic en el área y selecciona uno de los mangos de Black.
  5. Para un Polygon , haga clic en la ubicación donde se debe dibujar el área. Luego, haga clic para definir cada punto de la Polygon. Para cerrar la Polygon, usa el botón derecho del ratón.
Observación: Cada área sobre la que se puede hacer clic se identifica con un número. Este número corresponde al orden en que se han creado las áreas. Este número se muestra automáticamente en el área.

Consejos para un área de clicks de Polygon

Para seleccionar con precisión los puntos del área , tiene la capacidad de ampliar el Page en el editor Page. Para ello, seleccione el porcentaje de zoom en la barra de estado de WEBDEV.
Para agregar vértices al Polygon:
  1. Mantenga pulsada la tecla Ctrl.
  2. Haga clic en el lugar deseado del contorno del área (aparece un signo "+" bajo el cursor).
  3. Suelte la tecla Ctrl.
Asociar una acción con un área clicable
Para asociar una acción a un área en la que se puede hacer clic:
  1. Seleccione el área en la que se puede hacer clic.
  2. Seleccione "Acción de área" en el menú contextual del área sobre la que se puede hacer clic.
  3. En la ventana que aparece, seleccione la acción deseada:
    • Ejecutar un enlace o un botón que se encuentra en la Page, ...
    • Mostrar una página, ...
    • Enviar un Email, ...
  4. Valide.

Gestión de la acción associated con una zona clicable (mapa Image) de forma programática

En el código del servidor de la control Imagen (mapa de la Image), se puede gestionar la acción a realizar según la zona pulsada. Para ello, basta con llamar a ImageArea en el código de clicks del servidor de control Imagen.
Por ejemplo, el siguiente código se utiliza para mostrar una Page diferente según la zona en la que se haya hecho clic. Las áreas se identifican mediante un número. Este número corresponde al orden en que se han creado las áreas. Este número se muestra automáticamente en el área.
Atención: Si se elimina un área, se modificará el número de las áreas creadas después (número inicial -1).
// -- Server code: Click on IMG_Click1
Area is int
// Retrieve the area that was clicked
Area = ImageArea()
SWITCH Area
CASE 1: PageDisplay(PAGE_Home)
CASE 2: PageDisplay(PAGE_AboutUs)
END
Versión mínima requerida
  • Versión 9
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 23/06/2023

Señalar un error o enviar una sugerencia | Ayuda local