Remplacer un mot dans une URL prédéfinie

orikalch · 05/01/2012, 12h39

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

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
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

rotrevrep · 05/01/2012, 12h59

bonjour

ceci te conviendrait il ? :

Code :

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

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>

ticroch · 05/01/2012, 13h04

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 :

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
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>

ticroch · 05/01/2012, 13h18

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

Code :

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

var url = 'http://www.' + document.getElementById('test').value + "." + page;

orikalch · 05/01/2012, 13h22

Hoohooo comme sur des roulettes, je vous adore tous.
Merci beaucoup.

orikalch · 05/01/2012, 13h30

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.

ticroch · 05/01/2012, 13h44

Oui, retire le name="test" dans ton input, ça n'apparaitra plus.

vermine · 05/01/2012, 15h51

Bonjour,

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

Code :

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

<script language="javascript">

mais bien celle-ci :

Code :

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

<script type="text/javascript">

05/01/2012, 13h18	#4
ticroch Membre confirmé Inscription : décembre 2009 Messages : 249 Détails du profil Informations forums : Inscription : décembre 2009 Messages : 249 Points : 219 Points : 219	Dans mon code il y a une petite erreur, après ça marche : Code : Sélectionner tout - Visualiser dans une fenêtre à part var url = 'http://www.' + document.getElementById('test').value + "." + page;
	00

05/01/2012, 13h30	#6
orikalch Invité de passage Inscription : octobre 2011 Messages : 5 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : octobre 2011 Messages : 5 Points : 2 Points : 2	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.
	00

05/01/2012, 13h44	#7
ticroch Membre confirmé Inscription : décembre 2009 Messages : 249 Détails du profil Informations forums : Inscription : décembre 2009 Messages : 249 Points : 219 Points : 219	Oui, retire le name="test" dans ton input, ça n'apparaitra plus.
	00

05/01/2012, 15h51	#8
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 691 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 691 Points : 5 767 Points : 5 767	Bonjour, Je me permets juste de signaler que l'on n'utilise plus cette syntaxe : Code : Sélectionner tout - Visualiser dans une fenêtre à part <script language="javascript"> mais bien celle-ci : Code : Sélectionner tout - Visualiser dans une fenêtre à part <script type="text/javascript"> __________________ Elen Poukram - Isegoria - Sandawe
	10

05/01/2012, 13h22	#5
orikalch Invité de passage Inscription : octobre 2011 Messages : 5 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : octobre 2011 Messages : 5 Points : 2 Points : 2	Hoohooo comme sur des roulettes, je vous adore tous. Merci beaucoup.
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email