Discussion :

[Patty5046]

Bonjour
Je souhaite faire entrer des données par l'utilisateur et les récupérer. J'avais trouvé un modèle avec un fichier texte, je ne m'en suis pas sortie.
J'ai donc trouvé quelque chose qui pourrait peut-être convenir, mais à part HTML et PHP (et encore...!!) , je ne suis pas douée.
Voici ce que j'obtiens :



J'ai modifié le modèle que j'avais trouvé pour que le premier champ soit un choix, (moins lourd pour l'utilisateur)

Mais je ne sais pas comment récupérer ce 1er champ
Je comprend pourquoi il n'est plus récupéré (

Code :

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

var inputs = $(v).find('input[type=text]');

ce n'est plus du text, mais je ne sais pas comment faire , ces fonctions ne me parlent pas beaucoup...Et peut-être je peux faire ce même tableau d'une façon plus simple, mais comment ??

D'autre part, avec ce

Code :

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

return result

, j'ai un message qui apparait, ce que je voudrais c'est pouvoir aller dans une page menu.php par exemple et y récupérer ce résultat , puis le "travailler" pour le mettre en forme

Si quelqu'un a un peu de temps et des idées, ce serait sympa, mais m'expliquer comme à un enfant, car je n'ai jamais appris ces langages ...j'arrive un peu à me débrouiller mais malgré les cours en ligne, je suis un peu (beaucoup) perdue et je suis âgée, ce qui n'arrange rien...

J'espère que le titre est assez parlant...je ne savais même pas trop où poser ma question...

Merci d'avance et prenez tous soin de vous par les temps qui courent

[Patty5046]

Bonjour à tous

Je me suis peut-être mal expliquée ??
Je voudrais savoir comment récupérer les données de toutes les lignes, champ n° 1 compris pour le 2ème champ , cela fonctionne

Merci d'avance

[SpaceFrog]

Code :

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

var inputs = $(v).find('input[type=text]');

une boucle each sur inputs ...

[Patty5046]

Bonjour

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function getResult(){
var result = [];
var $lines = $('#tableau tbody tr');
var result = [];
$.each($lines, function(k,v){
var inputs = $(v).find('input[type=text]');
var lineVal = [];
$.each(inputs, function(k,v){
lineVal.push($(v).val());
});
result.push(lineVal);
});
return result;
}

each y est déjà, mais ne récupère que la partie texte (la deuxième), voir le fichier que j'avais joint...c'est la partie du SELECT...OPTION que je ne sais pas récupérer

Merci encore

[Toufik83]

Bonjour,

Comme tu as fais pour récupérer le text :

Code :

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

1
2
3
4
5
6
7
 
$.each($lines, function(k,v){
    let inputs = $(v).find('input[type=text]').val();//récupérer la valeur de chaque input text de chaque ligne 
    let selects=$(v).find('select').val();//récupérer la valeur de chaque select de chaque ligne
    //met des console.log pour voir les valeurs...
    console.log("inputs :"+inputs+", selects :"+selects);
});

Comme il est possible aussi d'utiliser $.map et sans push :

Code :

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

1
2
3
4
5
6
7
8
9
 
let t=$.map($lines , function(v,k){
    let inputs = $(v).find('input[type=text]').val();
    let selects=$(v).find('select').val();
    console.log("inputs :"+inputs+", select :"+selects);
    //met des console.log pour voir les valeurs...
    return {text:inputs,select:selects};
});
console.log(t);//affiche un tableau d'objet : [{select: "valeur 1",text: "text 1"}, {select: "Valeur 2",text: "text B"}, {select: "Valeur 3",text: "text C"}]

[Patty5046]

Rebonjour

J'ai fait ma fonction getResult ainsi :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function getResult(){
 
let t=$.map($lines , function(v,k){
    let inputs = $(v).find('input[type=text]').val();
    let selects=$(v).find('select').val();
    console.log("inputs :"+inputs+", select :"+selects);
    //met des console.log pour voir les valeurs...
    return {text:inputs,select:selects};
});
console.log(t);//affiche un tableau d'objet : [{select: "valeur 1",text: "text 1"}, {select: "Valeur 2",text: "text B"}, {select: "Valeur 3",text: "text C"}]
}

lorsque je clique sur récupérer résultat le return ne me renvoie rien...
Le reste du fichier est identique à ce que j'avais envoyé

Tu vois que je suis hyper nulle dans ce domaine... je ferais mieux de retourner à mon VBA Excel , là je peux même aider, mais ce n'est pas cela qui me fera un site....

Merci de ta patience

[Patty5046]

Re re

