STIC Discussion:STIC I - exercice 5 (Wall-e)

De EduTech Wiki
Aller à la navigation Aller à la recherche

Clarification de consigne -- Kristina (discussion) 10 décembre 2016 à 22:33 (CET)

Bonjour,

Pouvez-vous précisez ce que c'est "artwork" (consigne 3.1.1) --> "Vous pouvez utiliser du "artwork" externe (mais pas plus que 66 %)"

Merci beaucoup.

Kristina

Re: Clarification de consigne -- Mattia A. Fritz (discussion) 11 décembre 2016 à 12:48 (CET)

Bonjour,

c'est tout simplement des éléments - surtout graphiques (images, SVG, ...) - que vous prenez ailleurs. Par exemple, si vous pensez faire du drag&drop avec 10 fruits, on vous demande d'essayer d'en dessiner au moins 3-4, les autres vous pouvez les prendre ailleurs (si la licence du site le permet, bien entendu).

Bonne dimanche, Mattia

Re: Re: Clarification de consigne -- Kristina (discussion) 11 décembre 2016 à 17:35 (CET)

Bonjour Mattia,

Merci :-)

Bonne dimanche à vous aussi.

Cordialement, Kristina

Comment afficher une alerte textuelle pour un "mauvais" glisser-déposer ? -- Andréa (discussion) 29 janvier 2017 à 00:36 (CET)

Bonsoir à tous,

Dans mon exercice 5, qui par miracle est déjà prêt (youhouuu !), les divers éléments doivent être glissés-déposés dans 2 containers différents. Mon travail se trouve dans l'emplacement suivant : http://tecfaetu.unige.ch/etu-maltt/wall-e/fariash7/stic-1/ex5/mallt-devoirs-ex5.html

J'aimerais insérer une alerte textuelle en cas d'erreur de glissade, du style "Mauvais choix".

J'ai trouvé sur Openclassrooms le code ci-dessous (JQuery) qui pourrait faire l'affaire :

$('p').on( 'click', function () {     alert("Mauvaise option") });

et j'ai essayé de l'incorporer dans le groupe de codes suivant de mon travail, sans succès : 

<script>
       $(".item").draggable({
           revert: "invalid",
           cursor: "move",
       });
       $(".cours-container").droppable({
           accept: ".cours"
       });
       $(".loisir-container").droppable({
           accept: ".loisir"
       });
   </script>

Puis ensuite j'ai voulu créer une instruction avec la fonction if en Javascript et ai essayé d'écrire moi-même le code. Trop difficile pour moi. :o(

Est-ce que vous pourriez me donner deux ou trois indices sur comment trouver la solution à ce problème ? Super merci ! andréa

Re: Comment afficher une alerte textuelle pour un "mauvais" glisser-déposer ? -- Mattia A. Fritz (discussion) 29 janvier 2017 à 17:15 (CET)

Bonjour,

pour ce type de comportement il faut élaborer davantage votre logique de l'application en utilisant du codage lors de l'événement drop. Vous pouvez vous référez à la séction Drag&Drop avec code supplémentaire, et notamment l'exemple http://tecfaetu.unige.ch/perso/maltt/fritz0/guides/jquery-ui/ex8_droppable_custom_code.html, pour plus de détails.

Je vous déconseille en tout cas d'utiliser des alert() car elles bloques totalement l'accès à la page.

Mattia

Re: Re: Comment afficher une alerte textuelle pour un "mauvais" glisser-déposer ? -- Andréa (discussion) 29 janvier 2017 à 18:46 (CET)

Merci Mattia ! Je vais voir cela.

Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC_Discussion:STIC_I_-_exercice_5_(Wall-e)&oldid=67639 »