Menu a discesa

**Vault** · 11-09-2003, 21:10:29

Salve a tutti, mi servirebbe il codice in html (possibilmente solo html) per creare un menu a discesa, se non sbaglio come quello che c'� in fondo alle pagine di gmc (sul forum); magari anche le impostazioni.

Credo sia quello cos�:
<select name="">
<option>
<option>
</select>

Ma non so come impostarlo; preciso che come opzioni ci voglio mettere dei siti; possibilmente, vorrei che alla selezione del sito questo si caricasse, invece di usare pulsanti come "Vai".

**devilheart** · 16-09-2003, 19:16:47

devi utilizzare uno script php:
questo � il codice x il menu:

<form action="carica.php">
<select name="siti">
<option value="1">Nome del primo sito</option>
<option value="2">Nome del secondo sito</option>
</select>
<input type="submit" value="vai">
</form>

questo � il codice del script php:

<?php
if ($siti==1) header("Location: http://www.google.it");
if ($siti==2) header("Location: http://www.yahoo.it");
?>

ovviamente puoi cambiare i nomi visualizzati e gli indirizzi.

**X582** · 19-09-2003, 21:58:00

Questo � il codice per il menu a discesa.
Ho messo l'indirizzo del tuo sito come opzione gi� selezionata, cos� che l'evento "onchange" del javascript pu� verificarsi.

document.all.sito.value � il valore dell'opzione scelta, se inserisci l'oggetto all'interno di un form puoi sostituire all con il nome del tuo form.

<select name="sito" onchange="javascript:window.location.href='http://' + document.all.sito.value">
<option value="il tuo sito" selected>il tuo sito</option>
<option value="gamesradar.msn.it">Gamesradar.it</option>
<option value="www.google.it">Google.it</option>
</select>

La pagina pu� avere .html

spero ti sia d'aiuto.

**Il0v3pAiN** · 21-09-2003, 16:44:42

Inviato da devilheart

questo � il codice del script php:

<?php
if ($siti==1) header("Location: http://www.google.it");
if ($siti==2) header("Location: http://www.yahoo.it");
?>

ovviamente puoi cambiare i nomi visualizzati e gli indirizzi.

utilizzare la variabile $siti come hai fatto tu funziona solo se sono attivate le globals, cosa che di default non si fa pi� da qualche versione di php fa per motivi di sicurezza.

basta aggiungere una riga:

<?php
$siti = $HTTP_POST_VARS['siti'];

if ($siti==1) header("Location: http://www.google.it");
if ($siti==2) header("Location: http://www.yahoo.it");
?>

se invece di usare una form il link fosse stato passato nell'url, invece di HTTP_POST_VARS bisognerebbe usare HTTP_GET_VARS.
nelle ultime versioni di PHP poi sono stati introdotti altri array che contengono tutte le variabili post/get inviate in un unico gruppo, ma se l'host dove mettete lo script non ha un interprete aggiornato non vanno.

**devilheart** · 21-09-2003, 17:44:29

su altervista funziona. al massimo si fanno delle prove

**Teo** · 22-09-2003, 18:03:35

Preso da html.it

GENERE: menu
DESCRIZIONE: menu verticale espandibile
COMPATIBILITA': Explorer 5.x, Netscape 6.x
USO FILE ESTERNI: no
Non ho voglia di scrivere...quindi:
Appiccica sto codice in una pagina e guardalo!

<HTML>

<HEAD>
<TITLE>HTML.it - il sito italiano sul Web publishing</TITLE>

<style>
A:link, A:visited { text-decoration: none }
A:hover { text-decoration: underline }
</style>

<style type="text/css">
.menutitle{
cursor: pointer;
margin-bottom: 2px;
background-color: #ECECFF;
color: #000000;
width: 140px;
padding: 2px;
text-align: center;
font-weight: bold;
/*/*/border: 1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName( "span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

</script>

</HEAD>
<BODY BGCOLOR="white" vlink="blue" link="blue">
<br><br><br>

<div align="center">
<font face="verdana"><b>Clicca sul menu per espanderlo</b></font>
</div>

<br><br>

<div id="masterdiv">

<div class="menutitle" onclick="SwitchMenu('sub1')">News e Articoli</div>
<span class="submenu" id="sub1">
- <a href="http://webnews.html.it/news/">News</a><br>
- <a href="http://webnews.html.it/focus/">Focus</a>
</span>

<div class="menutitle" onclick="SwitchMenu('sub2')">Webmaster</div>
<span class="submenu" id="sub2">
- <a href="http://www.html.it">Html.it</a><br>
- <a href="http://freephp.html.it">Freephp.html.it</a><br>
- <a href="http://freeasp.html.it/">Freeasp.html.it</a>
</span>

<div class="menutitle" onclick="SwitchMenu('sub3')">Forum</div>
<span class="submenu" id="sub3">
- <a href="http://forum.html.it">Forum.html.it</a>
</span>

<div class="menutitle" onclick="SwitchMenu('sub4')">Apprendimento</div>
<span class="submenu" id="sub4">
- <a href="http://e-learning.html.it/">E-learning</a><br>
- <a href="http://corsi.html.it">Corsi</a>
</span>

</div>
</HTML>

**devilheart** · 22-09-2003, 20:48:19

x Teo. utile ma � una inutile complicazione.

**Teo** · 27-09-2003, 16:48:35

Inviato da devilheart
x Teo. utile ma � una inutile complicazione.

Mah...complicazione � una parolona...basta cambiare 2 lettere per adattarlo alle proprie esigenze e ha un migliore impatto grafico...

Amministratori
206567@RedazioneGV	233018@techGV
Guardian
215617@Don Dema	153820@Illuminated
5880@iMaX
Moderatori
95216@Alienware	234323@Bismark
236104@gabry1710	172466@King_Of_Kings_21
26508@Metalmark	28512@MikiM
235165@Redazione Gamesvillage	233457@TheGu
236103@thekingdani	87740@titan2010

Discussione: Menu a discesa

Strumenti Discussione

Menu a discesa

Regole di Scrittura