May 13
Una casella combinata è uno strumento molto comune utilizzato nei siti web. Si tratta di un elenco a discesa cliccabile che normalmente viene creata usando moduli HTML. È possibile aggiungere funzionalità speciale per la vostra casella combinata spruzzando un po 'di JavaScript nel codice HTML. Questa funzionalità include rendendo il browser Web passare a una pagina Web diversa quando un link viene cliccato nel menu a discesa della casella combinata. Ad esempio, è possibile creare una casella combinata che chiede all'utente di scegliere fra tre siti web, la navigazione l'utente al sito quando selezionarlo.
1 Aprite il vostro editor preferito (Blocco note o TextEdit farà bene).
2 Digitare il seguente codice HTML:
<HTML>
<BODY>
<Script type = \ "text / javascript \">
Funzione link_go () {
if (document.link_form.link_sel.options [document.link_form.link_sel.selectedIndex] .value! = \ "none \") {
location = document.link_form.link_sel.options [document.link_form.link_sel.selectedIndex] .value
}
}
document.write ( '<form name = \ "link_form \"> <nome select = \ "link_sel \" size = 1 onchange = \ "link_go () \">')
ANDARE
document.write ( '<option value = none> Selezionare la pagina di destinazione')
ANDARE
document.write ( '<option value = none> --------------------')
ANDARE
document.write ( '<option value = \ "Google" rel = target "nofollow" = "_blank"> http: //www.google.com \ & quot;> Google')
ANDARE
document.write ( '<option value = \ "Yahoo" rel = target "nofollow" = "_blank"> http: //www.yahoo.com \ & quot;> Yahoo')
ANDARE
document.write ( '<option value = \ rel "eHow" = "nofollow"> http: //www.ehow.com \ & quot;> eHow')
ANDARE
document.write ( '</ select>')
ANDARE
document.write ( '</ form>')
ANDARE
</ Script>
</ BODY>
</ HTML>
3 Vai a \ "File, \" \ "Salva come \" e salvare il file con il nome \ "ComboBox.html \" e fare clic su \ "Salva. \"
4 In \ "Risorse del computer, \" passare alla cartella in cui è stato salvato il file. Fare doppio clic sul \ ". Html \" file. Si aprirà un browser web con la pagina creata. Vedrete la vostra casella combinata nella parte superiore della pagina, con il testo \ "Selezionare la pagina di destinazione. \" Fare clic sulla casella combinata e selezionare \ "Google, \" \ "Yahoo, \" o \ "eHow. \ "Quando si esegue, il browser verrà automaticamente reindirizzato al sito.
5 È possibile aggiungere pagine al tuo casella combinata utilizzando la seguente sintassi:
document.write ( '<option value = \ "La mia" rel = target "nofollow" = "_blank"> http: //www.your_page_here.com \ & quot;> La mia pagina Nome')
ANDARE
Sostituire \ "your_page_here \" con il link che desideri agli utenti di essere re-indirizzate a cambiare e \ "La mia pagina Nome \" per il modo in cui si desidera il vostro collegamento ad apparire nella casella combinata.