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 :

Utilisation de la fonction join(',');


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre actif
    Homme Profil pro
    Développeur
    Inscrit en
    Juin 2011
    Messages
    49
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Développeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2011
    Messages : 49
    Par défaut Utilisation de la fonction join(',');
    Bonjour,

    J’espère que je suis dans le bon endroit pour vous poser mon souci.

    J'ai mon code qui doit me retourner une chaine formée pour objectif d'insérer plusieurs enregistrements à la fois dans une table.

    la chaine retourner doit être comme ceci : ('line1',nbr1),('line2',nbr2),('line3',nbr3),('line4',nbr4)
    Je dois séparer les parenthèses avec des virgules ","

    Et pour cela j'ai penser à la fonction join(','); mais ca ne marche pas.

    Est ce que vous pouvez m'aidez SVP:
    Mon Code est comme ceci :

    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
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    $(document).ready(function () {
        var counter = 2;
        $("#addButton").click(function () {
            if (counter > 10) {
                alert("Only 10 textboxes allow");
                return false;
            }
            var newTextBoxDiv = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counter);
            newTextBoxDiv.after().html('<input type="text" style="width: 550px" name="textbox' + counter +
              '" id="textbox' + counter + '" value="" > <input type="text" name="txt' + counter +
              '" id="txt' + counter + '" value="" >');
            newTextBoxDiv.appendTo("#TextBoxesGroup");
            counter++;
        });
        $("#removeButton").click(function () {
            if (counter == 1) {
                alert("No more textbox to remove");
                return false;
            }
            counter--;
            $("#TextBoxDiv" + counter).remove();
        });
        $("#getButtonValue").click(function () {
            var msg = '';
            for (i = 1; i < counter; i++) {
                msg += "\n" + "(" + "'" + $('#textbox' + i).val() + "'" + "," + $('#txt' + i).val() + ")";
            }
            alert(msg);
        });
    });

    Merci d'avance ..

  2. #2
    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
    Désolé, mais je ne vois aucune partie de ton code qui corresponde à tes explications (et vice versa) donc ça va être compliqué de t'aider...

    A tout hasard, tu appliques bien la méthode join() à un tableau (Array) ?
    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

  3. #3
    Membre actif
    Homme Profil pro
    Développeur
    Inscrit en
    Juin 2011
    Messages
    49
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Développeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2011
    Messages : 49
    Par défaut
    Merci d'avoir répondu,

    Voici la totalité du code.

    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
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Dynamic.aspx.cs" Inherits="Dynamic" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
        <title>jQuery add / remove textbox example</title>
        <script src="js/jquery-1.9.1.js" type="text/javascript"></script>
        <style type="text/css">
            div
            {
                padding: 8px;
            }
        </style>
        <script type="text/javascript">
     
                $(document).ready(function () {
     
                var counter = 2;
     
                $("#addButton").click(function () {
     
                    if (counter > 10) {
                        alert("Only 10 textboxes allow");
                        return false;
                    }
     
                    var newTextBoxDiv = $(document.createElement('div'))
    	     .attr("id", 'TextBoxDiv' + counter);
     
                    newTextBoxDiv.after().html('<input type="text" style="width: 550px" name="textbox' + counter +
    	      '" id="textbox' + counter + '" value="" > <input type="text" name="txt' + counter +
    	      '" id="txt' + counter + '" value="" >');
     
                    newTextBoxDiv.appendTo("#TextBoxesGroup");
     
     
                    counter++;
                });
     
                $("#removeButton").click(function () {
                    if (counter == 1) {
                        alert("No more textbox to remove");
                        return false;
                    }
     
                    counter--;
     
                    $("#TextBoxDiv" + counter).remove();
     
                });
     
                $("#getButtonValue").click(function () {
     
                    var msg = '';
                    for (i = 1; i < counter; i++) {
                        msg += ("\n" + "(" + "'" + $('#textbox' + i).val() + "'" + "," + $('#txt' + i).val() + ")");
                        var tab = new Array(msg);
                    }
     
     
     
     
                    alert( tab.join("+"));
     
                });
            });
        </script>
    </head>
    <body>
        <div id='TextBoxesGroup'>
            <div id="TextBoxDiv1">
     
                <input type="text" style="width: 550px" id="textbox1" />
                <input type="text" id='txt1' />
            </div>
        </div>
        <input type="button" value="Add Row" id="addButton" />
        <input type="button" value="Remove Row" id="removeButton" />
        <input type="button" value="Save" id="getButtonValue" />
        <input type="button" value="loadDB" onclick="loadDB()" />
    </body>
    </html>
    J’espère bien que là vous avez la totalité nécessaire du code, en attendant une réponse opérationnelle.
    Et merci de nouveau.

  4. #4
    Membre actif
    Homme Profil pro
    Développeur
    Inscrit en
    Juin 2011
    Messages
    49
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Développeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2011
    Messages : 49
    Par défaut
    Rebonjour,

    Je reviens pour répondre à cette discussion et partager aussi la solution que je viens de trouver.

    Il va falloir changer la fonction getButtonValue par ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    $("#getButtonValue").click(function () {
        var msg = '';
        for (i = 1; i < counter; i++) {
            msg += ("(" + "'" + $('#textbox' + i).val() + "'" + "," + $('#txt' + i).val() + "),");
            //value = value + msg;
        }
        msg = msg.substring(0, msg.length - 1);
        var sql = "insert into article (art,qte) values "+msg;
        alert(sql);
        // alert(msg.length);
    }
    Bon codage

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

Discussions similaires

  1. [CR 10] Formule utilisant une fonction JOIN n'accepte pas mon tableau
    Par _cece dans le forum Formules
    Réponses: 6
    Dernier message: 24/05/2010, 13h14
  2. Utilisation de la fonction de déploiement
    Par mchicoix dans le forum XMLRAD
    Réponses: 4
    Dernier message: 01/03/2005, 14h35
  3. [LG]Utilisation de la fonction Random
    Par chloe95 dans le forum Langage
    Réponses: 1
    Dernier message: 01/03/2005, 14h20
  4. Utilisation de la fonction qsort
    Par Jsmeline dans le forum C
    Réponses: 8
    Dernier message: 28/01/2005, 12h40
  5. [LG]librairies : utiliser seulement quelques fonctions
    Par wwwroom dans le forum Langage
    Réponses: 13
    Dernier message: 14/05/2004, 22h50

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