Scrollear con HTML

Scrollear con HTML

¡Hola, entusiastas de Oracle APEX! Si estás buscando mejorar la navegación en tus aplicaciones web desarrolladas con Oracle Application Express (APEX), estás en el lugar correcto. Hoy, exploraremos un atributo sencillo para lograr un desplazamiento suave e interactivo en tus informes APEX. ¡Prepárate para transformar la experiencia de tus usuarios a través de una navegación intuitiva y elegante!

Caso de ejemplo

Tenemos un informe interactivo de 86 animales con nombres, fecha de vacunacion y cantidad, la lista esta ordenada de forma ascendente (campo fecha), lo que queremos es que al usar la opcion "ver registros de hoy" scrollee hasta el registro de "HOY".

Paso 1.

En la consulta del informe interactivo vamos a utilizar un tag, identificando primero cual de los registros pertenece a hoy, una vez lo hagamos crearemos un tag con un identificador unico, estatico, para ese registro.

Ejemplo sencillo utilizando un decode.

select NOMBRE,
       FECHA,
       CANTIDAD,
       decode(fecha,trunc(sysdate),'<span id="hoy_scr"> salta hasta aqui </span>'
) saltar

from "PRUEBA_URL" a
order by fecha

Ahi creamos la columna "SALTAR" que nos ayudara a identificar nuestro foco, no hay que olvidar que a esa columna hay que desactivar la opcion de "Caracteres especiales de escape" en los atributos de columna.

Esto se realizar para que pueda funcionar correctamente nuestro tag de la siguiente manera.

El registro "Gato" corresponde a la fecha de hoy

Paso 2

Ahora copiamos el siguiente codigo:

 <a href="#hoy_scr" > ver registros de hoy </a>

Y lo pegamos como "Texto de Cabecera" en la región.

Deberia quedar de la siguiente manera.

Al hacer clic encima debe redirigir hasta el registro con fecha de hoy y en donde definimos el tag.

Conclusión

Esta técnica de utilizar el atributo href para lograr un scroll interactivo en informes es una manera efectiva y sencilla de mejorar la experiencia del usuario al navegar por el contenido. Con solo unos pocos pasos simples, puedes hacer que tu informe cobre vida y sea más atractivo. Así que, ¡anímate a implementar esta técnica en tus proyectos y sorprende a tus usuarios con una navegación fluida y agradable!

Espero que hayan disfrutado de esta guía sobre cómo hacer scroll en informes interactivos utilizando href. Si tienen alguna pregunta o desean compartir sus propias experiencias, no duden en dejar un comentario. ¡Hasta la próxima!