Edición de HTML y JavaScript (versión Pro)

Edición de JavaScript

Esta función requiere conocimiento detallado de la Web. Si bien no es necesario tener conocimientos de programación como tales, resulta útil saber ciertas cosas básicas acerca de los lenguajes usados para crear páginas Web. El uso típico de esta función es la importación de código HTML o JavaScript escrito por otras personas o copiado de la Web. Como es imposible saber qué es lo que encontrará, no podemos dar ninguna garantía de que el código importado vaya a funcionar como se espera que lo haga. El único enfoque aquí es probar el código y usar la ficha Ver página actual en Internet Explorer para verificar si funciona correctamente. Ver página actual en Internet Explorer.

Hay dos niveles para la integración de código, que se muestran en las dos solapas secundarias:

Web Creator Pro JavaScript

El código de esta sección inicialmente contiene lo que se genera mediante las fichas Acción de los diversos elementos. Este código puede modificarse. Por ejemplo, los usuarios expertos pueden copiar y pegar código en lugar de ingresar repetidas veces los comandos desde la opción Acción para elementos similares.

Los dos campos de la izquierda permiten encontrar un elemento y el método asociado a él con rapidez. El cursor se posiciona dentro de la función seleccionada.

También es posible agregar nuevo código JavaScript. Este código puede funcionar en todas las opciones de salida del software de LMSOFT: en una red local, en archivos ejecutables y en CD-ROM, siempre que se usen únicamente los siguientes métodos en este nuevo código.

Métodos y sucesos disponibles para los elementos de Web Creator

Página:

Métodos:

GetX()
GetY()
GetW()
GetH()

Sucesos:

OnClick
OnMouseDown
OnMouseUp
OnMouseEnter
OnMouseLeave

Botón:

Métodos:

SetX(valor)
GetX()
SetY(valor)
GetY()
SetW(valor)
GetW()
SetH(valor)
GetH()
SetXYWH(valor, valor, valor, valor)
IsVisible()
Show()
Hide()
ShowEffect()
HideEffect()
ToggleVisibleState()
IsDrawingEffect()
RollIn()
RollOut()

IsPress()
Press(estado)

Sucesos:

OnClick
OnMouseDown
OnMouseUp
OnMouseEnter
OnMouseLeave

WhenButtonDown
WhenButtonUp

Imagen:

Métodos:

SetX(valor)
GetX()
SetY(valor)
GetY()
SetW(valor)
GetW()
SetH(valor)
GetH()
SetXYWH(valor, valor, valor, valor)
IsVisible()
Show()
Hide()
ShowEffect()
HideEffect()
ToggleVisibleState()
IsDrawingEffect()
RollIn()
RollOut()

Sucesos:

OnClick
OnMouseDown
OnMouseUp
OnMouseEnter
OnMouseLeave

Texto:

Métodos:

SetX(valor)
GetX()
SetY(valor)
GetY()
SetW(valor)
GetW()
SetH(valor)
GetH()
SetXYWH(valor,valor,valor,valor)
IsVisible()
Show()
Hide()
ShowEffect()
HideEffect()
ToggleVisibleState()
IsDrawingEffect()
RollIn()
RollOut()

Sucesos:

Animación/Vídeo:

Métodos:

SetX(valor)
GetX()
SetY(valor)
GetY()
SetW(valor)
GetW()
SetH(valor)
GetH()
SetXYWH(valor,valor,valor,valor)
IsVisible()
Show()
Hide()
ShowEffect()
HideEffect()
ToggleVisibleState()
IsDrawingEffect()
RollIn()
RollOut()

Play()
Stop()
TogglePlayState()

Sucesos:

OnClick
OnMouseDown
OnMouseUp
OnMouseEnter
OnMouseLeave

WhenVideoTerminate

Sonido:

Métodos:

RollIn()
RollOut()

Play()
Stop()
TogglePlayState()

Sucesos:

WhenSoundTerminate

Flash:

Métodos:

SetX(valor)
GetX()
SetY(valor)
GetY()
SetW(valor)
GetW()
SetH(valor)
GetH()
SetXYWH(valor,valor,valor,valor)
IsVisible()
Show()
Hide()
ShowEffect()
HideEffect()
ToggleVisibleState()
IsDrawingEffect()
RollIn()
RollOut()

Play()
Stop()
TogglePlayState()
Rewind()
Back()
Forward()

Sucesos:

Formulario:

Métodos:

FSubmit()
FReset()

Sucesos:

OnSubmit
OnReset

Campos:

Propiedades:

object (entrada de etiqueta HTML)

Métodos:

SetX(valor)
GetX()
SetY(valor)
GetY()
GetW()
GetH()
IsVisible()
Show()
Hide()
ShowEffect()
HideEffect()
ToggleVisibleState()
IsDrawingEffect()
RollIn()
RollOut()

focus()
Enable()
Disable()
ToggleEnableState()

Sucesos:

OnEnable
OnDisable
OnClick
OnDblClick
OnMouseDown
OnMouseUp
OnEnter
OnLeave
OnChange
OnKeyDown
OnKeyPress
OnKeyUp
OnSelect

Validación

Ejemplo de validación para Campo1 (tres maneras de tener acceso al valor del campo):

function Field1_OnChange()
{
if(is.ns) Field1=FindTagFromId("Field1"); // For Netscape compatibility
alert(Field1.object.value);   // Access by object properties

if(is.ns) Form1=FindTagFromId("Form1"); // For Netscape compatibility
alert(Form1.variable1.value);   // Access with variable

alert(Form1.obj Field1.value);   // Access by object: obj Field1

}

El campo en sí está encapsulado en el elemento.

Para tener acceso a este objeto, use las propiedades del objeto.

El nombre de esta etiqueta es el nombre del elemento precedido por “obj”.

Compatibilidad:

Es posible tener acceso a los elementos directamente en Internet Explorer pero no en Netscape.

Para que haya compatibilidad con los dos exploradores, agregue la siguiente línea antes de llamar a una propiedad o un método de un elemento:

if(is.ns) element1=FindTagFromId("element1");

De allí en adelante puede usar: element1.XXX

Otro código Web HTML y JavaScript

En esta ficha se puede agregar todo código HTML o JavaScript que respete las especificaciones W3C. En general, en esta ventana se puede incluir código que ya esté funcionando en otros sitios Web. Puede usar la opción Ver página actual en Internet Explorer para corroborar que funcione bien.

Si este código muestra algo y usted quiere colocarlo en otro lugar de la página, puede pegarlo en un elemento contador.