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