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

jQuery Discussion :

Génération d'un lien en fonction du contenu d'un champ


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    402
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations forums :
    Inscription : Janvier 2010
    Messages : 402
    Par défaut Génération d'un lien en fonction du contenu d'un champ
    Bonjour,

    J'ai un champ input de type text dans lequel l’utilisateur tape le n° ISBN d'un livre.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <div id="isbn">
    	<p>
    	<fieldset style="width: 100px">
     
    		<legend><strong>ISBN</strong></legend>
     
    		<input type="text" name="isbn_insert"  size="15" id="isbn_insert" value="<?php if(isset($_POST['isbn_insert'])) echo $_POST['isbn_insert']; ?>"size="15" maxlength="13"/>
     
    <input type="button" value="voir sur Amazon" id="bouton_amazon" />
     
    	</fieldset>
    	</p>
    </div>
    Je souhaiterais permettre à l'utilisateur d'ouvrir, après avoir cliqué sur le bouton "voir sur Amazon", le site amazon.fr avec comme critère de recherche le n° d'ISBN qu'il vient de taper dans le champ input. Pour l'exemple, un lien de ce type serait généré en JQUERY :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    http://www.amazon.fr/search/keyword=9782266204095
    où le keyword est dynamiquement renseigné en fonction de l'ISBN tapé dans le champ text.
    Voyez-vous comment arriver à ce résultat ? Merci.

  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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    $("#bouton_amazon").click(function(){
    window.open("http://www.amazon.fr/search/keyword="+$("#id="isbn_insert" ").val();})
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    402
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations forums :
    Inscription : Janvier 2010
    Messages : 402
    Par défaut
    En essayant votre code, j'ai une erreur de syntaxe. Firebug m'indique :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    missing ) after argument list
    Malgré mes différents essais, je ne suis pas arrivé à corriger le code. Pourriez-vous m'aider ? Merci.

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("#bouton_amazon").click(function(){
        window.open("http://www.amazon.fr/search/keyword="+$("#isbn_insert").val());
    });
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    402
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations forums :
    Inscription : Janvier 2010
    Messages : 402
    Par défaut
    Je n'étais pas loin d'arriver à ce résultat avec mes essais... En tout cas merci à SpaceFrog et à Bovino pour ce code qui correspond parfaitement à mes attentes

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

Discussions similaires

  1. Réponses: 22
    Dernier message: 16/03/2014, 02h06
  2. afficher un lien en fonction d'une liste
    Par bigbabou dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 13/05/2006, 02h48
  3. lien en fonction du mois
    Par aide03 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 10/03/2006, 21h44
  4. [VBA]comptage de lignes en fonction du contenu des cellules
    Par calimero91 dans le forum Macros et VBA Excel
    Réponses: 10
    Dernier message: 22/12/2005, 11h38
  5. [DOM] Lecture de XML et décision en fonction du contenu
    Par samios dans le forum Format d'échange (XML, JSON...)
    Réponses: 6
    Dernier message: 14/10/2004, 16h09

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