Abrir tópico con la navegación

ediciÓn de JAVASCRIPT

El concepto de la edición Javascript es asociar a los campos de formulario los eventos Javascript, lo que significa, para cada campo se puede editar las acciones asociadas a sus eventos


Figura 1: Interfaz de Edición Javascript

Atributos:

Edición Javascript

Después de seleccionar el objeto y evento y haga clic en el botón Editar, se abrirá una ventana de edición de JavaScript que se ejecutará cuando se produce el evento seleccionado. En esta pantalla podemos informar las acciones personalizadas de JavaScript o el uso estándar de eventos de la ScriptCase como por ejemplo: nm_reload_form ();

Figura2:. Interfaz de Edición Javascript

Después de guardar el comando de javascript, haga clic en en el botón (actualización), se concluyó el trabajo.

El lenguaje Javascript, ni siempre teiene el mismo comportamiento para todos los navegadores disponibles en el mercado. Siempre que sea necesario escribir un bloque más elaborado o complejo en este idioma, es importante hacer las pruebas en los navegadores que la aplicación se ejecutará.


OnClick Example:

Cuando haga clic en un campo del tipo de radio se puede activar / desactivar una serie de campos de formulario de acuerdo con el valor seleccionado

if(document.F1.sex[0].checked){
    document.F1.aux_maternity.disabled = false;
    document.F1.aux_maternity.style.background='FFFFFF'
}
if(document.F1.sex[1].checked){
   document.F1.aux_maternity.disabled = true;
   document.F1.aux_maternity.style.background='FCEEBC'
}

Nota: Para acceder a un campo del radio es necesario utilizar un índice.

OnBlur Example:

Podemos definir un criterio en todo el campo "weekly_hour_job" cuando se pierde el foco.

if (document.F1.tp_folha[0].checked  && document.F1.weekly_hour_job.value > '20')
{   
     alert("job hour above the allowed.");
     document.F1.weekly_hour_job.value = "";
     document.F1.weekly_hour_job.focus();
}

onChange examples:

Al modificar el "salario" de un empleado y salir del campo, se producirá un "onChange", en este momento aproveche para comprobar si la "posición" es "jardinero".

if (document.F1.salary.value > 5000.00 && document.F1.position.value == 'gardener'){

alert('when you grow i want to be a gardener');

}

Despues de informar el valor de la compra y seleccionar la modalidad del pago en un objeto de la "Selección: payment_way tipo", el código JavaScript a continuación calcula el valor de la parcela.

 if (document.F1.payway[document.F1.payment_way.selectedIndex].text == 'avista')
{
      document.F1.parcelvalue.value = document.F1.purchasevalue.value;
}
if (document.F1.payway[document.F1.payment_way.selectedIndex].text == '30/60')
{
      document.F1.parcelvalue.value = document.F1.purchasevalue.value / 2;
}
if (document.F1.payway[document.F1.payment_way.selectedIndex].text == '30/60/90')
{
      document.F1.parcelvalue.value = document.F1.purchasevalue.value / 3;
}

onMouseOver Example:

Podemos cambiar el estilo (color de fondo, color de fuente, etc) cuando el ratón está sobre el campo.

document.F1.field_name.style.bgColor = "0FFCCA"

onMouseOut example

Establecer un color de fondo cuando el campo pierde foco