Menu em forma de lista rolante

Novembro 2016




Eis um script quer lhe permite fazer um menu sob forma de lista rolante.
Quando o internauta escolherá um elemento nesta lista, ele será dirigido para o endereço correspondente .
ALT
Exemplo de lista rolante]

A ser colocado no cabeçalho de sua página (entre <head> e </head>) :
<script type="text/javascript">   
window.onload = função() {   
 formulário = document.getElementById('form_url');   
    
 formulário.onsubmit = funçã () {   
  if(this.elements[0].value != "") {   
   document.location.href = this.elements[0].value;   
  }   
 };   
    
 formulário.elements[0].onchange = function() {   
  if(this.value != "") {   
   document.location.href = this.value;   
  }   
 };   
};   
</script>

O script seguinte deve ser colocado em seu conteúdo, lá onde você quiser ver a lista (este script já é completado por alguns exemplos) :
<form action="redirection.php" methode="post" id="form_url">   
 <p>   
  <label for="url">Menu :</label>   
  <select name="url" id="url">   
   <option value="">Choisissez :</option>   
   <option value="index.html">Accueil</option>   
   <option value="news.html">Les news</option>   
   <option value="contact.html">Nous contacter</option>   
  </select>   
  <input type="submit" value="Ok" />   
 </p>   
</form>
Este script é muito simples para adaptar, e você deverá compreender facilmente o princípio.

Para não ter desvantagens aqueles que não ativaram Javascript (mesmo que sejam raros), você pode criar uma página nomeada "direção.php" que contenha:
<?php   
header('Location: '.urldecode($_GET['url']);   
?>



Tradução feita por Ana Spadari


Veja também :
Este documento, intitulado « Menu em forma de lista rolante »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.