« STIC Discussion:STIC I - exercice 5 (Wall-e) » : différence entre les versions
Aucun résumé des modifications |
(→Comment afficher une alerte textuelle pour un "mauvais" glisser-déposer ? -- ~~~~ : nouvelle section) |
||
Ligne 29 : | Ligne 29 : | ||
Cordialement, | Cordialement, | ||
Kristina | Kristina | ||
== Comment afficher une alerte textuelle pour un "mauvais" glisser-déposer ? -- [[Utilisateur:Andréa|Andréa]] ([[Discussion utilisateur: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 |
Version du 29 janvier 2017 à 01:36
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