Activar a ActiveX
Si has pasado ya algún tiempo analizando la nueva generación de web Browsers: Microsoft Interner Explorer 4.0 y su contraparte de Netscape, es probable que hayas escuchado el termino ActiveX. Aunque Java sigue siendo el rey del Web, ActiveX esta ganando terreno con rapidez. En seguida veras en que consiste ActiveX.
El concepto basico que subyace en la implementacion de ActiveX es muy sencillo. Permite que una parte de un codigo de computadora (un programa) se deslice al interior de una pagina web. El programa podria diseñarse para desempeñar casi cualquier funcion, desde producir algun sonido hasta interpretar los resultados de ingreso de un usuario. Este es un paso logico en el progreso de las paginas Web, que en principio podrian mostrar informacion solo en los estilos predefinidos.
Es cierto que ActiveX de Microsoft no es el primer intento por expandir el poder de las paginas Web. Java se basa en gran medida en este concepto al igual que los programas de escritura Java Script y Visual Basic Script (VBScript). Sin embargo, tales extensiones del Web no son iguales; cada una ofrece pros y contras, tanto al creador como al usuario final.
ActiveX se basa en la nocion de un "control": una parte modular del programa de computadora que se puede añadir a una pagina Web.
Generalmente el usuario no es quien crea el control; este ha sido prefabricado por un desarrollador e incluye una serie de caracteristicas. Como el autor de una pagina Web el usuario puede modificar las condiciones de estas caracteristicas.
Los controles ActiveX
Las principales ventajas de los controles ActiveX es que hacen que sea facil añadir CARACTERISTICAS especiales, como menus descargables (drop-down), a una pagina Web. Los controles de ActiveX son analogos a los applets de Java y se parecen a los plug-ins para Netscape Navigator.
Las tres desventajas mas comunmente mencionadas de los controles de ActiveX son:
Cuando se emplean el software apropiado para insertar y configurar un control ActiveX, aparece en pantalla un grupo de propiededes para la modificacion del autor. Con applets Java, se debe leer la documentacion de un applet en particular para saber que caracteristica soporta. (Incluso se debe consultar la documentacion relativa a los controles de ActiveX para saber que es lo que hace cada propiedad).
A diferencia de los plug-ins, si un usuario visita una pagina y no dispone de los controles de ActiveX necesarios para visualizar su contenido, los controles se descargaran y se instalarán de manera automatica en la computadora del usuario. Si despues se incluye una version anterior se actualizara la computadora del usuario con una version actual del control. Hay que descargar e instalar manualmente los plug-ins.
Cuando los controles se descargan de manera automatica, se revisa que su manipulacion sea segura. Si el navegador determina que el control de ActiveX puede haber sido manipulado, alertara al usuario o evitara que se descargue por completo el control.
Solo internet Explorer 3.0 de Microsoft y sus sucesivas versiones soporta directamente los controles de activex. Existe tambien un plug-in disponible de Ncompass Labs (http://www.ncopasslabs.com) que ofrece el soporte de ActiveX para Netscape Navigator.
Los usuarios que empleen diferentes browsers en plataformas no Windows, se pueden sentir excluidos si un sitio utiliza controles de ActiveX que no puedan ver. Se espera que ActiveX se propagara en todas las plataformas y browsers.
En el próximo articulo entraremos en materia, con la explicacion de algunos tips para insertar controles ActiveX a las paginas Web.
ActiveX, Luces, Acción
Antes de que se pueda insertar un control Activex en una pagina Web, el usuario debe tener el control que reside en la computadora. Si ya dispone de Internet Explorer 3.0, tendra en su maquina un pequeño grupo de controles. Para obtener mas controles, visite la pagina web que contenga el control que desea (el control se descargara y se instalara de forma automatica). Ya se han desarrollado varios catalogos que permiten que se pueda navegar en los controles para un futuro uso, entre ellos esta la ActiveX Component Library de Microsoft: http://www.microsoft.com/activex/controls y el catalogo de C/net: http://www.activex.com
Con frecuencia, los controles ActiveX se insertan empleando la etiqueta de HTML. Este enfoque requiere de cierto conocimiento esoterico, como el Class ID del control de ActiveX, asi como las propiedades que soporta. Para hacerlo mas sencillo, Microsoft ha lanzado una utilidad que permite añadir los controles de activex con la comididad de señalar y hacer clic. Este programa llamado ActiveX Control Pad, permite colocar y configurar los controles elegidos graficamente y mas tarde el codigo HTML apropiado se generara automaticamente.
Se puede adquirir el software ActiveX Control Pad (un gran archivo de autoextraccion) via FTP desde ftp://ftp.Microsoft.com . Busque en el directorio /developer/msd/ncpad/ el archivo setuppaad.exe. despues busque en http://www.Microsoft.com.workshop/author/cpad/setuppad.exe. como ultimo recurso. Revise la seccion de productos de la pagina de Microsoft en http://www.Microsoft.com/products.
El Control Pad despliega el codigo HTML de una pagina Web. Se puede cargar una pagina actual o usar el editor para componer una nueva pagina tecleando en las etiquetas HTML. El Control Pas no es un programa de diseño de paginas Web; solo existe para insertar los controles activex en las páginas existentes. En el próximo articulo les traigo un ejemplo practico!!!
ActiveX! Manos a la obra
En el siguiente ejemplo, empleamos el menu File Open de su Browser para cargar un pequeño archivo HTML que fue creado previamente. Para nuestro ejemplo, imaginemos que estamos creando un pequeño catalogo de vinos. Se emplearan dos tipos de controles ActiveX para ilustrar los principios basicos que estan implicados. Al principio, nuestra pagina web es un documento de HTML sencillo que contiene solo el encabezado: "Bienvenido a la bodega de Vino", y la sugerencia: "Por favor, seleccione su vino preferido". por ultimo, queremos que esta pagina para realizar las siguientes interacciones:
El usuario acciona un boton que representa un vino que sea tinto, rosado o blanco. El control ActiveX es OptionBotton (su nombre oficial el Microsoft Forms2.0 OptionBotton).
Al hacer click en un boton de texto, el usuario sera llevado a otra pagina de especiales sobre el vino preferido seleccionado, ademas la etiqueta del boton del texto cambia para reflejar la seleccion; por ejemplo, "De un click para ver los especiales de vino tinto". El control de ActiveX es el CommandBotton ( su nombre oficial es Microsoft Forms2.0) si se selecciona Insert ActiveX Control, desde el menu edit del Control Pad, se vera una lista de los controles disponibles. Estos controles estan incluidos en Control Pad y deberan estar en su sistema.
Ahora estamos listos para construir nuestra pagina web. Para comenzar, añadimos el primero de los tres OptionBottons (tambien conocidos como botones de radio).
Debido a que queremos que el bonton "Por favor seleccione su vino preferido" aparezca exactamente debajo del texto, coloca el cursor en la ventana de edicion despues de esa porcion del HTML select Insert Activex Control desde el menu edit y seleccione en la lista el Microsoft Forms 2.0 Option Botton.
El Control Pad mostrara dos nuevas ventanas, una es una representacion grafica del cotrol. Se puede alargar o colocar de otra manera el control en esa ventana. La otra es una lista de propiedades para el control, se pueden modificar cualquiera de ellas. En el caso de optionBotton, queremos modificar la propiedad Caption. Eso se hace dando un click en la ventana de propiedades e insertandola el nuevo titular al lado del boton apply. Nuestro primer boton sera para la opcion de vino tinto, por lo tanto, teclearemos "red". Haga un click en apply y vera que le cambio se reflejara en la lista de
.
En seguida, cambiamos la propiedad ID. EL ID, nunca aparece en pantalla, es para la informacion interna. En este caso, se asina la propieda ID al "red button". Por ultimo, buscaremos la propiedad "value" que esta cerca del boton de la lista. Cuando queremos asignarla a "true", con cual se realiza la seleccion por default del vino tinto, cuando el usuario ve la pagina por primera vez. Haga clik en la propiedad value y escriba la palabra true en la caja apply. De un clik en apply para completar el cambio.
Notará que hay muchas otras propiedades que no modidicamos. La documentacion para estas propiedades se encuetran en las paginas Help del Control Pad. La documentación para estas propiedades estan en las paginas de ayuda del Control Pad. La documentación para los controles Microsoft que no esta incluida en el Control Pad se puede encontrar en http://www.Microsoft.com/intdev/controls/controls-f.html ... ahora que ya hemos configurado este control, cierre la ventana llamada "edict ActiveX Control" y la ventana de Properties se cerrara automaticamente. El codigo apropiado que representa nuestro nuevo control, aparecera en el documento acutual como una serie de parametros de una sola etiqueta...
Colocaremos el cursor despues de cerrar la etiqueta y de crear otros dos controles de OptionButton. Basicamente, queremos repetir el procedimiento anterior (apartir del paso Insert ActiveX control), pero recuerde asignar Caption e ID de maera distinta para reflejar la correcta seleccion de vino, por ejemplo, cuando se cree el OptionButton vino "rosado", asigne caption para "rosado" e ID para "rose button".
Asegurese de asignar la propiedad value de las option button rosado y blanco a "falsse" debido a que solo un vino puede seleccionarse como tipo preferente. Salve con frecuencia su pagina en progreso y siempre salvela antes de cargarla en su browser y correr una prueba.
ActiveX, producto terminado!
Ahora tenemos una pagina web con tres opciones. Cargue la pagina en el explorador de Internet 3.0+ y podrá hacer clic en cada opción. Notaras que las obciones estan en barras horizontales. Si prefieres que esten alineadas en forma vertical introduce la etiqueta de HTML despues de cerrar la etiqueta para cada ObcionBotton.
Después, queremos agregar un boton que llevara al usuario a la pagina "current specials". Regrese a Insert ActiveX Control y selecione el Microsoft Form 2.0 CommandButton. En la ventana properties altere la propiedad "autosize". Seleccinela y un pequeño menu aparecera despues del boton apply permitiendole seleccionar True or False. Al seleccionar True, el boton cambiara de tamaño dependiendo de la longitud del texto que utilicemos para la etiqueta. En seguida modifique la propiedad Caption. Debido a que hemos decidido que el vino tinto es la seleccion por default, teclee "" De un click para ver los tipos de vino actuales de vino tinto". Usando la escritura, cambiaremos esta etiqueta conforme el usuario cambie su tipo de vino preferido. Emplearemos ahora la propiedad ID para referencia interna y la llamaremos "gosales".
Salve la pagina y carguela en su browser. Aunque aparezca el boton, al hacer un click no funcionara. Es aqui en donde interviene la escritura, mediante la cual trataremos de lograr tres metas:
Modificar el titular en el CommandButton para reflejar la preferencia de vino que se seleciona con mayor frecuencia.
Hacer el cambio de URL de la pagina web para el CommandBotton que indique el momento en que se seleccione la preferencia en vinos.
Para lanzar una pagina nueva de especiales de vino cuando se accione el CommandButton.
Al usar el ActiveX Control Pad, podemos crear Scripts en VBScript, JavaScript o un seudonimo conocido como la list View,. Si esta familiarizado con las escrituras y prefiere VBScript o JavaScript, señale cual es su preferencia conocida seleccionando Scripting desde el menu de Options (seleccione su lenguaje preferido y luego Code View). Para comenzar a crear su Script, inicie el Script WizarD, ya sea desde el menu "tools" o dando un click en el icono de forma en espiral que aparece al lado derecho de la barra de herramientas.
Creando como un mago (Ultima parte)
Asumiendo que estamos trabajando con el Control Pad, la ventana Script esta compuesta de tres paneles. En el panel izquierdo (numero 1) hay una lista de los objetos de la actual pagina web. Al expandir un objeto (dando un click en el signo de + que esta a la izquierda del nombre de objeto) se desplegara una lista de los eventos posibles para ese objeto. Un evento es algo que puede pasarle a ese objeto, por ejemplo se puede activar con un click. Por ejemplo, de un click en el signo de + que aparece al lado del objeto whitebutton. Uno de los eventos enlistados se llama click. De esta forma queremos determinar lo que pasara si el usuario hace click en la seleccion vino blanco. Recuerde que debe haber dos consecuencias de un solo click en el tipo de vino: cambiar el titulo del CommandButton y cambiar el URL que resulte.
De un click en el evento clik para destacarlo. Ahora debesmos seleccionar la accion que ocurrira; estas estan en el panel del lado derecho(numero 2). La primera accion pasa al Command Button, al que nombramos gosales.
De un click en el signo de + , al lado del objeto gasales en panel 2, y aparecera una lista de opciones.
La primera accion que queremos realizar es cambiar el titulo, asi que, de un click en la accion Caption para destacarla. Ahora dirigiremos nuestra atencion al panel inferior del Script wizarD(numero 3). De un click en el boton insert Action. Se nos pide introducir una cadena de texto. Aqui teclee en nuevo titulo. En este caso, nosotros escribiremos el evento para seleccionar vino blanco, y cambiar asi el titulo a : "Haga click para ver los tipos actuales de vino blanco". Haga click en Ok, y en el panel inferior aparecera la descripcion de la nueva accion. (si cambia a Code View, vera la escritura actual en vez de la descripción en ingles).
Ahora necesitamos definir el URL de la actual pagina de especiales de vino. Tenga en cuenta que estas paginas son solo hipoteticas, si esto sucediera en la vida real tendriamosque haber creado paginas web adicionales cuyo contenido fueran los especiales actuales para cada tipo de vino. Debido a que el URL es diferente de cada tipo de vino, necesitamos crear una variable global que representara el URL. Al hacer esto, podemos escribir el Command Button para llevar a cualquier pagina la variable global que se instalara.
Para crear esta nueva variable global, haga un click en Global Variables en el panel de Actions. Desde el menu popup, seleccione new global variable, y se indicara el nombre de la nueva variable y su valor inicial. Llamaremos a la variable "salesurl" y asignar su valor inicial en el http://www.mysite.com/redsales.html (recuerde que el vino tinto es la prefernecia por defecto) para lograr esto cuando se le pida el nombre de la variable, teclee en...salesurl = http://www.mysite.com/redsales.html
Finalmente, estamos listos para definir la segunda accion del evento desplegable mediante un click en el vino blanco (nuestra accion debe estar enlistada en el panel inferior). La segunda accion modificara el valor de la variables global salessurl. De este modo extienda el Global Variables en el panel Action y haga un click en nuestra variable sensurl. Luego elija "insert Action" desde el panel inferior, esto apuntara hacia un nuevo valor, donde introduciremos el URL correcto para nuestros especiales de vino blanco, como http://www.mysite.com/whitesales.html
Hemos definido dos acciones para el evento destinado a activar mediante un click la opcion vino blanco, debemos para los objetos rosado y tinto. En cada caso debemos cambiar el titular y el valor salesurl que se reflejara en cada tipo de vino.
Ahora se debe escribir el CommandButton para abrir una página web nueva en un eveto click. Este procedimiento es sencillo: el panel Evento, expanda el objeto gosales. Se tiene también un evento click. Destaque este evento. En el panel Action, expanda el objeto Window. Dentro de este, encontrara otro objeto llamada Location, que tambien tiene un signo de + para expandirlo. Dentro de este objeto localizacion, vera un accion llamada href. Este es la accion que queremos realizar: hara que se abra una pagina web especifica.
Destaque la accion href, y luego haga click en el boton Insert Action en el panel inferior. Se nos pedira una cadena de texto. Esta podria ser el URL para abrir; sin embargo, recuerde que creamos una variable global que contiene el Url. En vez de ingresar una cadena de texto usaremos el href para abrir cualquier url que contenga nuestra variable salesurl. De este modo, accione el botón Custom. Ahora, se nos preguntara el nombre de un valor o una variable, y aquí podemos teclear "salesurl".
Observe que en el panel inferior se lee: "Go to page salesurl". De un click en el botón Ok en la parte inferior de ahora Script Wizard, y el Control Pad insertara en el documento todo el html de nuestro Script.
Eso es todo hemos creado una pequeña pagina web que tiene dos controles de activex distintos. A partir de ahora, todo es cuestion de estudiar los controles adicionales, algunos de los cuales son mas largos y mas complicados, pero conducen a resultados mas deslumbrantes. No se desilusionen pero es necesario contar con el Script wizarD para poder crear todo lo que podemos hacer anteriormente descrito y además el Control Pad que es nuestro editor.
Si has pasado ya algún tiempo analizando la nueva generación de web Browsers: Microsoft Interner Explorer 4.0 y su contraparte de Netscape, es probable que hayas escuchado el termino ActiveX. Aunque Java sigue siendo el rey del Web, ActiveX esta ganando terreno con rapidez. En seguida veras en que consiste ActiveX.
El concepto basico que subyace en la implementacion de ActiveX es muy sencillo. Permite que una parte de un codigo de computadora (un programa) se deslice al interior de una pagina web. El programa podria diseñarse para desempeñar casi cualquier funcion, desde producir algun sonido hasta interpretar los resultados de ingreso de un usuario. Este es un paso logico en el progreso de las paginas Web, que en principio podrian mostrar informacion solo en los estilos predefinidos.
Es cierto que ActiveX de Microsoft no es el primer intento por expandir el poder de las paginas Web. Java se basa en gran medida en este concepto al igual que los programas de escritura Java Script y Visual Basic Script (VBScript). Sin embargo, tales extensiones del Web no son iguales; cada una ofrece pros y contras, tanto al creador como al usuario final.
ActiveX se basa en la nocion de un "control": una parte modular del programa de computadora que se puede añadir a una pagina Web.
Generalmente el usuario no es quien crea el control; este ha sido prefabricado por un desarrollador e incluye una serie de caracteristicas. Como el autor de una pagina Web el usuario puede modificar las condiciones de estas caracteristicas.
Los controles ActiveX
Las principales ventajas de los controles ActiveX es que hacen que sea facil añadir CARACTERISTICAS especiales, como menus descargables (drop-down), a una pagina Web. Los controles de ActiveX son analogos a los applets de Java y se parecen a los plug-ins para Netscape Navigator.
Las tres desventajas mas comunmente mencionadas de los controles de ActiveX son:
Cuando se emplean el software apropiado para insertar y configurar un control ActiveX, aparece en pantalla un grupo de propiededes para la modificacion del autor. Con applets Java, se debe leer la documentacion de un applet en particular para saber que caracteristica soporta. (Incluso se debe consultar la documentacion relativa a los controles de ActiveX para saber que es lo que hace cada propiedad).
A diferencia de los plug-ins, si un usuario visita una pagina y no dispone de los controles de ActiveX necesarios para visualizar su contenido, los controles se descargaran y se instalarán de manera automatica en la computadora del usuario. Si despues se incluye una version anterior se actualizara la computadora del usuario con una version actual del control. Hay que descargar e instalar manualmente los plug-ins.
Cuando los controles se descargan de manera automatica, se revisa que su manipulacion sea segura. Si el navegador determina que el control de ActiveX puede haber sido manipulado, alertara al usuario o evitara que se descargue por completo el control.
Solo internet Explorer 3.0 de Microsoft y sus sucesivas versiones soporta directamente los controles de activex. Existe tambien un plug-in disponible de Ncompass Labs (http://www.ncopasslabs.com) que ofrece el soporte de ActiveX para Netscape Navigator.
Los usuarios que empleen diferentes browsers en plataformas no Windows, se pueden sentir excluidos si un sitio utiliza controles de ActiveX que no puedan ver. Se espera que ActiveX se propagara en todas las plataformas y browsers.
En el próximo articulo entraremos en materia, con la explicacion de algunos tips para insertar controles ActiveX a las paginas Web.
ActiveX, Luces, Acción
Antes de que se pueda insertar un control Activex en una pagina Web, el usuario debe tener el control que reside en la computadora. Si ya dispone de Internet Explorer 3.0, tendra en su maquina un pequeño grupo de controles. Para obtener mas controles, visite la pagina web que contenga el control que desea (el control se descargara y se instalara de forma automatica). Ya se han desarrollado varios catalogos que permiten que se pueda navegar en los controles para un futuro uso, entre ellos esta la ActiveX Component Library de Microsoft: http://www.microsoft.com/activex/controls y el catalogo de C/net: http://www.activex.com
Con frecuencia, los controles ActiveX se insertan empleando la etiqueta de HTML. Este enfoque requiere de cierto conocimiento esoterico, como el Class ID del control de ActiveX, asi como las propiedades que soporta. Para hacerlo mas sencillo, Microsoft ha lanzado una utilidad que permite añadir los controles de activex con la comididad de señalar y hacer clic. Este programa llamado ActiveX Control Pad, permite colocar y configurar los controles elegidos graficamente y mas tarde el codigo HTML apropiado se generara automaticamente.
Se puede adquirir el software ActiveX Control Pad (un gran archivo de autoextraccion) via FTP desde ftp://ftp.Microsoft.com . Busque en el directorio /developer/msd/ncpad/ el archivo setuppaad.exe. despues busque en http://www.Microsoft.com.workshop/author/cpad/setuppad.exe. como ultimo recurso. Revise la seccion de productos de la pagina de Microsoft en http://www.Microsoft.com/products.
El Control Pad despliega el codigo HTML de una pagina Web. Se puede cargar una pagina actual o usar el editor para componer una nueva pagina tecleando en las etiquetas HTML. El Control Pas no es un programa de diseño de paginas Web; solo existe para insertar los controles activex en las páginas existentes. En el próximo articulo les traigo un ejemplo practico!!!
ActiveX! Manos a la obra
En el siguiente ejemplo, empleamos el menu File Open de su Browser para cargar un pequeño archivo HTML que fue creado previamente. Para nuestro ejemplo, imaginemos que estamos creando un pequeño catalogo de vinos. Se emplearan dos tipos de controles ActiveX para ilustrar los principios basicos que estan implicados. Al principio, nuestra pagina web es un documento de HTML sencillo que contiene solo el encabezado: "Bienvenido a la bodega de Vino", y la sugerencia: "Por favor, seleccione su vino preferido". por ultimo, queremos que esta pagina para realizar las siguientes interacciones:
El usuario acciona un boton que representa un vino que sea tinto, rosado o blanco. El control ActiveX es OptionBotton (su nombre oficial el Microsoft Forms2.0 OptionBotton).
Al hacer click en un boton de texto, el usuario sera llevado a otra pagina de especiales sobre el vino preferido seleccionado, ademas la etiqueta del boton del texto cambia para reflejar la seleccion; por ejemplo, "De un click para ver los especiales de vino tinto". El control de ActiveX es el CommandBotton ( su nombre oficial es Microsoft Forms2.0) si se selecciona Insert ActiveX Control, desde el menu edit del Control Pad, se vera una lista de los controles disponibles. Estos controles estan incluidos en Control Pad y deberan estar en su sistema.
Ahora estamos listos para construir nuestra pagina web. Para comenzar, añadimos el primero de los tres OptionBottons (tambien conocidos como botones de radio).
Debido a que queremos que el bonton "Por favor seleccione su vino preferido" aparezca exactamente debajo del texto, coloca el cursor en la ventana de edicion despues de esa porcion del HTML select Insert Activex Control desde el menu edit y seleccione en la lista el Microsoft Forms 2.0 Option Botton.
El Control Pad mostrara dos nuevas ventanas, una es una representacion grafica del cotrol. Se puede alargar o colocar de otra manera el control en esa ventana. La otra es una lista de propiedades para el control, se pueden modificar cualquiera de ellas. En el caso de optionBotton, queremos modificar la propiedad Caption. Eso se hace dando un click en la ventana de propiedades e insertandola el nuevo titular al lado del boton apply. Nuestro primer boton sera para la opcion de vino tinto, por lo tanto, teclearemos "red". Haga un click en apply y vera que le cambio se reflejara en la lista de
.
En seguida, cambiamos la propiedad ID. EL ID, nunca aparece en pantalla, es para la informacion interna. En este caso, se asina la propieda ID al "red button". Por ultimo, buscaremos la propiedad "value" que esta cerca del boton de la lista. Cuando queremos asignarla a "true", con cual se realiza la seleccion por default del vino tinto, cuando el usuario ve la pagina por primera vez. Haga clik en la propiedad value y escriba la palabra true en la caja apply. De un clik en apply para completar el cambio.
Notará que hay muchas otras propiedades que no modidicamos. La documentacion para estas propiedades se encuetran en las paginas Help del Control Pad. La documentación para estas propiedades estan en las paginas de ayuda del Control Pad. La documentación para los controles Microsoft que no esta incluida en el Control Pad se puede encontrar en http://www.Microsoft.com/intdev/controls/controls-f.html ... ahora que ya hemos configurado este control, cierre la ventana llamada "edict ActiveX Control" y la ventana de Properties se cerrara automaticamente. El codigo apropiado que representa nuestro nuevo control, aparecera en el documento acutual como una serie de parametros de una sola etiqueta...
Colocaremos el cursor despues de cerrar la etiqueta y de crear otros dos controles de OptionButton. Basicamente, queremos repetir el procedimiento anterior (apartir del paso Insert ActiveX control), pero recuerde asignar Caption e ID de maera distinta para reflejar la correcta seleccion de vino, por ejemplo, cuando se cree el OptionButton vino "rosado", asigne caption para "rosado" e ID para "rose button".
Asegurese de asignar la propiedad value de las option button rosado y blanco a "falsse" debido a que solo un vino puede seleccionarse como tipo preferente. Salve con frecuencia su pagina en progreso y siempre salvela antes de cargarla en su browser y correr una prueba.
ActiveX, producto terminado!
Ahora tenemos una pagina web con tres opciones. Cargue la pagina en el explorador de Internet 3.0+ y podrá hacer clic en cada opción. Notaras que las obciones estan en barras horizontales. Si prefieres que esten alineadas en forma vertical introduce la etiqueta de HTML despues de cerrar la etiqueta para cada ObcionBotton.
Después, queremos agregar un boton que llevara al usuario a la pagina "current specials". Regrese a Insert ActiveX Control y selecione el Microsoft Form 2.0 CommandButton. En la ventana properties altere la propiedad "autosize". Seleccinela y un pequeño menu aparecera despues del boton apply permitiendole seleccionar True or False. Al seleccionar True, el boton cambiara de tamaño dependiendo de la longitud del texto que utilicemos para la etiqueta. En seguida modifique la propiedad Caption. Debido a que hemos decidido que el vino tinto es la seleccion por default, teclee "" De un click para ver los tipos de vino actuales de vino tinto". Usando la escritura, cambiaremos esta etiqueta conforme el usuario cambie su tipo de vino preferido. Emplearemos ahora la propiedad ID para referencia interna y la llamaremos "gosales".
Salve la pagina y carguela en su browser. Aunque aparezca el boton, al hacer un click no funcionara. Es aqui en donde interviene la escritura, mediante la cual trataremos de lograr tres metas:
Modificar el titular en el CommandButton para reflejar la preferencia de vino que se seleciona con mayor frecuencia.
Hacer el cambio de URL de la pagina web para el CommandBotton que indique el momento en que se seleccione la preferencia en vinos.
Para lanzar una pagina nueva de especiales de vino cuando se accione el CommandButton.
Al usar el ActiveX Control Pad, podemos crear Scripts en VBScript, JavaScript o un seudonimo conocido como la list View,. Si esta familiarizado con las escrituras y prefiere VBScript o JavaScript, señale cual es su preferencia conocida seleccionando Scripting desde el menu de Options (seleccione su lenguaje preferido y luego Code View). Para comenzar a crear su Script, inicie el Script WizarD, ya sea desde el menu "tools" o dando un click en el icono de forma en espiral que aparece al lado derecho de la barra de herramientas.
Creando como un mago (Ultima parte)
Asumiendo que estamos trabajando con el Control Pad, la ventana Script esta compuesta de tres paneles. En el panel izquierdo (numero 1) hay una lista de los objetos de la actual pagina web. Al expandir un objeto (dando un click en el signo de + que esta a la izquierda del nombre de objeto) se desplegara una lista de los eventos posibles para ese objeto. Un evento es algo que puede pasarle a ese objeto, por ejemplo se puede activar con un click. Por ejemplo, de un click en el signo de + que aparece al lado del objeto whitebutton. Uno de los eventos enlistados se llama click. De esta forma queremos determinar lo que pasara si el usuario hace click en la seleccion vino blanco. Recuerde que debe haber dos consecuencias de un solo click en el tipo de vino: cambiar el titulo del CommandButton y cambiar el URL que resulte.
De un click en el evento clik para destacarlo. Ahora debesmos seleccionar la accion que ocurrira; estas estan en el panel del lado derecho(numero 2). La primera accion pasa al Command Button, al que nombramos gosales.
De un click en el signo de + , al lado del objeto gasales en panel 2, y aparecera una lista de opciones.
La primera accion que queremos realizar es cambiar el titulo, asi que, de un click en la accion Caption para destacarla. Ahora dirigiremos nuestra atencion al panel inferior del Script wizarD(numero 3). De un click en el boton insert Action. Se nos pide introducir una cadena de texto. Aqui teclee en nuevo titulo. En este caso, nosotros escribiremos el evento para seleccionar vino blanco, y cambiar asi el titulo a : "Haga click para ver los tipos actuales de vino blanco". Haga click en Ok, y en el panel inferior aparecera la descripcion de la nueva accion. (si cambia a Code View, vera la escritura actual en vez de la descripción en ingles).
Ahora necesitamos definir el URL de la actual pagina de especiales de vino. Tenga en cuenta que estas paginas son solo hipoteticas, si esto sucediera en la vida real tendriamosque haber creado paginas web adicionales cuyo contenido fueran los especiales actuales para cada tipo de vino. Debido a que el URL es diferente de cada tipo de vino, necesitamos crear una variable global que representara el URL. Al hacer esto, podemos escribir el Command Button para llevar a cualquier pagina la variable global que se instalara.
Para crear esta nueva variable global, haga un click en Global Variables en el panel de Actions. Desde el menu popup, seleccione new global variable, y se indicara el nombre de la nueva variable y su valor inicial. Llamaremos a la variable "salesurl" y asignar su valor inicial en el http://www.mysite.com/redsales.html (recuerde que el vino tinto es la prefernecia por defecto) para lograr esto cuando se le pida el nombre de la variable, teclee en...salesurl = http://www.mysite.com/redsales.html
Finalmente, estamos listos para definir la segunda accion del evento desplegable mediante un click en el vino blanco (nuestra accion debe estar enlistada en el panel inferior). La segunda accion modificara el valor de la variables global salessurl. De este modo extienda el Global Variables en el panel Action y haga un click en nuestra variable sensurl. Luego elija "insert Action" desde el panel inferior, esto apuntara hacia un nuevo valor, donde introduciremos el URL correcto para nuestros especiales de vino blanco, como http://www.mysite.com/whitesales.html
Hemos definido dos acciones para el evento destinado a activar mediante un click la opcion vino blanco, debemos para los objetos rosado y tinto. En cada caso debemos cambiar el titular y el valor salesurl que se reflejara en cada tipo de vino.
Ahora se debe escribir el CommandButton para abrir una página web nueva en un eveto click. Este procedimiento es sencillo: el panel Evento, expanda el objeto gosales. Se tiene también un evento click. Destaque este evento. En el panel Action, expanda el objeto Window. Dentro de este, encontrara otro objeto llamada Location, que tambien tiene un signo de + para expandirlo. Dentro de este objeto localizacion, vera un accion llamada href. Este es la accion que queremos realizar: hara que se abra una pagina web especifica.
Destaque la accion href, y luego haga click en el boton Insert Action en el panel inferior. Se nos pedira una cadena de texto. Esta podria ser el URL para abrir; sin embargo, recuerde que creamos una variable global que contiene el Url. En vez de ingresar una cadena de texto usaremos el href para abrir cualquier url que contenga nuestra variable salesurl. De este modo, accione el botón Custom. Ahora, se nos preguntara el nombre de un valor o una variable, y aquí podemos teclear "salesurl".
Observe que en el panel inferior se lee: "Go to page salesurl". De un click en el botón Ok en la parte inferior de ahora Script Wizard, y el Control Pad insertara en el documento todo el html de nuestro Script.
Eso es todo hemos creado una pequeña pagina web que tiene dos controles de activex distintos. A partir de ahora, todo es cuestion de estudiar los controles adicionales, algunos de los cuales son mas largos y mas complicados, pero conducen a resultados mas deslumbrantes. No se desilusionen pero es necesario contar con el Script wizarD para poder crear todo lo que podemos hacer anteriormente descrito y además el Control Pad que es nuestro editor.
Casi me olvidaba:
ENJOY!