rss
FormulairePlus
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Faire un lien sur un choix dans un formulaire

minimouse, le jeudi 20 septembre 2007 à 23:47:30
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.
Configuration: Windows XP
Firefox 2.0.0.6
Répondre à minimouse  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 21 septembre 2007 à 00:51:30
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.
[ Mathieu ]
"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985
Répondre à Dalida

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le vendredi 21 septembre 2007 à 01:20:24
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.

--
Répondre à Gihef

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 21 septembre 2007 à 09:37:34
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 !

[ Mathieu ]
"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985
Répondre à Dalida

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
vignemail1, le vendredi 21 septembre 2007 à 09:13:24
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>
Répondre à vignemail1

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
minimouse, le vendredi 21 septembre 2007 à 10:22:55
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
Répondre à minimouse

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
minimouse, le vendredi 21 septembre 2007 à 10:30:48
j'oubliais une chose importante : Albanie doit diriger vers une page pdf : Albanie.pdf et ainsi pour tous les autres pays

Merci
Répondre à minimouse

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
minimouse, le vendredi 21 septembre 2007 à 14:14:31
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="http://www.monsite.fr/pays/Albanie.pdf">Albanie</option>
<option value="http://www.monsite.fr/pays/Autriche.pdf">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
Répondre à minimouse

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
minimouse, le vendredi 21 septembre 2007 à 14:17:40
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="http://www.monsite.fr/pays/Albanie.pdf">Albanie</option> 
<option value="http://www.monsite.fr/pays/Autriche.pdf">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
Répondre à minimouse

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
minimouse, le vendredi 21 septembre 2007 à 16:43:05
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 ..
Répondre à minimouse

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 21 septembre 2007 à 17:06:27
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.
[ Mathieu ]
"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985
Répondre à Dalida

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 minimouse, le vendredi 21 septembre 2007 à 19:13:16
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 ?
Répondre à minimouse
Logiciels pertinents trouvés dans les téléchargements
Télécharger Xenu's Link Sleuth 1.2jXenu's Link Sleuth - Xenu's Link Sleuth est un logiciel permettant de vérifier les liens brisés d'un site web. La vérification est effectuée...Catégorie: Webmaster
Licence: Freeware/gratuit
Télécharger MediaInfo 0.7.7.5MediaInfo - MediaInfo fournit la liste des codecs nécessaires ainsi que des informations techniques sur vos fichiers vidéo et audio. ...Catégorie: Codecs
Licence: Open Source
Télécharger AM-Deadlink 3.2AM-Deadlink - AM-DeadLink est un outil permettant de détecter les liens morts et les doublons dans les favoris ( bookmarks ) du ...Catégorie: Web
Licence: Freeware/gratuit
Télécharger BitTorrent 6.0.3BitTorrent - BitTorrent est un client pour le réseau Peer-To-Peer éponyme, c'est-à-dire un logiciel de téléchargement P2P capable de...Catégorie: Téléchargement
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « Faire un lien sur un choix dans un formulaire »