Apex · javascript

Cómo Cambiar Dinámicamente el Título de una Región Modal en Oracle APEX

En Oracle APEX, en algunos casos, es necesario cambiar el título de estas regiones dinámicamente según el contexto. En este artículo, te enseñaré cómo hacerlo utilizando JavaScript y jQuery. Para modificar el título de una región modal en Oracle APEX de forma dinámica, podemos utilizar apex.util.getTopApex() junto con jQuery. A continuación, veremos los pasos necesarios:… Continue reading Cómo Cambiar Dinámicamente el Título de una Región Modal en Oracle APEX

Apex · APEX Css · APEX image · javascript · Oracle

Añadiendo Zoom/Lightbox a Imágenes en Oracle APEX

En este post, exploraremos cómo implementar un efecto de zoom en imágenes en Oracle APEX utilizando la popular librería MagnificPopup.Demo Primero, descargaremos las librerías necesarias desde el sitio oficial de MagnificPopup: Magnific Popup. Necesitaremos los archivos JS y CSS disponibles en GitHub. Una vez descargadas las librerías, aprenderemos cómo integrarlas en nuestra aplicación APEX para… Continue reading Añadiendo Zoom/Lightbox a Imágenes en Oracle APEX

Apex · APEX Css · APEX image · javascript

Guía Práctica: Cómo Mostrar Imágenes en Oracle APEX

En las siguientes lineas veremos como mostrar images almacenadas en columnas BLOB o tambien en algunos casos usando una URL. La demo de estas diferentes formas la pueden encontrar aqui. 1 Region FORM (blob) Empezaremos usando la region tipo FORM, el cual hace uso de cosas nativas para el tipo de Item es display image.… Continue reading Guía Práctica: Cómo Mostrar Imágenes en Oracle APEX

Apex · APEX complementos · APEX Css · Interactive Grid · javascript · Oracle

Oracle APEX Multiple Carrusel en Reporte, Carousel in Report

En cierta oportunidad vamos a necesitar agregar diferentes imágenes en un reporte, en este método que mostrare, agregaremos un carrousel de imágenes por linea de un reporte. El ejemplo lo ven en: https://apex.oracle.com/pls/apex/f?p=32431:1070:103822500571635::::: demo/demo En este tutorial estamos usando las tablas de ejemplo de Oracle APEX, Order, products. Quiero hacer notar que el siente podrían… Continue reading Oracle APEX Multiple Carrusel en Reporte, Carousel in Report

Apex · javascript · Smartphone

Guardar foto usando la Cámara, Webcam, Smartphone Camera en Oracle APEX

En nuestro blog anterior vimos como configurar la cámara de nuestro dispositivo para activar la cámara y/o capturar una imagen. En este blog agregaremos una función adicional, que nos permita guarda dicha imagen en una tabla. Lo primero que usaremos es una función JS adicional: Parte importante es el envió de la imagen en base64.… Continue reading Guardar foto usando la Cámara, Webcam, Smartphone Camera en Oracle APEX

Apex · javascript · Oracle

Activar Cámara, Webcam, Smartphone Camera en Oracle APEX

Hola, amigos en este tutorial hablamos un poco sobre como activar la cámara, ya sea camara web de una PC, computador laptop o el de un celular, smartphone. Para ello usaremos JavaScript con el API getUserMedia. La demo lo pueden encontrar en el siguiente enlace El código líneas abajo, describe 3 funciones principales: Activar la… Continue reading Activar Cámara, Webcam, Smartphone Camera en Oracle APEX

Apex · javascript

Capturar Región/pantalla – Print Screen in Oracle APEX

Amigos, en esta oportunidad veremos algo simple pero muchas veces útil, cuando deseamos capturar la pantalla, es decir tomar una imagen o también llamado printscreen. ] Para esto usaremos la famosa librería de JavaScript html2canvas. Veremos dos formas de agregar esta librería a APEX, aunque particularmente recomendare la segunda. La primera forma es agregando el… Continue reading Capturar Región/pantalla – Print Screen in Oracle APEX

Apex · Interactive Grid · javascript

Capturar onChange/cell edit en Interactive Grid y asignar valor en celda

El siguiente blog surge en la necesidad de un compañero que me relato el siguiente problema. Se tiene un Interactive Grid, donde se muestran proyectos, aquí están padres e hijos, se muestra una columna llamada BUDGET, esto significa que varias líneas en este grid tienen en común un proyecto padre, que también se visualiza en… Continue reading Capturar onChange/cell edit en Interactive Grid y asignar valor en celda

Apex · javascript

APEX-JS NameSpaces, orden y limpieza en nuestro código

Como hemos visto la necesidad de incluir JavaScript dentro APEX en varias oscaciones, es escencial mantener un orden dentro del codigo que escribamos. Es por ello que existe el concepto de namespaces en Javascript, para poder mantener un orden. Dejaré un ejemplo de como podriamos usar esto, ya sea creacion diferentes objectos y agregando funciones… Continue reading APEX-JS NameSpaces, orden y limpieza en nuestro código

Apex · javascript

apex.server.process, AJAX Calls, Promise y Async, Await ejemplo práctico

Hola amigos en este blog veremos cómo hacer llamadas Ajax consecutivas usando apex.server.process , es decir una tras otra. Iremos de frente a los ejemplos, para ver un poco la teoría dejare algunos enlaces en la parte final, entendamos que ya tenemos un proceso ajax callback definido en nuestra página, en mi caso se llamará… Continue reading apex.server.process, AJAX Calls, Promise y Async, Await ejemplo práctico