Récupérer un texte saisi dans un formulaire dans une variable

[cyberlp]

Bonjour,

J'ai le champ input d'un formulaire où l'on peut entrer un titre de livre.

J'aimerais que l'utilisateur, lorsqu'il a rempli le champ (mais avant validation du formulaire, d'où j'imagine la nécessité d'utiliser javascript), que le titre de livre qu'il a rentré puisse être passé dans un lien de recherche sur Amazon.

<label>Titre</label><input id="titre" name="titre" type="text" size="60" />
<a href="http://www.amazon.fr/s/ref=nb_ss_w?__mk_fr_FR=%C5M%C5Z%D5%D1&url=search-alias%3Daps&field-keywords=TEXTE&x=0&y=0" target="_blank">Rechercher sur Amazon</a>

Quelle fonction utiliser ?

Merci par avance pour votre aide.


PS : et si le titre entré comporte plusieurs mots, comment récupérer chaque mot ? et les afficher ainsi :

field-keywords=MOT1+MOT2+MOT3

[SpaceFrog]

document.getElementById('titre').value.split(' ').join('+')

[cyberlp]

Merci pour la réponse. Par contre je n'ai pas tout compris sur comment l'utiliser.

Sur mon lien je fais :

<a href="#" onClick="recup_titre()" target="_blank">Recherche sur Google</a>

et j'ai un script :

<script language="text/javascript">
recup_titre(){
var titre = document.getElementById('titre').value.split(' ').join('+');
window.location="http://www.google.fr/search?hl=fr&q="+titre;
}
</script>

mais ça ne marche pas.

[SpaceFrog]

un escape suffit pour passer des paramètres dans l'url ...

[cyberlp]

Peux-tu détailler s'il te plaît car là je ne comprends plus

Qu'est-ce qui cloche dans mon script ?

[SpaceFrog]

tu as oublié le href

var titre = document.getElementById('titre').value.split(' ').join('+');
window.location.href="http://www.google.fr/search?hl=fr&q="+titre;

mais plus simplement:

recup_titre(){
var titre =escape(document.getElementById('titre').value)
window.location.href="http://www.google.fr/search?hl=fr&q="+titre;
}
 

[cyberlp]

Merci