Discussion :

[sneakz]

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 :

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

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.

[SpaceFrog]

Code :

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

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

[sneakz]

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 :

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

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+' ?

[SpaceFrog]

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

Code :

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

document.getElementById('idInput').value

pour concatener ton url

[sneakz]

Effectivement, j'avais pensé à ceci :

' + encodeURIComponent(document.getElementById(user').value) + '

[sneakz]

Merci beaucoup SpaceFrog, le code fonctionne correctement.