Remplacer un mot dans une URL prédéfinie

Version imprimable

Bonjour,
Je viens d’intégrer un code JS dans mon HTML pour avoir un formulaire… bon voila le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <body> <form name="formulaire" method="get" action="" onsubmit="return testsubmit()"> <center> <input type="text" name="test" value=""/> <input type="button" value="Com" onclick="gopage('http://www.code.com/')" /> <input type="button" value="Net" onclick="gopage('http://www.code.net/')" /> </center> </form> <script language="javascript"> // fonction pour le cas d'appui sur la touche entrée function testsubmit() { return !!document.formulaire.action; } //fonction pour choisir l'action function gopage(page) { document.formulaire.action = page; document.formulaire.submit(); } </script> </body>
Ce code affiche un champ texte a côté de deux boutons [com] et [net]
si vous entrez "blabla" et vous cliquez sur le bouton [com] vous serez porter ver l'URL: http://www.code.com/?test=blabla
ce que je veux c'est qu'il remplace "code" par le texte que je viens d'enter, comme ce la: http://www.blabla.com/

Merci et excusez mon orthograph :?

bonjour :)
ceci te conviendrait il ? :

Code:

1
2
3
4
5
<center>
	<input id="test" type="text" name="test" value=""/>
	<input type="button" value="Com" onclick="gopage('http://www."+document.getElementById('test').value+".com/')" />
	<input type="button" value="Net" onclick="gopage('http://www."+document.getElementById('test').value+".net/')" />
</center>

Comme ca ca devrait marcher, mais tu pourrais simplifier ta page en ne faisant pas de formulaire et en utilisant window.location.href dans ton javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<body>
 
<form name="formulaire" method="get" action="" onsubmit="return testsubmit()">
 
<center>
	<input type="text" name="test" id="test" value=""/>
	<input type="button" value="Com" onclick="gopage('com')" />
	<input type="button" value="Net" onclick="gopage('net')" />
</center>
 
</form>
 
	<script language="javascript">
		// fonction pour le cas d'appui sur la touche entrée
		function testsubmit() {
			return !!document.formulaire.action;
		}
 
		//fonction pour choisir l'action
		function gopage(page)
		{
			var url = 'http://www.' + document.getElementById('test').value + page;
			document.formulaire.action = url;
			document.formulaire.submit();
		}
	</script>
 
 
</body>

05/01/2012, 13h18
ticroch

Dans mon code il y a une petite erreur, après ça marche :

Code:

var url = 'http://www.' + document.getElementById('test').value + "." + page;
05/01/2012, 13h22
orikalch

Hoohooo comme sur des roulettes, je vous adore tous.
Merci beaucoup.
05/01/2012, 13h30
orikalch

ticroch désormais vous êtes mon sauveur.

Un petit truc, il y a un ?test=blabla à la fin de l'URL. Y a-t-il un moyen de ne plus l'avoir ?

Merci.
05/01/2012, 13h44
ticroch

Oui, retire le name="test" dans ton input, ça n'apparaitra plus.
05/01/2012, 15h51
vermine

Bonjour,

Je me permets juste de signaler que l'on n'utilise plus cette syntaxe :

Code:

<script language="javascript">

mais bien celle-ci :

Code:

<script type="text/javascript">

;)