Reprise du message précédent :

http://imgur.com/7QpFIMr

Sinon après des icônes genre : https://www.iconfinder.com/icons/13 [...] n#size=128
 
Tu peux choper des idées là : https://www.iconfinder.com/search/?q=drag

et cette image te donne envie de drag'n'drop pour changer l'ordre ?

 
Ça va demander un petit effort supplémentaire avec Ember, mais ça se fait  

http://rubaxa.github.io/Sortable/
 
J'préfère ça, c'est du vanilla, et ça évite d'inclure l'usine à khäkhä qu'est jQueryUI.

Je suis pas assez objectif pour te répondre

Je note  

Comme d'hab, avec toute la merde que ember a mise dans le DOM, c'est le film d'horreur qui commence.

sinon, y'a peut-être ça: https://github.com/jgwhite/ember-sortable

 
mais ça commence assez puissamment, il va falloir installer un cinquantième système de gestion de packets/build/dépendances pour attraper une lib
 
(et évidemment, j'ai rétrogradé node à cause d'un truc pour ember justement)

 
Le problème n'est pas là.
 
Le DOM est la représentation de l'objet manipulé, pas l'inverse. Les plugins cités ne touchent que le DOM.
Du coup, il faut gérer l'évènement d&d pour mettre à jour la structure interne qui d'elle même remettra le DOM à jour
 
Il faut un truc dans le genre
 

 
Un truc dans ce goût là.

'tain il faut faire un truc stateful, utiliser data-blabla ça l'air d'être le merdier, et en plus il faut wrapper les callbacks la soirée va être longue.

C'est ça de faire du web de la west coast

ouais, je vois pas comment passer d'un objet DOM à l'objet ember qu'il représente. Je mettrai bien son id dans un data-bidule, mais il faut nommer la vue pour le faire apparemment.

tu choisis quelle librairie pour gérer ton d&d ?

C'est pas plus de 20 lignes de code avec jQuery UI, pas de quoi y passer la nuit

https://github.com/RubaXa/Sortable
j'ai pris ça.

en gros j'ai le dom node des 2 trucs qui vont être swappés, mais je veux trouver leurs modèles à partir de ces nodes (au pire j'ai l'url des modèles parce que les DOM nodes sont générés par link-to, je suis dans la doc des routeurs pour voir si y'a moyen de passer une URL à un système de routage et obtenir l'instance correspondante)

edit: j'ai peut-être trouvé une map entre id de dom node de vue et instance de vue http://stackoverflow.com/questions [...] -instances

var currentSwap1 = null;
                var currentSwap2 = null;
                Sortable.create(this.$('#operationList')[0], {
                    draggable: ".list-group-item",
                    filter: "script",
                    onEnd: function (evt) {
                        var tmp = currentSwap1.get('index');
                        currentSwap1.set('index', currentSwap2.get('index'));
                        currentSwap2.set('index', tmp);
                    },
                    onMove: function (evt) {
                        currentSwap1 = Ember.View.views[$(evt.dragged).attr('id')].get('parameters.context.model');
                        currentSwap2 = Ember.View.views[$(evt.related).attr('id')].get('parameters.context.model');
                    }
                });

\o/ hahaha petite salope tu croyais que je pouvais pas remonter sous ta robe pour voir ce que tu cache sous tes jupons hein !

