Programmazione Web » Javascript » Organizzare i contenuti in un drop down menu
Organizzare i contenuti in un drop down menu
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1077 volte
Questo script ci può tornare utile se abbiamo molti contenuti da inserire nelle nostre pagine ma non abbiamo spazio a sufficienza!
Molti webmaster lo utilizzano per la gestione delle FAQ (Frequency Asked Questions)... ma ovviamente possiamo adattarlo a qualsiasi nostro scopo!
Incolliamo queste righe dove vogliamo che compaia questo drop down menu.
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form name="ddmessage"><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<select name="selectbox" size="1" onChange="changecontent(this)">
<option selected value="Sezione n. 1">Sezione n. 1</option>
<option value="Sezione n. 2">Sezione n. 2</option>
<option value="Sezione n. 3">Sezione n. 3</option>
<option value="Sezione n. 4">Sezione n. 4</option>
</select><br / >
</td>
</tr>
<tr>
<td width="100%"><textarea rows="8" name="contentbox" cols="35" wrap="virtual"></textarea><br>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
<script language="JavaScript">
var thecontents=new Array()
// modificare qui i contenuti... fare attenzione alle sequenze di escape
thecontents[0]='Qui tutto il testo della sezione n. 1'
thecontents[1]='Qui tutto il testo della sezione n. 2'
thecontents[2]='Qui tutto il testo della sezione n. 3'
thecontents[3]='Qui tutto il testo della sezione n. 4'
function changecontent(which){
document.ddmessage.contentbox.value=thecontents[which.selectedIndex]
}
document.ddmessage.contentbox.value=thecontents[document.ddmessage.selectbox.selectedIndex]
</script>
Ricordate che per le sequenze di escape Javascript usa il carattere \ (backslash), quindi se dovete andare a capo nella riga dove andrete ad inserire i contenuti utilizzate \n , per inserire un apostrofo \' , per le doppie virgolette \" e così via.
Aggiungi questo tutorial ai preferiti