Au fait console.log ne me renvoie rien , j'ai testé avec un petit truc bidon, c'est pareil....

Encore désolée

[Toufik83]

Et ça ?:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function getResult(){
    let $lines = $('#tableau tbody tr');
    let t=$.map($lines , function(v,k){
       let inputs = $(v).find('input[type=text]').val();
       let selects=$(v).find('select').val();
       console.log("inputs :"+inputs+", select :"+selects);
       //met des console.log pour voir les valeurs...
       return {text:inputs,select:selects};
    });
console.log(t);
return t;//il faut retourner la variable t
}

[Patty5046]

Désolée, toujours rien...je ne comprend pas

Merci d'essayer de m'aider...les mystères de l'informatique

Bonne soirée

[Toufik83]

Ben si cela fonctionne car je viens de le tester .

t'es sûre d'avoir copier/coller mon code ?

[Patty5046]

Bien sûr, j'ai copié collé le code ...Je vais recommencer, arrêter les services et redémarrer et voir encore.
Il pourrait peut-être y avoir quelque chose qui ne fonctionne pas dans ma configuration...avant quand il n'y avait que le texte cela marchait

Quant au select j'ai essayé avec un mini exemple tout fait je récupérais aussi....

Je regarde de nouveau tout de suite et te tiens au courant

[Patty5046]

Alors j'ai retesté en faisant bien attention cette fois je récupère textuellement :

[object Object], [object Object]

2 fois car j'avais fait 2 lignes

????

[Toufik83]

Les messages (console.log) n'apparaissent pas dans ta page html.

Pour les voir, il faut ouvrir l'outil de développement du navigateur (F12 sous chrome) et regarder l'onglet console.

Maintenant que tu reçois 2 objets (vu que tu as deux lignes), cela fonctionne.

Reste à parcourir ces deux objets pour récupérer les valeurs de select et text de chaque item :

Code :

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

1
2
3
4
 
$.each(getResult(),function(k,v){//pour chaque objet dans le tableau 
     console.log("ligne : ("+(k+1)+") : valeur select :"+v.select+", valeur text :"+v.text);
});

[Patty5046]

Rien de spécial dans la console

OK mais j'espérais que le résultat se trouvait là sans avoir encore à bidouiller...pourquoi quand il n'y avait que du texte, je récupérais bien directement les résultats avec des séparateurs ???

Et comment parcourt-on ces objets...cela devient de plus en plus compliqué pour moi

Merci encore...je vais te laisser dîner, car sinon je vais te couper l'appétit....rire

A bientôt si tu me supportes encore..je fouillerai encore demain

Merci merci
Bonne soirée

[Patty5046]

Bonjour Toufik83,

J'ai retesté ce matin après avoir rebooté pour "nettoyer".)
En fait, il semblerait que sans la dernière partie que tu m'as indiquée, la fonction getResult retournait un tableau (t) (vu sur la console).

Array(2)
0: {text: "crudites", select: "entree"}
1: {text: "steak", select: "plat"}
length: 2
__proto__: Array(0)

A moi d'essayer maintenant de récupérer ce tableau dans une autre page (menu) et de le transformer pour écrire un menu présentable. Là, j'en ai encore pour un mois ....lol
Il faut bien s'occuper à la retraite.
Je vais donc essayer de trouver le moyen d'envoyer ce résultat dans ma page menu et le mettre en forme...
Par contre, ce qui me chagrine, c'est que les majuscules (Entrée, Plat) disparaissent ainsi que les accents. Est-ce bien normal que la récupération ne se fasse pas telle que ??

Merci encore à toi
Bonne journée

[Patty5046]

Encore moi

Au fait, les majuscule et accents ne disparaissent que pour la partie des "select" et non des textes, donc, je vais pouvoir m'arranger de ce problème là s'il n'y a pas de solution pratique..
Pour le reste suis en train de voir comment passer mon tableau à ma page, je ne pense pas pouvoir inclure cela dans la fonction..je m'occupe

Bye

[Patty5046]

Bonjour Toufik83

J'abandonne et je vais essayer de voir si je peux faire ce tableau à plusieurs lignes en php, car j'avais pris ce modèle, mais je ne maîtrise pas du tout ce langage.
Je n'ai même pas réussi à écrire le résultat dans un fichier texte, ni me diriger après l'obtention de ce résultat vers une autre page pour le traitement

Ces redirections, je sais les faire en php..donc je repars à la recherche de la création de ce tableau dans ce langage, en espérant que cela est possible.

Merci pour ta gentillesse et j'ai appris quelque chose...où trouver la console

Bon weekend