('tain j'en ai chié , une heure à fouiller un graphe d'objet incompréhensible et à moitié obfusqué)

ça a l'air bien ember.

y'en a qui aiment.

 
C'est pas Ember, 80% du code c'est la librairie pour le d&d

j'eusse pensé qu'il existait un layer de manipulation de DOM simple et qu'ember pouvait refleter les changements sur sa vue.

allez, putain, maintenant ça va être une sandbox à la con (ou un bug lié à la sandbox, j'ai des exemples) qui va m'empêcher d'utiliser le drag/drop dans mon application

 
C'est le cas.
 
Mais la tu demandes à une tierce partie de changer le DOM et au framework te suivre ca.

 
une solution possible :
- rendre le dnd possible depuis l'ensemble de la ligne
- changer le curseur une fois le drag initié pour indiquer une action differente  
- ne pas dnd l'element mais une copie visuelle, griser l'original ca permet de savoir ou il etait avant le debut de l'interaction et l'abandonner si necessaire (pas de undo ?)
- symboliser le point de chute avec un indicateur (fleche horizontale ou ligne)
- ne MAJ la liste qu'a la depose et pas en live (a moins que ca ne declenche une action immediate et visible, auquel cas c'est le paradigme preview)
 
les listes qui bougent dans tous les sens lors d'un dnd c'est pas tip top si elle peut etre longue et necessiter de scroll car tu perds la reference visuelle.
le handler il est peu accessible et rend l'interface lourde, tu pourrais ne le faire apparaitre qu'au hover en tant qu'indicateur et pas en tant qu'actionnable (d'ailleurs il est grisé maintenant.)
si tu veux symboliser une sequence utilise plutot une fleche ↓ sur les ligne entre les elements
 
mais bon ca depend beaucoup des paradigmes UI que tu utilises dans le reste de l'appli.

pour l'instant le d'n'd c'est mort, il marche pas dans la sandbox de chrome.

edit: mais je pense que tu soulèves des bon points, parce que rien qu'en testant, je me suis perdu dans ma liste des fois.

Bonjour,
Je viens de tomber sur cette merveille en JS :  

Ca existe vraiment en tant qu'opérateur qui sert à quelque chose ce truc, "!!", ou c'est une double négation donc un truc qui n'a d'utilité qu'en rhétorique et en philosophie  
Marfi

C'est une double négation, c'est utilisé à la place de Boolean(foo) pour forcer une conversion booléenne parce-que c'est plus court et tout aussi lisible (sinon plus) et donne des infos de type statique aux IDEs et autres: quel que soit le type de doPostBack, myBoolean est un booléen non null.

Si c'est suffisant pour te choquer, tu risques l'infarctus sous peu.

Non, je sais que le JS est farci de trucs de ce genre dans le cadre de son typage dynamique et j'imaginais un peu un truc comme ça. Perso je n'aime pas le principe mais je vois bien la nécessité à laquelle ça répond...

Mais vu le code que je me bouffe, un "double not" n'aurait pas été plus con que d'autres trucs que j'ai vu. Donc je demandais si ça sert effectivement et tu m'as répondu.
Merci

C'est bien un "double not", notes, il n'y a pas d'opérateur "!!" c'est parsé comme !(!(foo)) (probablement optimisé par contre, sur safari !!a est 25x plus rapide que Boolean(a))

Certes, mais ça fait plus qu'inverser deux fois, le "!" le plus intérieur parse l'opérande pour essayer d'en faire un bool comme tu disais.  
Dans un langage typé le "!!" serait nettement moins utile .

~'lolcat'.indexOf('cat');

Tremblez.

Kékcé

~ -> bitwise not, -1 devient 0, toute autre valeur est non-zero, ça permet de booléaniser indexOf (qui renvoie -1 en cas d'échec et 0+ en cas de succès)

C'est un peu violent comparé à `== -1`

Autant le !! reste lisible, autant j'évite celui ci

Ah ba oui. Ca revient au final au même qu'un ! ou bien il y a une nuance ?

edit : je viens de percuter que ça doit être pour que le "0" renvoie true
C'est bien tordu quand même quand on y est pas habitué, mais j'imagine qu'au bout d'un moment on se fait au ===, !!, ~int...

Ca permet de forcer en boolean si dans ta fonction tu veux tout le temps retourner un boolean.
 
Genre :  
 
 

Mon dernier post était à propos du bitwise not (~), pas du !!

Bonjour.
 
Une question qui va sans doute paraître basique à certains, mais je n'ai jamais fait ça auparavant, et je bloque depuis ce matin.
J'ai un fichier .swf hébergé sur mon serveur. Pour que l'utilisateur puisse le lire sur une page de l'application, j'utilise le code suivant :
 

 
Je rencontre deux problèmes :
 -impossible de mettre la vidéo en plein écran alors que le paramètre allowFullScreen est défini à true,
 -le lecteur est très laid, comment le customiser de manière à obtenir un rendu visuel similaire à celui de sites tels que youtube ou vimeo ?
 
Merci à vous.

Là, ça se compare plutôt à un `!==- -1` ou `> -1`  
Va pas nous l'embrouiller encore plus.

Indexeddb c'est du caca
 

MyISAM c'est du caca

myisam est un standard du passé
indexeddb est ce qui est sensé être l'avenir du stockage de données côté browser