Récupération valeurs de champ et utilisation de celles-ci dans un lien HTML

**motorenshi** · 23/05/2008, 18h48

Bonjour,

Je cherche à faire un truc tout simple, et je me suis dit que cela pouvait être fait de manière statique (sans JSP, servlets,..) surement à l'aide de Javascript mais je ne connais pas bien ce langage..

J'ai une page HTML qui contient deux champs (input HTML) et un bouton.
Je souhaiterais, lors du click sur le bouton, afficher une autre page HTML dont l'URL serait composée d'une partie connue et des 2 paramètres récupérés depuis les champs d'input.

Peut-on faire cela avec Javascript? Si oui de quelle manière?

Merci.

**Zwiter** · 23/05/2008, 20h30

je ne suis pas expert en javascript, mais en html, c'est tout a fait possible d'envoyer les informations en utilisant la methode GET et non POST pour soumettre ton formulaire.

**Capt. Flame** · 24/05/2008, 05h47

Un truc comme ça? :

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
 
<html>
    <head>
        <script language="javascript" type="text/javascript">
            var openPage = function(){
                window.open(document.getElementById('part1').value + document.getElementById('part2').value);
            }
        </script>
    </head>
    <body>
        <input type="text" id="part1" value="http://" />
        <input type="text" id="part2" value="www.developpez.com" />
        <input type="button" onclick="openPage()" value="Go" />
    </body>
</html>

**SpaceFrog** · 24/05/2008, 10h18

oui un

Code :

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

 self.location .href

comme le montre Capt. il suffit de concaténer le lien à partir des values des inputs

**motorenshi** · 26/05/2008, 14h43

Super c'est exactement ça, merci à vous 2!

Mon code au final :

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
18
<html>
<head>
<script language="javascript" type="text/javascript">
	var openPage = function(){
  	var url = new String("http://www.monURL.com?param1=" + document.getElementById('param1').value + "&param2=" + document.getElementById('param2').value);
	self.location.href= url;
    }
</script>
</head>
 
<body>	
 
<input id="param1" type="text" />
<input id="param2" type="password" />
<input type="button" onclick="openPage()" value="Submit" /></td>
 
</body>
</html>

Récupération valeurs de champ et utilisation de celles-ci dans un lien HTML

JavaScript

Vue hybride

Discussions similaires

Partager

Partager