Tutorial: Uso de Variables JavaScript en Formularios PDF con Adobe Acrobat

Este tutorial te enseñará a utilizar variables en JavaScript dentro de un formulario PDF en Adobe Acrobat, un concepto fundamental para quienes inician en la programación de scripts dentro de este entorno.

Abra el siguiente enlace: https://acrobat.adobe.com/id/urn:aaid:sc:VA6C2:740eeaf5-3a27-47ad-8c36-37214cbeb3e4

 Paso 1: Abrir el Formulario y Acceder al JavaScript

1. Seleccionar el Campo de Formulario:

•    - Abre tu documento PDF en Adobe Acrobat.

•  Utiliza la herramienta "Seleccionar objeto" para hacer clic en el campo texto Nombre del cliente, donde implementarás o modificarás un script.

2. Acceder al Editor de JavaScript:

• Haz doble clic en el campo para abrir sus propiedades.

• Dirígete a la pestaña "Acciones" y selecciona "Ejecutar JavaScript".

• Haz clic en "Editar" para abrir el editor de JavaScript.

 Paso 2: Comprender y Crear Variables JavaScript

1. Definición de una Variable:

• Observa el código JavaScript. La primera línea probablemente contenga algo similar a `var giveMessage;`.
• `var` es la palabra clave que se usa en JavaScript para declarar una variable. Significa que estás creando un espacio en la memoria del ordenador para almacenar información.

2. Asignar un Valor a la Variable:

•    - La asignación de valores se realiza utilizando el signo igual (`=`). Por ejemplo:

var giveMessage = "Este es un mensaje importante.";

• Aquí, `giveMessage` actúa como el nombre de un cajón donde guardas el mensaje. Cada vez que se referencia `giveMessage` en el script, JavaScript sabe que estás hablando de “Este es un mensaje importante.”

 Paso 3: Usar la Variable en el Script

1. Implementación Práctica de la Variable:

• Si necesitas mostrar este mensaje en una alerta, puedes utilizar la variable en lugar de repetir el texto. Por ejemplo:

app.alert(giveMessage);

• Esto hace que el programa muestre una ventana de alerta con el mensaje que has almacenado en `giveMessage`.

 Paso 4: Probar el Script

1. Guardar y Probar Cambios:

• Después de editar el script, guarda los cambios en las propiedades del campo y cierra el cuadro de diálogo.

• Prueba el formulario interactuando con el campo para asegurarte de que la ventana de alerta se muestra correctamente con el mensaje almacenado en la variable.

 Consejos para Nombrar Variables

• Claridad y Concisión: Elige nombres de variables que sean descriptivos pero concisos.
• Evitar Espacios y Caracteres Especiales: Los nombres de variables no deben incluir espacios ni caracteres especiales, y no deben comenzar con números.

 Conclusión

El uso de variables en JavaScript es un aspecto fundamental de la programación que te permite gestionar datos de manera eficiente y hacer que tu código sea más legible y fácil de mantener. Con este tutorial, has aprendido cómo declarar, asignar y utilizar variables en el contexto de un formulario PDF en Adobe Acrobat, lo cual es esencial para automatizar y mejorar la interactividad de tus documentos.

Ejercicio Práctico 1: Mensaje Personalizado

Aquí tienes dos ejercicios prácticos que podrías desarrollar utilizando el formulario "Voucher Order Form" que proporcionaste junto con el tutorial sobre el uso de variables en JavaScript dentro de un formulario PDF en Adobe Acrobat:

Ejercicio Práctico 1: Cálculo de Monto Total de Vouchers

Objetivo:

Crear un formulario PDF interactivo que permita al usuario ingresar la cantidad de vouchers que desea ordenar y calcular el monto total a pagar utilizando JavaScript y variables.

Indicaciones

1. Crear el formulario:

• Edite el campo de texto para que el usuario ingrese la Numero de bonos que desea ordenar.

• Agrega un botón de "Calcular Monto" que al hacer clic, calculará el monto total a pagar.

2. Agregar el script:

• Sigue los pasos del tutorial para acceder al editor de JavaScript del campo de texto de Número de bonos .

• Presione el botón "Agregar" una variable para almacenar la Numero de bonos ingresados por el usuario.

// Acceder al campo de texto de Número de bonos

var fieldNumeroBonos = this.getField("Numero de bonos");

// Crear una variable para almacenar la cantidad de vouchers ingresada por el usuario

var cantidadVouchers = fieldNumeroBonos.value;

// Crear una variable para el precio unitario de cada voucher

var precioUnitario = 10; // Valor fijo, puedes permitir al usuario ingresarlo

// Calcular el monto total multiplicando la cantidad de vouchers por el precio unitario

var montoTotal = cantidadVouchers * precioUnitario;

// Mostrar el monto total en un cuadro de diálogo

app.alert("El monto total a pagar es: " + montoTotal);

• Crea una variable para el precio unitario de cada voucher (puedes establecer un valor fijo o permitir que el usuario lo ingrese).
• Calcula el monto total multiplicando la cantidad de vouchers por el precio unitario.

3. Mostrar el resultado:

• Asocia un evento de clic al botón "Calcular Monto" que muestre una alerta con el monto total a pagar.

// Asociar la acción de clic al botón "Calcular Monto"

this.getField("Numero de bonos").value; // Obtener la cantidad de vouchers ingresada por el usuario

var precioUnitario = 10; // Valor fijo, puedes permitir al usuario ingresarlo

var montoTotal = cantidadVouchers * precioUnitario; // Calcular el monto total

app.alert("El monto total a pagar es: " + montoTotal); // Mostrar el monto total en un cuadro de diálogo

4. Probar el formulario:

• Guarda el formulario y pruébalo interactuando con él para asegurarte de que funciona correctamente.

https://www.youtube.com/watch?v=0mDWbMa4Dd0&list=PLRKQt7mKHLkE8IuKSXlBl7E76eFZfWWO3&index=10