« STIC Discussion:STIC I - exercice 5 (Utopia) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Ligne 21 : Ligne 21 :


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.
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.
== Fixer la position d'un élément dans le drag and drop -- [[Utilisateur:Antonella|Antonella]] ([[Discussion utilisateur: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).
<pre>
$(".image").draggable({
snap: ".container",
revert: "invalid",
cursor: "pointer"
});
</pre>
et celui d'un des container
<pre>
$(".macchina_nuova-container").droppable({
accept: ".macchina_nuova"
});
</pre>
Ici le css du container :
<pre>
.container {
float: left;
font-family: Verdana;
font-size: 12px;
width: 700px;
height: 80px;
padding: 10px 15px;
border: 1px solid black;
margin-bottom: 20px;
}
</pre>
Merci,
Antonella

Version du 21 janvier 2015 à 12:49

...

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 !

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

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.

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

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