Faire un lien sur un choix dans un formulaire

minimouse -  
 minimouse -
Bonsoir tout le monde,

je souhaite faire un textarea avec plusieurs choix : je m'explique - je souhaiterais mettre plusieurs choix (au moins 50) :

- N°1
- N°2
.
.
.
- N°50

avec Dreamweaver, si je fais un formulaire avec une zone de texte, j'aurais comme un menu déroulant où les différents choix apparaitront. Jusqu'ici pas de problème, sauf que j'aimerais faire un lien sur tous ces choix : la "fenêtre" apparait avec tous les choix et si je clique sur le choix 18, j'aurais une page en pdf qui s'affichera (et ceci sur tous les choix). Avez-vous une idée pour arriver à faire ce truc ?
Merci d'avance pour vos réponses.
A voir également:

9 réponses

Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

qu'appelles-tu "textarea" ?
la balise '<textarea>' ?
dans ce cas tu ne peux pas ajouter de liens dedans puisqu'elle est faite pour une saisie utilisateur.

tu peux faire une liste de liens (comme un menu) et le mettre en page avec css ou tu peux utiliser une liste déroulante en codant l'évènement 'onchange' en Javascript.
0
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Salut toi,

Encore là ?

Ça ne serait pas plutôt d'une liste de choix que minimouse veut parler ?
http://fr.selfhtml.org/html/formulaires/choix.htm
  <form action="select.htm">
    <p>
      <select name="top5" size="1">
        <option>David Halliday</option>
        <option>Michael Jackson</option>
        <option>Michel Jonasz</option>
        <option>C&eacute;line Dion</option>
        <option>Patrick Bruel</option>
      </select>
    </p>
  </form>

Bonne nuit.

--
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923 > Gihef Messages postés 5165 Statut Contributeur
 
salut,

non je n'y étais plus mais c'est bien ce que je voulais dire par "liste déroulante".
oui je sais, s'était approximatif !

0
vignemail1 Messages postés 1262 Statut Contributeur 259
 
plutôt ça il me semble :

<form action="select.php">
    <p>
      <select name="top5" multiple="multiple" size="8">
        <option>David Halliday</option>
        <option>Michael Jackson</option>
        <option>Michel Jonasz</option>
        <option>C&eacute;line Dion</option>
        <option>Patrick Bruel</option>
      </select>
    </p>
  </form>
0
minimouse
 
Merci à vous tous,

j'ai trouvé à cette adresse : http://fr.selfhtml.org/javascript/exemples/liste_liens.htm mon bonheur car c'est ce que je souhaite faire mais j'aimerais que cette liste apparaisse non pas dans la page index mais dans une autre page et d'autant plus je ne comprends pas comment faire les liens. voici mon exemple :

j'ai une page index.html dans laquelle il y a un lien vers une page qui s'appelle pays.html. Sur cette dernière page il y a une fenêtre qui contient une liste de choix :Albanie - Autriche - Belgique - Bulgarie ... Comment faire tous ces liens ? je suis perdue ...
Voici le code dont je souhaite me servir :
<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
function Vas_y(x) {
 if(x == "rien") {
   document.forms[0].reset();
   document.forms[0].elements[0].blur();
   return;
 }
 else if(x == "end")
   top.location.href = parent.frames[1].location;
 else {
   parent.frames[1].location.href = x;
   document.forms[0].reset();
   document.forms[0].elements[0].blur();
 }
}
//-->
</script>
</head>
<body bgcolor="#EEEEEE">
<form action=""><select size=1 name="choix"
  onChange="Vas_y(this.form.choix.options[this.form.choix.options.selectedIndex].value)"
  style="width:250px; background-color:#FFFFE0; font-size:9pt; font-family:Arial,sans-serif;"
  width="250">
<option value="rien">[ Faîtes votre choix! ]</option>
<option value="rien">------------------------</option>
<option value="../liste_liens.htm">Liste de liens comme liste de choix</option>
<option value="rien">------------------------</option>
<option value="../../../editorial/index.htm">Éditorial</option>
<option value="../../../introduction/index.htm">Introduction</option>
<option value="../../../html/index.htm">HTML</option>
<option value="../../../css/index.htm">Feuilles de style CSS</option>
<option value="../../../xml/index.htm">XML/DTDs</option>
<option value="../../../javascript/index.htm">JavaScript/DOM</option>
<option value="../../../dhtml/index.htm">HTML dynamique</option>
<option value="../../../cgiperl/index.htm">CGI/Perl</option>
<option value="rien">------------------------</option>
<option value="end">Terminer
</select></form>
</body>
</html>


Encore merci
0
minimouse
 
j'oubliais une chose importante : Albanie doit diriger vers une page pdf : Albanie.pdf et ainsi pour tous les autres pays

Merci
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
minimouse
 
j'ai trouvé ce code :
[CODE]
<script language="JavaScript">
function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
var url ;
url = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
window.open(url,'_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0');
}
}
</script>

<FORM>
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)" >
<OPTION SELECTED VALUE="">-Selectionnez votre pays-</option>
<option value="https://www.pagesjaunes.fr/">Albanie</option>
<option value="https://www.pagesjaunes.fr/">Autriche</option>
</SELECT>
</FORM>
[/CODE]

le problème (pas très grave) c'est que je n'ai plus le scroll !!!

Etant donné que la liste va être longue, je ne pourrais pas faire une recherche : par exemple si vous taper "Z", tous les pays commençant par Z s'affichent ?

Merci d'avance pour votre aide
0
minimouse
 
j'ai trouvé ce code :
 
<script language="JavaScript"> 
function ChangeUrl(formulaire) 
{ 
if (formulaire.ListeUrl.selectedIndex != 0) 
{ 
var url ; 
url = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value; 
window.open(url,'_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0'); 
} 
} 
</script> 

<FORM> 
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)" > 
<OPTION SELECTED VALUE="">-Selectionnez votre pays-</option> 
<option value="https://www.pagesjaunes.fr/">Albanie</option> 
<option value="https://www.pagesjaunes.fr/">Autriche</option> 
</SELECT> 
</FORM> 


le problème (pas très grave) c'est que je n'ai plus le scroll !!!

Etant donné que la liste va être longue, je ne pourrais pas faire une recherche : par exemple si vous taper "Z", tous les pays commençant par Z s'affichent ?

Merci d'avance pour votre aide
0
minimouse
 
j'ai testé ce code avec plusieurs choix et j'ai .... le scroll, donc super par contre je ne vois toujours pas comment faire une recherche ..
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

tu pourrais faire de l'autocomplétion en JavaScript.
dans l'exemple il requête sur un serveur en PHP, toi tu pourrais plus simplement parcourir un tableau renseigné auparavant et proposé le mot qui se rapproche le plus en fonction du caractère saisie.
0
minimouse
 
Merci Dalida,

je viens de suivre ton lien et tout ça me parait bien compliqué !!! ce que je souhaite juste c'est pouvoir faire une recherche sur une liste de choix (liste de pays en utilisant le code quelques messages plus haut) et qu'une fois que j'ai tapé"Z", apparaissent dans la liste tous les pays commençant par Z (afin d'éviter de faire défiler la liste par l'internaute)... j'ai trouvé des scripts de fonction de recheche sur les mots de la page mais comment l'intégrer pour une liste de choix ?
0