Générer plusieurs liens avec 1 input et 1 bouton

Version imprimable

07/11/2006, 11h58
caillon

1 pièce(s) jointe(s)

Générer plusieurs liens avec 1 input et 1 bouton

Bonjour à toutes et à tous,
J'ai comme projet de réaliser une petite interface de recherche (pièce jointe).
1) l'utilisateur rentre un mot puis clique sur le bouton
2) Récupération du mot et génération de plusieurs liens
Par exemple: l'utilisateur rentre bonjour, il faut créer les liens suivants:
http://www.google.ch/search?hl=fr&q=bonjour
http://www.altavista.com/web/results?itag=ody&q=bonjour

(je ne souhaite pas utiliser ces moteurs de recherche mais le principe reste le même, c'est à dire rajouter la requete de l'utilisateur à une URL préfabriquée)

3) Affichage des liens

Je suis totalement bloqué à la deuxième étape car je vois pas comment je pourrais créer plusieurs liens avec un seul bouton. Est-ce possible en javascript ? Quelqu'un pourrait-il me donner les grandes lignes et éventuellement les fonctions à creuser ?

Merci d'avance :oops:

Code:

1
2
<input type="text" id="idInput" />
<input type="button" value="Ok" onclick="affLiens('idInput')" />

Code:

1
2
3
4
5
6
7
8
9
10
function affLiens(id){
   var tab = new Array();
 
   tab[0] = "http://www.google.ch/search?hl=fr&q=";
   tab[1] = "http://www.altavista.com/web/results?itag=ody&q=";
 
   for(var i=0;i<=tab.length-1;i++){
      alert(tab[i]+document.getElementById(id).value);
   }
}

Voilà déjà comment créer les liens.
Je te laisse chercher dans la FAQ Javascript pour les afficher dans ta page.

qlq problèmes..

Bonjour Bisûnûrs (et les autres?!) !
Tout d'abord je te remercie pour ta réponse. Voilà plusieurs heures que je suis croché !
Avec la fonction alert ca marche, les liens sont créés correctement. Mais ensuite si j'enlève alert() dois-je passer par une variable ou est-ce que tout est stocker dans tab[0], tab[1],... ?
Puis-je laisser:
Code:

1 2 3 for(var i=0;i<=tab.length-1;i++){ tab[i]+document.getElementById(id).value;
Je n'arrive absolument pas à afficher les valeurs correctement (cf. code ci-dessous)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function affLiens(id){ var tab = new Array(); tab[0] = "http://www.google.ch/search?hl=fr&q="; tab[1] = "http://www.altavista.com/web/results?itag=ody&q="; for(var i=0;i<=tab.length-1;i++){ tab[i]+document.getElementById(id).value; document.write(tab[0]); /*retourne la valeur "http://www.google.ch/search?hl=fr&q="*/ } document.write(tab[0]); /*ici ca me retourne encore la valeur de base de tab[0] http://www.google.ch/search?hl=fr&q= */ } document.write(tab[1]); /* ne retourne absolument rien, le tableau n'est donc accessible qu'au sein de la fonction ? */
Par ailleurs quand je clique sur le bouton, le navigateur avance d'une page pour afficher les document.write, j'aimerais faire en sorte que ceux-ci apparaissent au dessous du champ et du bouton, est-ce possible ?

Merci d'avance pour votre aide :oops: