Hvordan lage en kombinasjonsboks med klikkbare linker til nettsider
En kombinasjonsboks er en svært vanlig verktøy som brukes i nettsteder. Det er en klikkbar nedtrekkslisten som normalt laget ved hjelp av HTML-skjemaer. Du kan legge spesiell funksjonalitet til kombinasjonsboks ved sprinkling litt Javascript i HTML. Denne funksjonaliteten inkluderer å gjøre nettleseren navigere til en annen nettside når en kobling klikkes på rullegardinmenyen i kombinasjonsboksen. For eksempel kan du lage en kombinasjonsboks som ber brukeren om å velge mellom tre nettsteder, navigere brukeren til området når de velger det.
bruksanvisning
1 Åpne din favoritt editor (Notepad eller TextEdit vil gjøre det bra).
2 Skriv inn følgende HTML-kode:
<HTML>
<BODY>
<Script type = \ "text / javascript \">
funksjon link_go () {
if (document.link_form.link_sel.options [document.link_form.link_sel.selectedIndex] .Value! = \ "none \") {
plassering = document.link_form.link_sel.options [document.link_form.link_sel.selectedIndex] .Value
}
}
document.write ( '<form name = \ "link_form \"> <velg name = \ "link_sel \" size = 1 OnChange = \ "link_go () \">')
GÅ
document.write ( '<option value = ingen> Velg en destinasjon side')
GÅ
document.write ( '<option value = ingen> --------------------')
GÅ
document.write ( '<option value = \ "Google" rel = "nofollow" target = "_blank"> http: //www.google.com \ & quot;> Google')
GÅ
document.write ( '<option value = \ "Yahoo" rel = "nofollow" target = "_blank"> http: //www.yahoo.com \ & quot;> Yahoo')
GÅ
document.write ( '<option value = \ "eHow" rel = "nofollow"> http: //www.ehow.com \ & quot;> eHow')
GÅ
document.write ( '</ select>')
GÅ
document.write ( '</ form>')
GÅ
</ Script>
</ BODY>
</ HTML>
3 Gå til \ "Fil \" \ "Lagre som \" og lagre filen med navnet \ "ComboBox.html \" og klikk \ "Save. \"
4 I \ "Min datamaskin \" naviger til mappen der du lagret filen. Dobbeltklikk på \ ". Html \" fil. Dette vil åpne en nettleser med siden du opprettet. Du vil se din kombinasjonsboksen øverst på siden, med teksten \ "Velg en destinasjon siden. \" Klikk kombinasjonsboksen, og velg \ "Google, \" \ "Yahoo, \" eller \ "eHow. \ "Når du gjør, nettleseren din vil automatisk bli omdirigert til området.
5 Du kan legge til sidene til kombinasjonsboksen med følgende syntaks:
document.write ( '<option value = \ "Min" rel = "nofollow" target = "_blank"> http: //www.your_page_here.com \ & quot;> Min Side Name')
GÅ
Bytt ut \ "your_page_here \" med linken du ønsker brukerne å bli henvist til og endre \ "Min Side Name \" til måten ønsker deg ditt skal vises i kombinasjonsboksen.