Tecnología

Inicio

Cómo utilizar un cuadro de lista en una HTA

Usted no necesita años de experiencia en programación de aprender cómo agregar un cuadro de lista a una HTA. HTA, también conocidos como aplicaciones de hipertexto, son aplicaciones de Windows que se ejecutan fuera de un navegador en el escritorio. Simplemente haga doble clic en uno, y se ejecuta utilizando el código HTML y JavaScript que proporcione. Creación de un control de cuadro de lista en el interior de una HTA es similar a agregar a un documento HTML normal.

Instrucciones

1 Abrir Bloc de notas y copie el texto se muestra a continuación en un nuevo documento:

<Html>
<Head>
<Title> Lista de buzones de prueba </ title>

<HTA: SOLICITUD

ID=&quot;Listbox&quot;
APPLICATIONNAME=&quot;Listbox&quot;

</ Head>

Este código crea una definición de cabecera HTA estándar que le permite introducir un título, ID y Nombre de la aplicación para la aplicación HTA.

2 Pegue el código siguiente después del código del Paso 1:

<Script language = "javascript" type = "text / javascript">
getSelectedItem función (cuadro de lista) {

selectedItem var;
var LISTOBJ = document.getElementById (cuadro de lista);
var options = listObj.options;

si (listObj.selectedIndex> -1) {
var = selectedItem opciones [listObj.selectedIndex] .value;
alert ( "eligió" + selectedItem);
}

else {
selectedItem = "none";
alert ( "Por favor, elija un valor");
}

}
</ Script>

Este código crea una función de JavaScript que acepte el valor id de un cuadro de lista y obtiene su elemento seleccionado mediante la comprobación de valor "selectedIndex" del cuadro de lista como se muestra arriba.

3 Crear el cuadro de lista añadiendo el código siguiente después del código que aparece en el paso anterior:

<Select id = tamaño "MiCuadroDeLista" = "3">
<Option value = "rojo"> red </ option>
<Option value = "Blue"> Blue </ option>
<Option value = "green"> Verdes </ option>
</ Select>
<Input type = "button" value = "Mostrar cuadro de lista de selección" onclick = "return getSelectedItem ( 'MiCuadroDeLista')" />

Este código HTML crea un elemento de selección básica que tiene tres atributos de opción. Cada opción define un elemento que aparece en la lista. Adición de un atributo de tamaño a un select id hace que se expanda y permanecen abiertos. Esto hace que se vea como una lista. El botón pasa del selecto valor id a la función de JavaScript se ha descrito anteriormente.

Consejos y advertencias

  • Es probable que tenga más de tres artículos en su lista de control. Añadir elementos adicionales mediante la adición de más sentencias de opciones por debajo de los ya existentes. Después de añadir más opciones, cambiar el tamaño de selección de valor para que sea igual al número de elementos del cuadro de lista.