Partage
  • Partager sur Facebook
  • Partager sur Twitter

MOOC jQuery

Dynamisez vos développements JavaScript avec jQuery

    26 février 2016 à 21:28:42

    Bonsoir,

    J'ai envoyé ma version de l'activité_partie 2 avant de diner, ce soir, et je me rends compte en corrigeant les contributions des pairs que je n'ai pas joint le jquery.js que j'utilise en local... Oups !

    Je sollicite l'indulgence de mes correcteurs et espère qu'ils auront l'idée d'utiliser le leur, ou une version online, pour ne pas me pénaliser...

    J'aurai aussi beaucoup de chance s'ils pensent à venir faire un tour sur ce forum avant de jeter mon devoir aux orties...

    Cordialement.

    • Partager sur Facebook
    • Partager sur Twitter
      27 février 2016 à 21:41:51

      Guettoudou a écrit:

      Bonsoir,

      J'ai envoyé ma version de l'activité_partie 2 avant de diner, ce soir, et je me rends compte en corrigeant les contributions des pairs que je n'ai pas joint le jquery.js que j'utilise en local... Oups !

      Je sollicite l'indulgence de mes correcteurs et espère qu'ils auront l'idée d'utiliser le leur, ou une version online, pour ne pas me pénaliser...

      J'aurai aussi beaucoup de chance s'ils pensent à venir faire un tour sur ce forum avant de jeter mon devoir aux orties...

      Cordialement.

      Bonjour,

      Si le barême est important sur le fonctionnement du code, ça va être compliqué pour grappiller la majorité des points. Je ne sais pas si tu peux

      recommencer avant d'avoir complètement valider tous les tests, au quel cas, il vaudra mieux réussir tous les autres pour avoir le pourcentage de réussite

      final qui permet d'avoir le certificat de réussite de ce cours.

      • Partager sur Facebook
      • Partager sur Twitter
      In this world, sky's the true limit. All the others are man-made...
        28 février 2016 à 12:43:39

        bonjour je trouve interessant
        • Partager sur Facebook
        • Partager sur Twitter
          28 février 2016 à 16:49:42

          kisow24 a écrit:

          Bonjour,

          Si le barême est important sur le fonctionnement du code, ça va être compliqué pour grappiller la majorité des points. Je ne sais pas si tu peux

          recommencer avant d'avoir complètement valider tous les tests, au quel cas, il vaudra mieux réussir tous les autres pour avoir le pourcentage de réussite

          final qui permet d'avoir le certificat de réussite de ce cours.

          Bonjour kisow24,

          Tu n'es pas vraiment rassurant... !

          J'ai l'optimisme de croire que mes pairs sauront faire la part des choses. Vu le délai de correction, je ne peux que croire qu'ils prennent bien le temps de la réflexion...

          Cordialement.

          • Partager sur Facebook
          • Partager sur Twitter
            28 février 2016 à 17:09:14

            Guettoudou a écrit:

            kisow24 a écrit:

            Bonjour,

            Si le barême est important sur le fonctionnement du code, ça va être compliqué pour grappiller la majorité des points. Je ne sais pas si tu peux

            recommencer avant d'avoir complètement valider tous les tests, au quel cas, il vaudra mieux réussir tous les autres pour avoir le pourcentage de réussite

            final qui permet d'avoir le certificat de réussite de ce cours.

            Bonjour kisow24,

            Tu n'es pas vraiment rassurant... !

            J'ai l'optimisme de croire que mes pairs sauront faire la part des choses. Vu le délai de correction, je ne peux que croire qu'ils prennent bien le temps de la réflexion...

            Cordialement.

            Bonjour,

            Désolé, c'est un peu une habitude, s'attendre à tout quand tu n'as plus totalement le controle de ce qui se passe. 



            • Partager sur Facebook
            • Partager sur Twitter
            In this world, sky's the true limit. All the others are man-made...
              1 mars 2016 à 14:05:18

              Guettoudou a écrit:

              kisow24 a écrit:

              Bonjour,

              Si le barême est important sur le fonctionnement du code, ça va être compliqué pour grappiller la majorité des points. Je ne sais pas si tu peux

              recommencer avant d'avoir complètement valider tous les tests, au quel cas, il vaudra mieux réussir tous les autres pour avoir le pourcentage de réussite

              final qui permet d'avoir le certificat de réussite de ce cours.

              Bonjour kisow24,

              Tu n'es pas vraiment rassurant... !

              J'ai l'optimisme de croire que mes pairs sauront faire la part des choses. Vu le délai de correction, je ne peux que croire qu'ils prennent bien le temps de la réflexion...

              Cordialement.


              Alors quel résultat? Je suis presque en partie 3.
              • Partager sur Facebook
              • Partager sur Twitter
              In this world, sky's the true limit. All the others are man-made...
                1 mars 2016 à 15:40:25

                Bonjour à tous j'ai une question sur la 1ère activit, celle où l'on doit creer un générateur de formulaire, doit-on gérer les cas d'erreur, genre l'utilisateur appuiev sur zone de texte avant label ou bien on par du principe que l'utilisateur est gentil et qu'il casse pas la machine ?

                • Partager sur Facebook
                • Partager sur Twitter

                #RTFM #AskGoogle and Have a nice code Day

                  1 mars 2016 à 15:49:15

                  Bonjour Ismail

                  non pas besoin de gérer les cas d'erreur

                  c'est pas évalué ;)

                  et tu fais bien de poser la question car moi j'avais passé un temps de dingue avec ça :p

                  A+

                  • Partager sur Facebook
                  • Partager sur Twitter
                  Cyril
                    1 mars 2016 à 15:49:33

                    Salut !

                    Pas besoin de gérer les cas d'erreur, du moment que tes boutons fonctionnent correctement, c'est bon. Après à toi de voir si tu veux rajouter des fonctionnalités à ta page !

                    • Partager sur Facebook
                    • Partager sur Twitter
                      1 mars 2016 à 15:58:18

                      Tiens j'en profite : je suis à l'activité 4 et il y a un truc qui m'échappe...

                      Comment peut-on utiliser la méthode .load() sur plusieurs éléments d'un seul fichier texte ?

                      Parce que bon, ça pourrait aller vite avec un .getJSON et un fichier json (logique...), mais il faut utiliser .load...

                      Et d'après les consignes, il faut utiliser un fichier texte unique pour les 3 boutons. Sauf que quand je bricole des identifiants dans mon document texte, ça ne fonctionne pas (ce qui me semble normal, en fait). Par contre avec ->

                      $("sel").load("fichier.txt", function() {...});

                      -> le fichier texte est bien chargé... mais en entier...

                      • Partager sur Facebook
                      • Partager sur Twitter
                        1 mars 2016 à 17:56:25

                        je viens d'envoyer mon travail donc j'ai vu le bareme de l'activité 1 celui-ci est difficile et j'ai du mal à le comprendre...

                        sinon le cours est bien!

                        • Partager sur Facebook
                        • Partager sur Twitter

                        #RTFM #AskGoogle and Have a nice code Day

                          1 mars 2016 à 21:10:51

                          emixamdu a écrit:

                          Tiens j'en profite : je suis à l'activité 4 et il y a un truc qui m'échappe...

                          Comment peut-on utiliser la méthode .load() sur plusieurs éléments d'un seul fichier texte ?

                          Parce que bon, ça pourrait aller vite avec un .getJSON et un fichier json (logique...), mais il faut utiliser .load...

                          Et d'après les consignes, il faut utiliser un fichier texte unique pour les 3 boutons. Sauf que quand je bricole des identifiants dans mon document texte, ça ne fonctionne pas (ce qui me semble normal, en fait). Par contre avec ->

                          $("sel").load("fichier.txt", function() {...});

                          -> le fichier texte est bien chargé... mais en entier...

                          Bonsoir,
                          Et as-tu mis en place l'encrage en rapport avec tes identifiants?

                          -
                          Edité par kisow24 1 mars 2016 à 21:29:17

                          • Partager sur Facebook
                          • Partager sur Twitter
                          In this world, sky's the true limit. All the others are man-made...
                            1 mars 2016 à 22:29:00

                            Bonsoir,

                            Je débute et suis en train de réaliser l'activité 2.

                            Je rencontre un soucis : lors su clic sur un bouton "Label" de droite, j'arrive à afficher les nouveaux éléments de formulaire. Mais lorsque je click sur le "OK" que j'ai fait apparaitre, rien ne se passe. En comparant avec le code d'autre membres ici, je ne vois pas d'où cela vient...

                            Voici mon code : Le code 

                            Une idée? 

                            EDIT : Modification du lien vers le bon code....

                            -
                            Edité par SébDesch 1 mars 2016 à 22:56:42

                            • Partager sur Facebook
                            • Partager sur Twitter
                              1 mars 2016 à 22:39:32

                              Bonsoir !

                              Justement, j'ai essayé de bricoler des identifiants dans mon fichier texte, et quand j'y fait référence dans mon code html (dans la méthode .load), ça ne fonctionne pas... Après, peut-être que je m'y prend mal pour identifier les parties de mon fichier texte, je ne sais pas trop quelle syntaxe utiliser.

                              Concrètement, j'ai codé la création d'un div d'id "aide" qui apparaît en même temps que le reste quand on clique sur un bouton. Logiquement, je remplis ce div avec le message d'aide contenu dans mon fichier texte, ce qui donne:

                              $("#aide).load("aide.txt", function() {...});

                              Maintenant, si je découpe mon fichier texte en séparant aide_label, aide_texte etc... et que j'y fait référence avec :

                              $("#aide").load("aide.txt aide_label", function() {...});

                              ... ça ne fonctionne plus.

                              Est-ce qu'il existe une syntaxe particulière pour que l'ordinateur "comprenne" quel partie du texte est considérée comme un identifiant ?

                              A tout hasard, j'ai testé en mettant une fonction callback bateau du style alert("C'est fait"). Résultat, la fonction callback s'exécute mais rien ne s'affiche sur ma page...


                              • Partager sur Facebook
                              • Partager sur Twitter
                                1 mars 2016 à 22:46:17

                                SébDesch, ton code ne contient que les actions pour le bouton Zone de texte (et il fonctionne bien, d'ailleurs).

                                Du coup je ne peux pas trop t'aider pour le Label, mais tu devrais y arriver si tu suis le même raisonnement ! Tout ce que tu as à faire, c'est envoyer la valeur du input de Label à gauche...

                                • Partager sur Facebook
                                • Partager sur Twitter
                                  1 mars 2016 à 22:58:45

                                  emixamdu a écrit:

                                  SébDesch, ton code ne contient que les actions pour le bouton Zone de texte (et il fonctionne bien, d'ailleurs).

                                  Du coup je ne peux pas trop t'aider pour le Label, mais tu devrais y arriver si tu suis le même raisonnement ! Tout ce que tu as à faire, c'est envoyer la valeur du input de Label à gauche...



                                  Désolé, je n'avais pas mis le bon lien (il pointait sur le code d'un autre...). J'ai modifié le lien sur mon précédent post et je le remets ici : Le code

                                  Il semblerait que lors de la création de mon bouton "OK", il faille lui associer l'évènement "click" mais je ne parviens pas bien à saisir comment... 

                                  -
                                  Edité par SébDesch 1 mars 2016 à 23:09:35

                                  • Partager sur Facebook
                                  • Partager sur Twitter
                                    1 mars 2016 à 23:03:17

                                    Ton lien ne fonctionne pas, cette fois ci...

                                    Tu dois donner un identifiant à ton bouton "OK", comme ça tu pourras le sélectionner en jQuery comme tu as sélectionné le bouton Label (ou un autre).

                                    • Partager sur Facebook
                                    • Partager sur Twitter
                                      1 mars 2016 à 23:27:10

                                      emixamdu a écrit:

                                      Ton lien ne fonctionne pas, cette fois ci...

                                      Tu dois donner un identifiant à ton bouton "OK", comme ça tu pourras le sélectionner en jQuery comme tu as sélectionné le bouton Label (ou un autre).

                                      J'ai résolu mon problème. En fait je crée bien mon bouton avec un identifiant

                                      id = "btn_tmp"

                                      Mais malgré cela l'événement 

                                      $('#btn_tmp').click

                                      ne voulait pas se "lancer".

                                      En fait le soucis semble être que lors de la création dynamique du bouton il faille lui associer l'évènement "click" sinon il reste comme inactif. 

                                      Du coup ma solution lors de la création du bouton : 

                                      $('#droite').append('<input type="button" value="OK" id="btn_tmp">');
                                      $('#btn_tmp').click(function() {
                                          click_btn_tmp();
                                      });
                                      

                                      Où "click_btn_tmp" est une fonction déclarée plus bas et qui réalise les actions demandées. Comme cela, ça fonctionne. Par§sè est-ce que c'est la manière "juste et propre" de le faire?

                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                        1 mars 2016 à 23:44:53

                                        Pourquoi ton bouton est un <input> et pas un <button> ?

                                        Voila comment je vois les choses...

                                        1. Au clic sur le bouton Label, tu ajoutes un div global, contenant ton texte, ton input pour écrire le label, et ton bouton OK (avec un id), juste à la fin de #droite.

                                        2. Au clic sur le bouton OK, tu définis une variable contenant la valeur de ton input ($("#id").val()), tu l'envoies à la suite de #gauche, et tu supprimes ton div global.

                                        Et tu recommences pour les deux autres boutons... Comme ça tu n'as qu'une seule variable, c'est plus clair et plus concis.

                                        • Partager sur Facebook
                                        • Partager sur Twitter
                                          2 mars 2016 à 0:24:07

                                          emixamdu a écrit:

                                          Pourquoi ton bouton est un <input> et pas un <button> ?

                                          Voila comment je vois les choses...

                                          1. Au clic sur le bouton Label, tu ajoutes un div global, contenant ton texte, ton input pour écrire le label, et ton bouton OK (avec un id), juste à la fin de #droite.

                                          2. Au clic sur le bouton OK, tu définis une variable contenant la valeur de ton input ($("#id").val()), tu l'envoies à la suite de #gauche, et tu supprimes ton div global.

                                          Et tu recommences pour les deux autres boutons... Comme ça tu n'as qu'une seule variable, c'est plus clair et plus concis.


                                          Merci pour ta réponse, je te réponds puis je file au pays des songes.

                                          Mon bouton est un <input> parce que j'avais tenté avec un <button> en premier sans succès. J'ai donc essayé avec une <input type = "button"> pour voir si ça change, mais visiblement pas. Je viens de retenter en créant un <button> : 

                                          droite.append('<button id="OK_tmp">OK</button>');

                                          Si je n'associe pas manuellement l'évènement "click", alors le code suivant ne fait rien : 

                                          $('OK_tmp').click( function() {
                                              alert('OK');
                                          });

                                          Pour le reste, j'avais grosso modo fait ce que tu me conseilles, j'ai modifié un peu pour que ça soit plus propre. Actuellement le code fonctionne et je réalise parfaitement ce qui est demandé dans l'exercice. Mais étant donné qu'à aucun moment dans le cours relatif à cet exo, on ne parle de devoir associer manuellement l'évènement "click" au bouton "ok", je me demande si j'ai mal fait quelque chose ou si tout le monde a galère comme moi...

                                          • Partager sur Facebook
                                          • Partager sur Twitter
                                            2 mars 2016 à 1:04:21

                                            emixamdu a écrit:

                                            Bonsoir !

                                            Justement, j'ai essayé de bricoler des identifiants dans mon fichier texte, et quand j'y fait référence dans mon code html (dans la méthode .load), ça ne fonctionne pas... Après, peut-être que je m'y prend mal pour identifier les parties de mon fichier texte, je ne sais pas trop quelle syntaxe utiliser.

                                            Concrètement, j'ai codé la création d'un div d'id "aide" qui apparaît en même temps que le reste quand on clique sur un bouton. Logiquement, je remplis ce div avec le message d'aide contenu dans mon fichier texte, ce qui donne:

                                            $("#aide).load("aide.txt", function() {...});

                                            Maintenant, si je découpe mon fichier texte en séparant aide_label, aide_texte etc... et que j'y fait référence avec :

                                            $("#aide").load("aide.txt aide_label", function() {...});

                                            ... ça ne fonctionne plus.

                                            Est-ce qu'il existe une syntaxe particulière pour que l'ordinateur "comprenne" quel partie du texte est considérée comme un identifiant ?

                                            A tout hasard, j'ai testé en mettant une fonction callback bateau du style alert("C'est fait"). Résultat, la fonction callback s'exécute mais rien ne s'affiche sur ma page...


                                            Donje pense que c'est bien un problème avec ton encrage(lien avec l'identifiant de ton élément.

                                            Si c'est un identifiiant, le "#" doit apparaître avec le nom, si c'est une classe, le ".".

                                            Dans ton exemple du dessus pour id="aide_label", ça donnerait:

                                            $("#aide").load("aide.txt #aide_label", function() {...});



                                            • Partager sur Facebook
                                            • Partager sur Twitter
                                            In this world, sky's the true limit. All the others are man-made...
                                              2 mars 2016 à 7:55:03

                                              Bonjour à toutes et à tous,

                                              justement dans la partie 4 du cours autour de ajax

                                              les scripts du cours (proverbes chinois) qui appellent un fichier php ne fonctionnent pas dans mes navigateurs, ni chrome, ni firefox 

                                              est-ce que ça fonctionne chez vous ?

                                              et pourtant c'est étrange, j'ai un script en javaScript avec un XMLHttpRequest() vers un fichier php (système d'autocompletion) qui fonctionne très bien dans mes deux navigateurs

                                              ?

                                              merci de vos réponses

                                              • Partager sur Facebook
                                              • Partager sur Twitter
                                              Cyril
                                                2 mars 2016 à 8:05:05

                                                kisow24 : J'ai essayé de faire ça, ça ne fonctionne pas... Tant pis, je vais faire un fichier par bouton, j'en ai marre de m'arracher les cheveux pour ça !

                                                Je verrai bien la correction, peut-être que c'est un truc tout con, au final. Merci quand même pour tes conseils !

                                                CyrilBron : Chez moi non plus les scripts avec le php ne fonctionnent pas. Et ce ne sont pas les seuls exemples qui déconnent !

                                                • Partager sur Facebook
                                                • Partager sur Twitter
                                                  2 mars 2016 à 8:41:14

                                                  Merci pour ta réponse 

                                                  et c'est étrange car la syntaxe des scripts semble correcte non ?

                                                  • Partager sur Facebook
                                                  • Partager sur Twitter
                                                  Cyril
                                                    2 mars 2016 à 8:52:32

                                                    Je ne sais pas trop, je n'ai pas encore abordé le php...

                                                    Bon sinon j'apporte la réponse générale à cette histoire de document texte pour l'activité 4, et j'en profite pour pousser une gueulante !

                                                    L'énoncé est foireux ! L'énoncé nous demande un fichier texte, alors que la correction type n'en utilise même pas ! Donc j'ai vaguement l'impression d'avoir perdu du temps à m'arracher les cheveux sur un problème qui ne devait même pas exister !

                                                    Bon entre nous, même avec 0 (c'est peu probable, quand même) j'aurais quand même le certificat de réussite, mais je déteste perdre mon temps... Entre les énoncés pas très clairs, les scripts des cours qui ne fonctionnent pas, et les items de QCM foireux, il m'en aura fait baver, ce cours...

                                                    • Partager sur Facebook
                                                    • Partager sur Twitter
                                                      2 mars 2016 à 9:01:32

                                                      merci pour l'info

                                                      bon vivement qu'on passe à autre chose :)

                                                      • Partager sur Facebook
                                                      • Partager sur Twitter
                                                      Cyril
                                                        2 mars 2016 à 9:03:54

                                                        Tu l'as dit !

                                                        Pour ma part, j'attends mes notes et des devoirs à corriger... Il n'y a pas beaucoup de monde sur ce cours, on dirait ! En attendant, je vais pouvoir passer à autre chose

                                                        • Partager sur Facebook
                                                        • Partager sur Twitter
                                                          2 mars 2016 à 15:26:56

                                                          Et bien sûr le chat ne fonctionne pas non plus

                                                          de mon côté, j'ai bricolé un truc en javaScript qui marche, c'est énérvant :colere2:

                                                          et toi ça marchait ? et je comprends pas ce fichier ac.htm ???

                                                          cette partie du cours est bâclée je trouve...

                                                          • Partager sur Facebook
                                                          • Partager sur Twitter
                                                          Cyril
                                                            2 mars 2016 à 17:40:12

                                                            @emixamdu et et @CyrilBron : il faut contacter openclassroom et leur remonter ce qui ne va pas dans le cours, pour ma part j'en suis au debut donc pas trop de probleme hormis le bareme bizarre de l'activité 1,

                                                            j'avais eu des problemes avec le cours sur mysql et ils m'ont repondu qu'ils allaient ameliorer le truc...

                                                            je rappel que ce cours est compris dans le parcours chef de projet multimedia donc il faut qu'il soit fonctionnel sinon openclassroom perdra en credibilité !

                                                            A nous de remonter les problemes aux auteurs

                                                            bien à vous et bon courage pour la suite

                                                            • Partager sur Facebook
                                                            • Partager sur Twitter

                                                            #RTFM #AskGoogle and Have a nice code Day

                                                              3 mars 2016 à 7:29:38

                                                              oui tu as raison, je vais les contacter dans la journée

                                                              mais dans l'ensemble, le cours est bien mais pleins de petites choses qui ne fonctionnent pas et surtout dans la partie ajax

                                                              et tu avais eu quoi comme problèmes avec le cours mysql ?  j'en suis à la partie 3 et pour l'instant ça va ;)

                                                              et tu as raison le barème de l'activité 1 était vraiment étrange...

                                                              bon, c'est pas facile de rédiger un cours, mais l'auteur devrait venir + souvent sur ce forum et tenir compte des remarques...

                                                              A+

                                                              • Partager sur Facebook
                                                              • Partager sur Twitter
                                                              Cyril

                                                              MOOC jQuery

                                                              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                                              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                                                              • Editeur
                                                              • Markdown