drag & drop
/* Variables de color para fácil modificación */ :root { --main-color: #01af9f; --secondary-color: GreenYellow; --bg-color-one: white; …
1. $v()
// Descripción: Obtiene el valor de un elemento en la página.
// Resultado: Devuelve el valor del elemento P3_ITEM (normalmente un campo de texto, lista, etc.).
var value = $v('P3_ITEM');
2. $s()
// Descripción: Establece el valor de un elemento de la página.
// Resultado: Establece el valor de P3_ITEM como 'nuevo valor'.
$s('P3_ITEM', 'nuevo valor');
3. $x()
// Descripción: Devuelve una referencia DOM (el objeto de la página) al elemento.
// Resultado: Obtiene el objeto DOM del elemento con el ID P3_ITEM.
var element = $x('P3_ITEM');
4. $v2()
// Descripción: Obtiene el valor del elemento, pero en formato "seguro", evitando algunas transformaciones no deseadas que podrían ocurrir con $v().
// Resultado: Similar a $v(), pero con mayor seguridad en cuanto a los valores.
var value = $v2('P3_ITEM');
5. $x_Item()
// Resultado: Retorna el objeto de entrada (input) de P3_ITEM.
// Descripción: Devuelve una referencia al objeto de entrada del elemento de la página, pero específicamente para los elementos que son entradas (como campos de texto, listas, etc.).
var inputElement = $x_Item('P3_ITEM');
6. $n()
// Descripción: Obtiene el valor numérico de un elemento de página.
// Resultado: Devuelve el valor de P3_ITEM como un número. Útil cuando esperas trabajar con valores numéricos.
var value = $n('P3_ITEM');
7. $x_Value()
Descripción: Similar a $v(), pero más genérico y capaz de extraer el valor de cualquier tipo de elemento, incluyendo botones y áreas de texto.
var value = $x_Value('P3_ITEM');
Resultado: Obtiene el valor del elemento P3_ITEM sin importar el tipo.
8. $a_IconList()
/* Descripción: Trabaja específicamente con listas de iconos para obtener el valor seleccionado.
Resultado: Obtiene el valor seleccionado en una lista de iconos. */
var value = $a_IconList('P3_ITEM');
9. $x_FormItems()
/* Descripción: Devuelve una matriz de todos los elementos de un formulario en la página, útil para manejar varios elementos de una vez.
Resultado: Devuelve todos los elementos dentro del formulario con el ID P3_FORM_ID. */
var formItems = $x_FormItems('P3_FORM_ID');
10. $f_HideOnValue()
/* Descripción: Oculta un elemento de la página basado en el valor de otro elemento.
Resultado: Oculta el elemento P3_OTRO_ITEM si el valor de P3_ITEM coincide con 'ocultar valor'. */
$f_HideOnValue('P3_ITEM', 'ocultar valor', 'P3_OTRO_ITEM');
11. $f_ShowOnValue()
/* Descripción: Muestra un elemento de la página basado en el valor de otro elemento.
Resultado: Muestra el elemento P3_OTRO_ITEM si el valor de P3_ITEM coincide con 'mostrar valor'. */
$f_ShowOnValue('P3_ITEM', 'mostrar valor', 'P3_OTRO_ITEM');
12. $f_DisableOnValue()
// Descripción: Deshabilita un elemento de la página basado en el valor de otro elemento.
// Resultado: Deshabilita el elemento P3_OTRO_ITEM si el valor de P3_ITEM coincide con 'valor a deshabilitar'.
$f_DisableOnValue('P3_ITEM', 'valor a deshabilitar', 'P3_OTRO_ITEM');
13. $f_EnableOnValue()
// Descripción: Habilita un elemento de la página basado en el valor de otro elemento.
// Resultado: Habilita el elemento P3_OTRO_ITEM si el valor de P3_ITEM coincide con 'valor a habilitar'.
$f_EnableOnValue('P3_ITEM', 'valor a habilitar', 'P3_OTRO_ITEM');
En el diseñador de Oracle APEX, hay varios iconos visuales que se utilizan para representar diferentes estados o configuraciones de los elementos. Estos iconos ayudan a los desarrolladores a entender rápidamente el estado o las propiedades de un elemento en particular. A continuación te explico algunos de los más comunes:
/* Variables de color para fácil modificación */ :root { --main-color: #01af9f; --secondary-color: GreenYellow; --bg-color-one: white; …
select { background-color: lightgreen; } #tabla-caracteres { margin-top:1em; padding: 1em; background-color: whitesmoke; } .caracter { display: …