Utilisation de onclick et location.href

Version imprimable

Bonjour,

J'ai un champ formulaire qui définit un nom d'utilisateur.

Une fois ce champ complété, je voudrais que lorsque l'utilisateur clique sur une image, il soit dirigé vers une url dont le chemin intégre son nom d'utilisateur.

Exemple : si je saisis toto, l'url va être http://hote/toto/index.php

J'ai commencé à coder ces quelques lignes mais je ne parviens pas à "parser" le contenu du champ et à insérer (question de syntaxe) correctement la variable sous location.href.
Code:

1 2 3 4 5 6 7 <td align="left" style="width: 171px; vertical-align: middle;"> <input type="text" style="width: 145px;" id="user" name="user"> <img align="top" width="7px" height="7px" src="./images/star.png"> </td> ... <input type="image" style="border-width: 0px;" onclick="location.href='http://hote/toto/index.php';" alt="Redirection" src="./images/demo.png" id="test" name="test">
Merci pour votre entraide.

30/06/2010, 10h22
SpaceFrog

Code:

<input type="image" style="border-width: 0px;" onclick="location.href='http://hote/'+this.value+'/index.php';" alt="Redirection" src="./images/demo.png" id="test" name="test">

Merci SpaceFrog pour cette réponse précise et rapide.

Si je dois renseigner un autre input (dont le contenu est images par exemple) dans la même url, comment puis-je les différencier ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<tr>
<td align="left" style="width: 171px; vertical-align: middle;">
<input type="text" style="width: 145px;" id="user" name="user">
<img align="top" width="7px" height="7px" src="./images/star.png">
</td>
</tr>
<tr>
<td align="left" style="width: 171px; vertical-align: middle;">
<input type="text" style="width: 145px;" id="path" name="path">
<img align="top" width="7px" height="7px" src="./images/star.png">
</td>
</tr>
...
<input type="image" style="border-width: 0px;" onclick="location.href='http://hote/'+this.value+'/images/index.php';" alt="Redirection" src="./images/demo.png" id="test" name="test">

Est-ce '+this.value.user+' et '+this.value.path+' ?

30/06/2010, 11h38
SpaceFrog

non mets des id a tes inputs comem ça tu pourra récupérer leus valuer au moyen de

Code:

document.getElementById('idInput').value

pour concatener ton url
30/06/2010, 11h40
sneakz

Effectivement, j'avais pensé à ceci :

' + encodeURIComponent(document.getElementById(user').value) + '
30/06/2010, 11h45
sneakz

Merci beaucoup SpaceFrog, le code fonctionne correctement.