November 7
Non hai bisogno di anni di esperienza di programmazione per imparare come aggiungere una casella di riepilogo a un HTA. HTA, noto anche come ipertestuali applicazioni, sono le applicazioni Windows che girano al di fuori di un browser sul desktop. È sufficiente fare doppio clic su uno, e si esegue utilizzando il codice HTML e JavaScript che fornisci. La creazione di un elenco di controllo di dialogo all'interno di un HTA è simile all'aggiunta di uno a un documento HTML regolare.
1 Aprire il Blocco note e copiare il testo riportato di seguito in un nuovo documento:
<Html>
<Head>
<Title> Casella di riepilogo test </ title>
<HTA: APPLICAZIONE
ID="Listbox"
APPLICATIONNAME="Listbox"
</ Head>
Questo codice crea una definizione di intestazione HTA standard che consente di inserire un titolo, ID e il nome dell'applicazione per l'applicazione HTA.
2 Incollare il seguente codice dopo il codice da Passo 1:
<Script language = tipo "javascript" = "text / javascript">
Funzione getSelectedItem (casella di riepilogo) {
var selectedItem;
var listObj = document.getElementById (casella di riepilogo);
Opzioni var = listObj.options;
if (listObj.selectedIndex> -1) {
var = selectedItem opzioni [listObj.selectedIndex] .value;
alert ( "Si è scelto" + selectedItem);
}
altro {
selectedItem = "none";
alert ( "Scegliere un valore");
}
}
</ Script>
Questo codice crea una funzione JavaScript che accetta il valore id di una casella di riepilogo e ottiene la sua voce selezionata controllando valore "selectedIndex" della casella di riepilogo, come illustrato sopra.
3 Creare la casella di riepilogo aggiungendo il seguente codice dopo il codice elencato nel passaggio precedente:
<Select id = "MyListBox" size = "3">
<Option value = "red"> rosso </ option>
<Option value = "Blue"> Blu </ option>
<Option value = "verde"> Verdi </ option>
</ Select>
<Input type = valore "pulsante" = "Mostra elenco di selezione" onclick = "tornare getSelectedItem ( 'MyListBox')" />
Questo codice HTML crea un elemento di selezione di base che ha tre attributi opzionali. Ogni opzione definisce un elemento che compare nella lista. L'aggiunta di un attributo size ad una selezionata id rende espandersi e rimanere aperti. Questo lo fa apparire come un elenco. Il pulsante passa del selezionare il valore id alla funzione JavaScript descritto in precedenza.