IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 122
    Points : 38
    Points
    38
    Par défaut Récupérer un texte saisi dans un formulaire dans une variable
    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.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <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 :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    field-keywords=MOT1+MOT2+MOT3

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 641
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 641
    Points : 66 666
    Points
    66 666
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('titre').value.split(' ').join('+')

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 122
    Points : 38
    Points
    38
    Par défaut
    Merci pour la réponse. Par contre je n'ai pas tout compris sur comment l'utiliser.

    Sur mon lien je fais :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onClick="recup_titre()" target="_blank">Recherche sur Google</a>
    et j'ai un script :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <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.

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 641
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 641
    Points : 66 666
    Points
    66 666
    Billets dans le blog
    1
    Par défaut
    un escape suffit pour passer des paramètres dans l'url ...

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 122
    Points : 38
    Points
    38
    Par défaut
    Peux-tu détailler s'il te plaît car là je ne comprends plus

    Qu'est-ce qui cloche dans mon script ?

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 641
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 641
    Points : 66 666
    Points
    66 666
    Billets dans le blog
    1
    Par défaut
    tu as oublié le href
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var titre = document.getElementById('titre').value.split(' ').join('+');
    window.location.href="http://www.google.fr/search?hl=fr&q="+titre;
    mais plus simplement:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    recup_titre(){
    var titre =escape(document.getElementById('titre').value)
    window.location.href="http://www.google.fr/search?hl=fr&q="+titre;
    }

  7. #7
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 122
    Points : 38
    Points
    38
    Par défaut
    Merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 04/01/2014, 11h25
  2. Récupérer un texte saisi dans un GTK entry
    Par Invité dans le forum GTK+
    Réponses: 0
    Dernier message: 22/02/2012, 23h39
  3. récupérer le text saisie dans GText.view (lablgtk2)
    Par amiroushka dans le forum Caml
    Réponses: 2
    Dernier message: 02/11/2009, 15h00
  4. Réponses: 6
    Dernier message: 26/11/2005, 15h43
  5. Réponses: 2
    Dernier message: 11/12/2004, 21h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo