Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: vicky le le 20-04-2010 a 18:17:55

Titre: Création boite déroulante avec liens
Posté par: vicky le le 20-04-2010 a 18:17:55

Bonjour ,

Je souhaite créer une barre comme celle montrée dans ce site : http://www.greenpeace.org/usa/ ( GREENPEACE WORLDWIDE avec barre de défilement,
colonne de gauche avec petite carte mondiale°)

Quel est le code html pour créer des liens à partir de ce genre de barre?( boite?) ☞ on clique sur un pays, on est envoyé sur la page dudit site ...
Je ne trouve nulle part comment faire

Lorsque je fais la formule habituelle a href"#">pays</a> rien ne part...

Merci à vous tous!

Titre: Re:Création boite déroulante avec liens
Posté par: Pad le le 20-04-2010 a 18:25:53

Essaye ceci :

Code:
<select name="Lien" size="1" onchange="window.location.href=this.value">
<option value="http://www.google.fr">Google</a></option>
<option value="http://www.yahoo.fr">Yahoo</a></option>
</select>


et sinon recherche sur google : "lien dans balise SELECT" tu devrais y trouver ton bonheur...

Titre: Re:Création boite déroulante avec liens
Posté par: vicky le le 20-04-2010 a 18:58:58

Merci , c'est super , exactement ce que je voulais!

Titre: Re:Création boite déroulante avec liens
Posté par: elsyfiryos le le 25-04-2010 a 17:53:56

Salut,
on peut aussi utiliser du javascript:


Code:
<form method="post" action="redirection_navigation.php">
<p><select name="menu_destination" onchange="document.location = this.options[this.selectedIndex].value;" id="menu_destination_liste">
<option value="#">Choisissez ...</option>
<option value="index.php">Accueil</option>
<option value="page1.php">Page 1</option>
</select>
<input type="submit" value="valider" id="valider"/>
</form>



Il faut créer la page: redirection_navigation.php


Code:
<?php
/* on vérifie que l'information "menu_destination" existe ET qu'elle n'est pas vide : */
if ( isset($_POST['menu_destination']) && !empty($_POST['menu_destination']) )

/* si c'est bien le cas (existe ET non-vide à la fois), on redirige le visiteur vers sa valeur choisie de l'information "menu_direction" : */
{header("Location: ".$_POST['menu_destination']."");}

/* sinon, on le redirige vers une autre page utile : */
else
{header("Location: index.php");}
?>


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.