i

Please enable JavaScript to view this site.

Documentación 8.5

Es la parte del área de modelado donde se puede extender la funcionalidad de la página y de sus elementos. Cada elemento tiene una lista de eventos predefinidos dependiendo del tipo de elemento.

 

El área de edición de código se visualiza en la parte inferior de la página, a continuación de una barra con íconos. El ícono CM0076~1_img1 en el centro de la barra permite modificar el tamaño del área, mientras que el ícono CM0076~1_img2 en el extremo derecho permite cerrar la misma.

 

 

MPA-EdiciondeCodigo-001

Secciones

 

Editor de código Javascript de la página: Permite agregar y modificar las funciones asociadas a los eventos de los elementos o páginas.

Lista de eventos: A la derecha del editor de código se visualiza el controlador de eventos, el mismo contiene el identificador y la lista de eventos del elemento seleccionado. Si no hay ningún elemento seleccionado se despliega la lista de los eventos de la página.

Opciones del Editor

 

iconoEjecutar Realiza la misma operación que la vista previa.

 

CM0079~1_img1 Aumenta el tamaño del panel y llega a cubrir el área de modelado de la página.

CM0079~1_img2 Vuelve el panel a su tamaño anterior.

 

iconoLuzNegra

CM0079~1_img3 Cambia el estilo del editor de código a modo oscuro.

CM0079~1_img4 Cambia el estilo del editor de código al modo anterior.

Operaciones

Asociar una Función

 

La página tiene definidas en forma predeterminada las funciones asociadas para sus tres eventos. En cambio sus elementos no tienen definida ninguna función.

 

Para asociar una función a un evento se debe seleccionar el mismo en la lista de eventos del elemento, habilitando el ingreso del nombre de la función. Automáticamente se genera un nombre con el identificador del elemento concatenado con el nombre del evento y al presionar el ícono iconomaseventos se crea en el código la función que se asocia al evento.

 

Si la función ya existe automáticamente se agrega un número como sufijo. Se valida que no se creen funciones con el mismo nombre.

Seleccionar una Función

 

Al seleccionar una función en la lista de eventos del elemento, se mueve el foco sobre dicha función en el editor de código Javasript.

Desasociar una Función

 

Para desasociar una función de un evento se debe presionar el ícono iconoTachito que se visualiza al deslizar el cursor sobre la línea en la lista de eventos. De esta manera se elimina la asociación de la función con el evento pero no se elimina del código.

 

Si se borra la función en el código Javascript, la misma sigue apareciendo asociada en la lista de eventos, sin embargo el evento no ejecuta ninguna función y no da error.

Envianos tu comentario
Compartir en X Compartir en Linkedin Enviar por Email Imprimir