Utiliser un < select><option> pour un menu minimaliste
Bonjour.
Je tente de mettre au point une site "responsive design".
Pour les plus petites écrans j'aimerais utiliser la formule suivante pour le menu :
Mais cette formulation ne fonctionne pas...
Quelqu'un pourrait m'aider dans cette démarche ?
Merci d'avance pour vos précieux conseils.
Je tente de mettre au point une site "responsive design".
Pour les plus petites écrans j'aimerais utiliser la formule suivante pour le menu :
<center> <select> <option selected="selected">Choisir un sujet</option> <option><a href="adresse de la page1.php">Choix 1</a></option> <option><a href="adresse de la page2.php">Choix 2</a></option> <option>etc...<option> </select> </center>
Mais cette formulation ne fonctionne pas...
Quelqu'un pourrait m'aider dans cette démarche ?
Merci d'avance pour vos précieux conseils.
1 réponse
-
Pour utiliser les balises select ou input tu as besoin d'être dans un formulaire.
Il te manques donc les balises suivantes.<form action='mapage.php'> // ton select </form>
A moins que tu veuilles faire fonctionner ceci en ajax?-
@Yuh12 Je pense que son problème est surtout d'avoir des <a> dans sa balise option.
@tazleterrible Il faut faire ça avec Javascript, voici un ptit bout de code en exemple :
<html>
<head>
<script type="text/javascript">
function myGoto(obj){
var destPage = obj.options[obj.selectedIndex].getAttribute('dest-page');
if(destPage){
document.location.href=destPage;
}
}
</script>
</head>
<body>
<form>
<select onChange='javascript:myGoto(this);return false;'>
<option selected="selected">Choisir un sujet</option>
<option dest-page="choix1.php"><a href="adresse de la page1.php">Choix 1</a></option>
<option dest-page="choix2.php"><a href="adresse de la page2.php">Choix 2</a></option>
<option>etc...<option>
</select>
</form>
</body>
</html>
-
