Discussion :

[caillon]

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

[Bisûnûrs]

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code Javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[caillon]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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