STIC Discussion:STIC I - exercice 5 (Zelda)

De EduTech Wiki
Aller à la navigation Aller à la recherche

1 Drag and drop qui ne fonctionne pas --

Bonjour,

1) Cela fait un moment que j'essaie de rendre l'élément "dragabble", mais il reste fixe et je ne comprends pas où est mon erreur. J'ai vérifier les liens Jquery-ui et mon file.js. J'ai vérifier les classes et repris les mêmes dans mon file.js. J'ai comparé avec l'exercice 6 du dossier stick-1-jquery-ui-master et je ne comprends pas ce qui bloque.

Le but de l'application est de glisser le son sur la bonne image. Pour l'instant je n'ai testé qu'avec la grenouille.

J'ai téléversé mon application pour qu'elle soit accessible ici : http://tecfaetu.unige.ch/etu-maltt/zelda/latorre9/stic-1/ex5/app/

Merci d'avance pour vos conseils et votre aide.

Re: 1 Drag and drop qui ne fonctionne pas -- Mattia A. Fritz (discussion) 18 décembre 2019 à 16:07 (CET)

Bonjour Sandra,

je me suis permis d'efface votre code de cette page, si vous mettez le lien c'est suffisant ;)

D'après ce que je vois, vous avez un problème au niveau du lien à jQuery UI à la ligne 44 :

<script src="assets/vendor/jquery-ui.min.js"></script>

Ce fichier n'existe pas : http://tecfaetu.unige.ch/etu-maltt/zelda/latorre9/stic-1/ex5/app/assets/vendor/jquery-ui.min.js

Vous avez oubliez de mettre le nom du dossier, votre chemin correcte devrait plutôt être :

<script src="assets/vendor/jquery-ui/jquery-ui.min.js"></script>

Je n'ai pas testé, mais il y a des bonnes chances que cela marche si vous corrigez. N'hésitez pas à relancer si ce n'est pas le cas.

Mattia

Re: Re: 1 Drag and drop qui ne fonctionne pas

Merci pour la rapidité de la réponse.

J'ai changé le lien, mais cela ne marche toujours pas. Pour tester, j'ai vidé le cache de mon navigateur et aussi testé avec un autre navigateur, sans résultat.

J'ai téléversé le fichier html corrigé.

Re: Re: Re: 1 Drag and drop qui ne fonctionne pas -- Mattia A. Fritz (discussion) 18 décembre 2019 à 16:48 (CET)

Oui, vous avez raison : c'est un problème de superposition des éléments interactifs.

Vu que la vidéo est un élément interactif, il "intercepte" le drag&drop, c'est-à-dire que les commandes de la vidéo ont la précédence sur le drag&drop. Il vous faut donc une manière de la surface en dehors de la vidéo que les utilisateurs peuvent utiliser pour le drag&drop. Par exemple (solution pas optimale, mais juste pour vos montrer le principe), vous pouvez ajouter du padding à vos élément de class sound :

.sound {
  padding: 50px;
}

Maintenant si vous cliquer autours de la vidéo, vous pouvez la déplacer.

Mattia

Re: Re: 1 Drag and drop qui ne fonctionne pas

Merci beaucoup. Je vais approfondir ce point.

Sandra

Validation W3C --Sandra La Torre (discussion) 19 janvier 2020 à 13:00 (CET)

Bonjour,

En voulant valider mon ex.5, j'ai deux messages d'erreur en lien avec les documents JQuery :

URI : http://tecfaetu.unige.ch/etu-maltt/zelda/latorre9/stic-1/ex5/app/assets/vendor/jquery-ui/jquery-ui.min.css [1]
7 .ui-state-disabled La propriété “pointer-events” n'existe pas : none [2]
7 .ui-checkboxradio-disabled La propriété “pointer-events” n'existe pas : none

Comment puis-je les résoudre sans toucher à JQuery?

voici le lien pour mon application : http://tecfaetu.unige.ch/etu-maltt/zelda/latorre9/stic-1/ex5/app/

Merci d'avance pour vos conseils

Sandra

Re: Validation W3C -- Mattia A. Fritz (discussion) 19 janvier 2020 à 13:15 (CET)

Bonjour,

vous ne pouvez pas : il s'agit de "erreurs" qui sont contenus dans le fichier .css qui vient la bibliothèque jQuery UI. Il arrive assez souvent que les CSS de third party code donnent des erreurs de validation, souvent parce qu'ils utilisent des éléments "avancés" que les validateurs n'acceptent pas encore comme standard. Comme on l'a vu à plusieurs reprises pendant le cours, la notion de standard dans le web est très flexible...

Mattia