STIC Discussion:STIC I - exercice 5 (Utopia)

De EduTech Wiki
Aller à la navigation Aller à la recherche

...

1 Participation au wiki -- Lydie Batilly (discussion) 4 janvier 2015 à 18:14 (CET)

Bonjour, Je n'ai pas d'idée concernant la participation au wiki pour cet exercice. Pourriez-vous nous proposer quelques options ? Merci et bonne année 2015 !

1.1 Re: Participation au wiki -- Daniel K. Schneider (discussion) 6 janvier 2015 à 12:10 (CET)

La première option est tjrs d'améliorer les articles de base, donc JavaScript et JQuery. Donc les 4 dans Documentation.

2ème possibilité, faire qc. sur le drag & drop. Là il y a pleins de possibilités et il n'y a pour le moment aucun article dans edutechwiki.

  • Ergonomie des interfaces (dans un contexte pédagogique)
  • Efficacité
  • Eléments techniques.

Dans google, essayez par exemple "drag and drop learning" ou "drag and drop educational technology" etc. ... Vous pouvez aussi commencer par trouver une traduction correcte de "drag and drop". A mon avis c'est glisser-déposer

1.1.1 Re: Re: Participation au wiki -- Lydie Batilly (discussion) 15 janvier 2015 à 17:15 (CET)

Merci pour votre réponse. Finalement j'ai découvert comment faire en sorte que mon animation fonctionne sur les écrans tactiles, et j'ai complété le tutoriel sur jQuery UI avec ces informations.

2 Fixer la position d'un élément dans le drag and drop -- Antonella (discussion) 21 janvier 2015 à 11:49 (CET)

Bonjour,

j'ai réalisé mon application drag and drop (sans code supplémentaire) et je voudrais que les éléments déplacés se posent dans une position précise dans le container (en bas à droite) mais je n'arrive pas à le faire correctement. J'ai suivi le tutoriel edutech du JQuery UI et aussi les demos de jqueryui.com et je ne comprends pas le problème. Les éléments s'accrochent au container correct mais pas où je veux.

Voilà mon code pour le "draggable" avec l'option "snap" (je peux aussi charger ma page sur le serveur s'il faut).

$(".image").draggable({
	snap: ".container",
	revert: "invalid",
	cursor: "pointer"
});

et celui d'un des container

$(".macchina_nuova-container").droppable({
	accept: ".macchina_nuova"
});

Ici le css du container :

.container {
	float: left;
	font-family: Verdana;
	font-size: 12px;	
	width: 700px;
	height: 80px;
	padding: 10px 15px;
	border: 1px solid black;
	margin-bottom: 20px; 
}

Merci,

Antonella

2.1 Fixer la position d'un élément dans le drag and drop -- Antonella (discussion) 29 janvier 2015 à 06:54 (CET)

Rebonjour,

enfin j'ai changé mon code en travaillant sur les id plutôt que sur les class et cela a mieux marché. Si c'était cela le problème, on pourrait le suggérer dans la page des exemples JQuery UI mais de mon côté je ne vois pas clairement si c'est le cas. Par contre, pour le css j'ai travaillé les class.

Voilà una partie de mon script que j'ai répétée pour les autres éléments :

$("#nuova_macchina").draggable({
	revert: "invalid",
	cursor: "pointer"
});

$("#nuova_macchina-container").droppable({
	accept: "#nuova_macchina",
	tolerance: 'fit'
});


Merci,

Antonella

3 Fermer la fenêtre --Aurore DUPAYS (discussion) 24 janvier 2015 à 14:58 (CET)

Bonjour,

à la fin de mon application Drag et Drop, j'aimerai que l'utilisateur puisse fermer la fenêtre. J'ai crée un bouton et utilisé window.close. Cela fonctionne en local mais une fois que je dépose tout sur le serveur, cela ne fonctionne plus. Le déboguer indique : Les scripts ne peuvent pas fermer une fenêtre qui n'a pas été ouverte par un script.. Avez-vous une solution ?

Voici le code complet

  <script type="text/javascript">
  </script>
  <body>
    <h3>FIN DE LA VERSION D'EVALUATION</h3>
    <div align="center"> <input name="Submit" value="Fermer la fenêtre" onclick="window.close()"
        type="submit">
    </div>
  </body>

Merci

3.1 Re: Fermer la fenêtre -- Antonella (discussion) 29 janvier 2015 à 07:00 (CET)

Salut Aurore,

moi aussi j'ai ajouté une fenêtre à ma page avec le drag and drop mais cela n'a marché que en utilisant la même bibliothèque JQuery pour les fenêtres de dialog.

A plus,

Antonella