Javascript pour modifier une URL

Version imprimable

09/02/2010, 23h43
J_help

Javascript pour modifier une URL
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:

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 !
10/02/2010, 07h47
vermine
Bonjour,

Tout d'abord je n'appelerai pas mon formulaire "form". Y a des mots réservés ou tendancieux. ;)
Code:

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:

1 2 document.forms["mon_formulaire"].submit();
Soit vous fait:
Code:

1 2 document.location.href = "mon_url";
Pour récupérer ce que l'utilsateur à encoder, utilisez ceci:
Code:

1 2 document.getElementById("id_lien").value; //id_lien est l'id du champ
10/02/2010, 14h16
J_help

Merci !
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:

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 !
10/02/2010, 14h19
SpaceFrog

Code:

document.location.assing("file/"+document.getElementById("id_lien").value+".htm")
10/02/2010, 14h28
J_help

Merci beaucoup a vous deux !

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

Code:

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>

10/02/2010, 15h21
SpaceFrog

Code:

<INPUT type="button" name="go" Value= "Go!" onclick="document.location.assing('file/'+document.getElementById('code_lien').value+'.htm')" />
10/02/2010, 15h27
J_help

Merci encore pour ces reponses aussi rapide mais cela ne marche toujours pas.
Aucune url ne se charge quand on appuie sur le bouton.
10/02/2010, 15h29
E.Bzz

Bonjour,
au cas où

Code:

window.location.assign

;)

A+

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

Code:

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>

10/02/2010, 15h33
E.Bzz

Si tu fais un

Code:

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+
10/02/2010, 15h36
J_help

Désolé j ai pas bien compris ce qu il fallait faire.
remplacer dans le code et reessayer ?
10/02/2010, 15h38
J_help

je crois que j ai compris

si je remplace et tape 004 j ai une box alerte qui affiche
msn/004.htm
10/02/2010, 15h41
E.Bzz

Pas exactement.

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

A+
10/02/2010, 15h44
J_help

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

MERCI encore pour tout !