ActiveX Control Pad ActiveX Control Pad

Listados y ejemplos de controles ALX

Actualizado el 18/Abr/97
Revisado el 18-Jul-97 (están en rojo)

Una incursión en el tema de los controles ActiveX, esta vez creados con el ActiveX Control Pad de Microsoft.
Estos ejemplos sólo serán visibles y funcionarán bien con el Internet Explorer 3.01 o superior. (que pelota que soy!, estaba buscando una excusa para poner el logo del MSIE, para ver si así me mandan algunos CDs estos señores de Microsoft)

Necesitarás varias cosillas para que todo esto funcione: Las herramientas

Los ejemplos:

  1. Un HTML Layout con el control TabStrip
  2. El ejemplo para mostrar el logo de Microsoft Explorer

1.- Un HTML Layout con el control TabStrip (6/Abr)

Para empezar veamos un pequeño ejemplo de cómo crear un archivo ALX en el que insertaremos un control TabStrip con tres solapas y poca cosa más, sólo es a título de prueba.

Para bajarte las páginas de ejemplo, pulsa en este link y te mostrará la página con el control ALX. (Page1.htm)
(Seguramente tendrás que pulsar en una solapa para quitar los controles... ¡ No sé por qué no funciona el Window_OnLoad ! ) Pues porque se debe poner Layout1_OnLoad.
Sustituye Layout1 por el nombre del Layout, el que pongas en la sección de declaración, por ejemplo: <DIV ID="Layout1" STYLE="LAYOUT:FIXED;WIDTH:400pt;HEIGHT:241pt;">

Esta conexión te mostrará el archivo Layout1.alx y te permitirá guardarlo en el disco.

Vamos con el ejemplo:

  • Carga el ActiveX Control Pad
  • Crea un nuevo HTML Layout
  • Inserta un TabStip
  • Selecciónalo y selecciona el primer Tab (pulsando dos veces, verás que el cuadro se pone más oscuro)
  • Pulsa el botón derecho del ratón y selecciona, del menú emergente, Rename para cambiarle el nombre a la solapa
    (Si no te ha mostrado las opciones Rename, etc, es que debes pulsar de nuevo en el control TabStrip)
  • Cámbiale el nombre y añade el ToolTip, si quieres.
  • Para insertar más solapas, haz la misma operación, pero esta vez selecciona Insert
  • Una vez que tengas las solapas creadas (en el ejemplo he creado tres), puedes insertar más controles.
  • Para el ejemplo he insertado 3 Labels y 3 CommandButtons
  • Asignale los valores que quieras... Sólo estarán de "adorno". En esta ocasión no se hará nada con ellos.

Bien, ahora hay que introducir el código para que todo esto "funcione"
Guarda el Layout (se guardará con la extensión ALX)
Ahora pulsa sobre la pantalla (en una parte vacía del contenedor) con el botón derecho del ratón, del menú selecciona View Source Code (si no lo has guardado, te avisará que se deben guardar los cambios realizados) y añade este código:

<SCRIPT LANGUAGE="VBScript">
<!--
Sub Layout1_OnLoad()
	HideControls
	TabStrip1_Click 0
End Sub
Sub HideControls()
	Label1.Visible=False
	CommandButton1.Visible=False
	Label2.Visible=False
	CommandButton2.Visible=False
	Label3.Visible=False
	CommandButton3.Visible=False
End Sub
Sub TabStrip1_Click(Index)
	HideControls
	If Index=0 then
		Label1.Visible=True
		CommandButton1.Visible=True
	ElseIf Index=1 then
		Label2.Visible=True
		CommandButton2.Visible=True
	ElseIf Index=2 then
		Label3.Visible=True
		CommandButton3.Visible=True
	End if
End Sub
-->
</SCRIPT>

Creo que el código es bastante simple y que se entiende, pero por si las moscas, te lo explico un poco.

En el Layout1_OnLoad lo primero que se hace es ocultar los controles, no he averiguado como "contener" estos controles en otro control, (no he experimentado demasiado con esto de los HTML-Layouts), por tanto los oculto primero para después mostrar los que quiero, según la solapa pulsada, cosa que se hace en el TabStrip1_Click, en esta rutina, primero se ocultan los controles y después se muestran los que pertenecen a la solapa activa.
En cuanto a la rutina de ocultar los controles, tampoco he hallado (no la he buscado mucho, tampoco) una forma de ocultar todos los controles mediante un bucle... ya veré que se puede hacer al respecto.

Y ya está. Es fácil y encima no sirve para nada! (Grrr...)
Sin bromas, un html-layout nos puede servir para "formatear" y posicionar controles a nuestro antojo. Sobre todo para el caso de que se necesiten hacer formularios de entrada de datos. Los controles que "posiciones" se quedarán en ese sitio y quedarán más parejos, como si lo hicieras con Visual Basic. Y además, (tengo que probarlo), es capaz de funcionar hasta con VB.

EH! Que se me olvidaba la página HTML para que esto sea visible. (Que cabeza la mia!)
Pulsa en Nuevo y esta vez selecciona Internet Document (HTML)

Te mostrará un código tan simple como este:

<HTML>
<HEAD>
<TITLE>NEW PAGE</TITLE>
</HEAD>
<BODY>


</BODY>
</HTML>

Ahora vamos a insertar nuestro control ALX en la página, para ello debes posicionarte, (ya estarás ahí), después del <BODY> y pulsar con el botón derecho y seleccionar Insert HTML Layout... (también puedes hacerlo desde el menú Edit)
Selecciona el que acabas de guardar y ya está.
Una vez cambiado el título y el fondo en el BODY, el código será este:

<HTML>
<HEAD>
<TITLE>Test Layout1.alx</TITLE>
</HEAD>
<BODY bgcolor=white>

<OBJECT CLASSID="CLSID:812AE312-8B8E-11CF-93C8-00AA00C08FDF"
ID="Layout1_alx" STYLE="LEFT:0;TOP:0">
<PARAM NAME="ALXPATH" REF VALUE="Layout1.alx">
 </OBJECT>

</BODY>
</HTML>

Ya puedes probarlo (una vez que lo hayas guardado, claro)
Ahora si que está finalizado este tema.

2.- El ejemplo para mostrar el logo de Microsoft Explorer (18/Abr)

La página de prueba, mostrará el logo de Se ve mejor con... se usan dos archivos ALX.
El que muestra el Se ve mejor con (Layout1_ie.alx) y el que muestra Pulsa aquí para empezar (Layout2_ie.alx)
Pulsa en los respectivos links para cargar y ver los listados.
Te recomiendo que le eches un vistazo al código, para que veas cómo se hace para que la etiqueta se desplace, simple, pero efectivo.
¡Que lo disfrutes!

Estas son las herramientas (programas) que necesitarás para poder crear/usar los controles ALX (6/Abr)

Se ve mejor con Internet Explorer

El ActiveX Control Pad (se supone que lo incluye el MSIE, pero este link es a la versión Design-Time)

ir al índice