Come creare un collegamento ipertestuale manuale a una scheda Spry

March 24

"Spry schede" è un widget JavaScript che crea un'interfaccia a schede nella pagina Web. Ogni scheda può visualizzare diversi contenuti, che permette di condensare una grande quantità di contenuti in una piccola area. È possibile collegare direttamente ad una determinata scheda, utilizzando un apposito comando "onClick" JavaScript all'interno del tuo tag di ancoraggio HTML. Si aprirà scheda a seconda di quale si sceglie nel widget "Scheda Spry", visualizzando il contenuto della scheda per l'utente.

istruzione

1 Fare clic con il documento di una pagina Web che contiene il widget di "Spry schede".

2 Fai clic su "Apri con". Fare clic per scegliere "Blocco note" o "WordPad" e poi cliccare su "OK".

3 Individuare il widget di "Spry schede". Il widget consiste in una lista non ordinata ( "<ul>" e "<li>" tag) e diversi "<div>" contenitori, racchiuso all'interno di una apertura "<div>" tag e una chiusura "</ div>" tag . L'apertura "<div>" tag contiene una proprietà definita "id", come "id = 'TabbedPanels1'" che verrà utilizzato per fare riferimento al widget.

4 Fare clic per posizionare il cursore su una riga vuota in cui si desidera creare il collegamento ipertestuale.

5 Tipo "<a href='#' onClick='TabbedPanels1.showPanel(X); tornare false;'>" sulla riga vuota.

6 Sostituire il testo "TabbedPanels1" nel passaggio precedente con il valore "ID" dal widget "Spry Tabs" che si trova nella Fase 3. Sostituire la "X" nel "ShowPanel (X)" il testo nel passaggio precedente con il numero del pannello che si desidera aprire con il collegamento ipertestuale, come ad esempio "ShowPanel (2)". Se collega direttamente a una scheda da una pagina diversa, sostituire il "#" nel "href = '#'" il testo nel passaggio precedente con l'URL della pagina Web che contiene il widget di "Spry schede".

7 Fare clic sul menu "File" e poi su "Salva" per salvare la pagina web ranking.


Articoli Correlati