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

Version imprimable

23/05/2008, 18h48
motorenshi

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

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.
23/05/2008, 20h30
Zwiter

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.

Un truc comme ça? :

Code:

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>

24/05/2008, 10h18
SpaceFrog

oui un

Code:

self.location .href

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

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

Mon code au final :

Code:

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>