Saltar al contenido

Velneo – Disparar evento en un visorHTML (parte 1)

1 abril, 2019
logo velneo

Todos conocemos las buenas bondades que tiene Velneo, pero también conocemos sus limitaciones y a veces es frustante.

Muchos tiramos de lenguajes de programación que se entienden bien con Velneo como puede ser JavaScript o QML ( Qt ).

Si eliges expandir las posibilidades de Velneo puedes elegir por ejemplo usar algún código javascript que tengas, y para ello Velneo tiene un control llamado visorHTML donde puedes simular un navegador que interpreta código HTML y como no, código Javascript con su CSS.

El problema que tienen muchos es que funcionar funciona pero cuando quieres comunicar ese HTML o javascript con Velneo puede darte más de un dolor de cabeza.

Así que voy a explicar muy brevemente como poder dentro de un código HTML5 hacer clic en un enlace y que se dispare un evento en Velneo para recoger una acción.

En una segunda parte explicaré como usar ya un código Javascript con nuestro HTML.

Creamos los manejadores de evento.

Para empezar necesitamos que dentro de nuestro manejador de evento de velneo en el post-inicializado (POS_INI), digamos a velneo que a partir de ahora todos los clic del control visorHTML lo vamos a controlar nosotros.

Para ello incluimos lo siguiente en vuestro POS_INI:

Simular clic en velneo

El control de nuestro visorHTML tiene como identificador a VIS_HTM.

Ahora vamos a necesitar un nuevo manejador de eventos que se dispare cuando hagamos click, lo llamaremos LINK y pondremos dentro lo que queremos hacer cuando se dispare, en mi caso de ejemplo pondré un simple mensaje.

Simular evento clic en velneo con html 5

Ahora en nuestro formulario donde mostramos el visorHTML creamos una conexión de evento para el control VIS_HTM con la señal Link clicked y le indicamos que dispare el evento anteriormente creado ( LINK ).

Resultado

Y ya hemos acabado, si lo ejecutamos con vClient nos aparecerá dentro de nuestro formulario nuestro HTML ejecutandose y al hacer clic en alguno de nuestros enlaces tipo “<a href=’……….. ” se disparará nuestro evento y hará lo que tengas programado.

vclient mostrando el resultado al disparar un evento de html en velneo con el visorHTML

Si te ha sido de ayuda puedes comentarmelo en los comentarios.

En una segunda parte explicaré como metemos un código html junto a javascript en el visorHTML.

Configuraciones