Javascript pour modifier une URL

**J_help** · 09/02/2010, 23h43

Bonjour,
Debutant en javascript je n ai pas trouv� comment faire pour charger une url en fonction d un parametre dans un champ de texte.

En gros si l utilisateur ecrit i et tape sur un bouton ca chargerait file/i.htm.

Pour l instant j ai:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
<Form name="form">
<INPUT type="texte" name="text" value=" ">
<INPUT type="button" name="go" value="Go!" onClick 
</FORM>

Et apres je sais pas.
J ai tent� deux trois trucs sans succ�s.
Merci d avance pour votre aide !

**vermine** · 10/02/2010, 07h47

Bonjour,

Tout d'abord je n'appelerai pas mon formulaire "form". Y a des mots r�serv�s ou tendancieux.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
<form name="mon_formulaire">
<INPUT type="texte" id="id_lien" name="mon_lien" value="">
<INPUT type="button" name="go" value="Go!" onClick="ma_fonction();"> 
</FORM>

Pour ce qui est de "ma_fonction", soit vous d�cider de changer l'action du formulaire et de faire un sumbit du formulaire:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.forms["mon_formulaire"].submit();

Soit vous fait:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.location.href = "mon_url";

Pour r�cup�rer ce que l'utilsateur � encoder, utilisez ceci:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.getElementById("id_lien").value; //id_lien est l'id du champ

**J_help** · 10/02/2010, 14h16

Merci pour la r�ponse !
Je dois avouer qu une partie reste obscure.

Comment l url est elle cr��e par le code javascript ?
Disons que j ai des pages html appel�es 1.html, 2.html, 3.html etc etc dans un dossier appel� file.

J ai un champ pour que l utilisateur tape uniquement 1 2 ou 3, comment je reconstitue l url a partir de la ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.location.href = "file/document.getElementById("id_lien").value.htm"

J ai comme dans l id�e que ca va pas marcher.
Merci d avance !

**SpaceFrog** · 10/02/2010, 14h19

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.location.assing("file/"+document.getElementById("id_lien").value+".htm")

**J_help** · 10/02/2010, 14h28

Merci beaucoup a vous deux !

**J_help** · 10/02/2010, 15h18

Euh d�sol� mais j y arrive pas le code complet c est le suivant ?

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
 
<head>
<script langage="text/javascript">
	function clearf()
	{
	document.getElementById('code_lien').value="";
	}
</script>
</head>
 
<body>
</FORM>
<Form name="form2bis">
<INPUT type="texte" name="code" id="code_lien" onclick="clearf()" value="Enter Code" 
<INPUT type="button" name="go" Value= "Go!" onclick="document.location.assing("file/"+document.getElementById('code_lien').value+".htm")">
</FORM>
</body>

**SpaceFrog** · 10/02/2010, 15h21

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<INPUT type="button" name="go" Value= "Go!" onclick="document.location.assing('file/'+document.getElementById('code_lien').value+'.htm')" />

**J_help** · 10/02/2010, 15h27

Merci encore pour ces reponses aussi rapide mais cela ne marche toujours pas.
Aucune url ne se charge quand on appuie sur le bouton.

**E.Bzz** · 10/02/2010, 15h29

Bonjour,
au cas o�

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

window.location.assign

A+

**J_help** · 10/02/2010, 15h32

effectivement, le assing au moins ca j aurais pu le voir.
Bon ca marche toujours pas.
La j en suis a:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
<Form name="form2bis">
<INPUT type="texte" name="code" id="code_lien" onclick="clearf()" value="Enter Code" 
<INPUT type="button" name="go" Value= "Go!" onclick="window.location.assign('msn/'+document.getElementById('code_lien').value+'.htm')">
</FORM>

**E.Bzz** · 10/02/2010, 15h33

Si tu fais un

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

alert('msn/'+document.getElementById('code_lien').value+'.htm')

et que tu entres ce texte dans ta barre d'adresse, tu te retrouves sur la page attendue ?

A+

**J_help** · 10/02/2010, 15h36

D�sol� j ai pas bien compris ce qu il fallait faire.
remplacer dans le code et reessayer ?

**J_help** · 10/02/2010, 15h38

je crois que j ai compris

si je remplace et tape 004 j ai une box alerte qui affiche
msn/004.htm

**E.Bzz** · 10/02/2010, 15h41

Pas exactement.

Mais pas grave : �a donne quoi si tu fermes correctement ta balise <INPUT> ?

A+

**J_help** · 10/02/2010, 15h44

Euh bah disons que dans ce cas la ca marche nickel.
Desol� hein vraiment...

MERCI encore pour tout !

Javascript pour modifier une URL

JavaScript

Discussions similaires

Partager

Partager