October 1
Secondo Tony Schreiner, uno sviluppatore del team di Internet Explorer, la filosofia alla base navigazione a schede è quello di mantenere gli utenti nel controllo della loro esperienza. Anche se non è possibile aggiungere schede per l'interfaccia utente di Internet Explorer 7 con JavaScript, è possibile aggiungere schede a pagine Web in Internet Explorer 7.
1 Aprire Internet Explorer 7 e fare clic sul menu "Strumenti".
2 Selezionare "Opzioni Internet".
3 Fare clic sulla scheda "Protezione".
4 Selezionare l'opzione "Internet" icona del globo per aprire le impostazioni di area Internet.
5 Fare clic sul pulsante "Livello personalizzato". Verrà visualizzata la finestra di dialogo "Impostazioni di sicurezza".
6 Scorri fino alla sezione "Esecuzione script" vicino al fondo della lista. Selezionare il pulsante "Attiva" radio per l'opzione "Esecuzione script attivo".
7 Fai clic su "OK". Fai clic su "OK".
8 Creare un file HTML per produrre le schede. Utilizzare <div> tag con un attributo class = tabcontent e ID univoco per riferimento per creare la struttura e il contenuto di ogni scheda. Il codice simile a questa:
<Div class = id "tabContent" = "su">
Sostituire il ID unico effettivo per "circa".
9 Stabilire collegamenti all'interno di una lista non ordinata per creare i titoli per ogni scheda. Utilizzare un elemento di elenco individuale per ogni titolo scheda. Il codice potrebbe essere simile a questo:
<Ul id = "schede">
<Li> <a href="#about"> Chi X </a> </ li>
<Li> <a Campioni href="#samples"> di X </a> </ li>
<Li> <a href="#usage"> Utilizzando X </a> </ li>
</ Ul>
Sostituire il voci di elenco reali e titoli, naturalmente.
10 Creare un file CSS per determinare quali schede sarà simile. Il CSS determina lo stile del carattere, dimensione del carattere, e colori delle zone scheda e scheda di contenuti (vedi Risorse per tutorial e esempi).
11 Crea il codice JavaScript per attivare le schede. Le schede sono attivate collegando un gestore di eventi showTab () per ogni scheda, poi nascondere tutto, ma la prima scheda. In questo modo la scheda frontale mostra il suo contenuto, mentre gli altri sono nascosti dietro di esso. Quattro funzioni JavaScript vengono utilizzati per attivare le schede.
init () Imposta le linguette fino al caricamento della pagina.
showTab () Consente di visualizzare il contenuto della scheda selezionata e nasconde gli altri dietro di esso.
getFirstChildWithTagName () Aiuta la funzione init () recuperare l'elemento link all'interno di ogni elemento della lista scheda.
gethash () Aiuta la funzione init () estrarre il Content ID scheda si fa riferimento in un collegamento scheda.
12 Mettere gli elementi HTML, CSS e JavaScript insieme per iniziare a lavorare con le schede in Internet Explorer 7.