Reprise du message précédent :
non, je ne crois pas .  
Je pense plutot que c'est une rotation en css 3

Oui en css, j'me comprends    quasiment

moi j'ai du mal à te comprendre  
 
balancer des buzzword ne sert pas a grand chose, surtout que html5 n'est pas vraiment un standard et peut vouloir dire beaucoup de choses différentes

Non non, ce que je veux dire
Je n'ai aucune aucune aucune maitrise des techos web.
Je cherche à comprendre, ce que moi j'appelle "une preview" d'un élément pendant le drad n drop.
Sur ce truc qui est Trello. Ce truc a par exemple le comportement de ce que j'attends d'un client lourd, tel que je sais les développer en c++, avec, en plus, une archi client serveur, avec préview sur tous les gens connectés au trucs. Donc pour moi c'est très intéressant.
 
Alors bon, html j'ai compris, css aussi, json à la limite. Ce que je veux savoir c'est l'affichage de cet espèce de div tourné de quelques degrés pendant un drag n drop. Pour moi ça peut être fait de deux manières. D'une espèce de manière native, intrinsèque,  OU, scriptée, comportementale.
   
Elle était bonne la Jenlain

Pour ceux dont mon problème de onclick intéresse le problème est résolu grâce à stackoverflow : http://stackoverflow.com/questions [...] ther-scope

ton truc reste tout bonnement dégueulasse. Tu auras utilisé un delegate avec un data-quelquechose pour associer ton lien à un id et récupérer ensuite la data dans une map dont la clé serait cet id, ca aurait été 10000x plus propre que ton caca en barre.

 
C'est pas machine qui disait que c'était pas une bonne solution de travailler avec des ids ?
J'ai du mal à voire comment je peux faire quelque chose de mieux sachant que j'ai aucun event qui remonte. En quoi c'est dégueulasse ? Le JS en lui même ou le fait de passer par un "onclick" ?

l'ensemble

Il peut pas faire de delegate, faut relire avec le doigt

A chaque fois que ça fonctionne vous me perdez à nouveau
Sur SO deux personnes aussi disent que c'est de la merde mais je ne peux pas appliquer leurs solutions

Pourquoi tu peux pas appliquer leur solution? Pourquoi ton truc doit absolument sortir une chaîne de caractère pourrie?

 
J'avais besoin d'une chaîne de caractère pourrit pour insérer les nouveaux éléments dans une cellule du dhtmlxGrid
Etant donné que le cell.setValue(foo) n'accepte que des string c'est pour ça que je sortais du html moisi en sortie.
 
En étudiant d'un peu plus près les propriété de l'objet je me suis rendu compte qu'on avait accès au noeud DOM (j'espère que le vocabulaire est bon) en faisant ça : cell.cell.
 
A partir de là j'ai pu faire : $(cell.cell).html('').append(buildLinks(id))
 
Et voici ma fonction finale :

var buildLinks = function(objectID)
  {
    var linksNbr = actions.length;
    var link, cssClass, $img, $link;
 
    var $html = $(document.createElement('div')).addClass('links');
 
    for (var i = 0; i < linksNbr; i++)
    {
      // Adding the object ID to the URL
      link     = actions[i].url.replace('_id_', objectID);
      cssClass = actions[i].cssClass || '';
 
      // Elements are created properly (i.e. not with strings) to have real dom
      // elements to keep the "onclick" working.
      $img = $(document.createElement('img')).attr('src', actions[i].iconPath)
                                             .attr('alt', actions[i].text)
                                             .attr('title', actions[i].text);
 
      $link = $(document.createElement('a')).attr('href', link)
                                            .attr('title', actions[i].text)
                                            .addClass(cssClass);
 
      if ('delete' === actions[i].onClick)
      {
        $link.click(function() { gridModule.deletePopup(this, objectID) })
      }
      else if (actions[i].onClick && 'function' === typeof(actions[i].onClick))
      {
        $link.click(actions[i].onClick);
      }
 
      $link.append($img);
      $html.append($link);
 
      // The separator isn't added if it's the last link
      if (i != linksNbr - 1)
      {
        $html.append($(document.createElement('span')).addClass('verticalSep'));
      }
    }
 
    return $html;
  };

 
Ca va, c'est bien là ?

C'est mieux mais je fixerais encore des trucs (en dehors de l'indentation, du franglais et d'utiliser $.fn.empty()):

var buildLinks = function(objectID)
  {
    var link, cssClass, $img, $link;
 
    var $html = $('<div class="links">');
 
    for (var i = 0; i < actions.length; i++)
    {
      var action = actions[i];
      // Adding the object ID to the URL
      link     = action.url.replace('_id_', objectID);
      cssClass = action.cssClass || '';
 
      // Elements are created properly (i.e. not with strings) to have real dom
      // elements to keep the "onclick" working.
      $link = $('<a>', {
          href: link,
          title: action.text,
          'class': cssClass
      }).appendTo($html);
 
      $('<img>', {
          src: action.iconPath,
          alt: action.text
      }).appendTo($link);
 
      if ('delete' === action.onClick)
      {
        $link.click(function() { gridModule.deletePopup(this, objectID) })
      }
      else if (action.onClick && 'function' === typeof(action.onClick))
      {
        $link.click(action.onClick);
      }
 
      // The separator isn't added if it's the last link
      if (i != linksNbr - 1)
      {
        $html.append('<span class="verticalSep">');
      }
    }
 
    return $html;
  };

Et le séparateur, tu pourrais sûrement le faire avec des CSS

Tiens, intéressant.
J'utilise document.createElement parce que c'est la façon la plus perf de créer un élément (je sais que c'est de l'opti de branlette à ce niveau là, mais c'est pas mal pour prendre de bonnes habitudes), mais j'imagine que tu le sais.
 
Donc tu préfères créer l’élément directement via sa représentation HTML pour ensuite pouvoir lui passer ses propriétés derrière avec un objet JSON (chose qui ne fonctionne pas avec le createElement) ?
 
Tu dégages la variable "linksNbr" mais elle sert aussi pour le test du séparateur.
 
Pour l'indentation j'aimerai savoir ce que tu lui reproches même si je ne pourrais rien y faire (elle est imposée).
 
Le franglais je ne vois que "verticalSep" mais là aussi je n'y peux rien, tout comme le séparateur en pur CSS. Si ça ne tenait qu'à moi toute l'inté serait refaite.

Un delegate du coup maintenant pour éviter les whatmille .click (ça dépend de combien vaut actions.length).

Je te cite :

(bon, j'ai pas suivi le truc en détail, donc il peut p'têt utiliser les delegates maintenant, mais ça m'a semblé rigolo )

Entre temps il a refait le code

 
Entre 1 et 5.
 
Mais la propagation des évènements est stoppée, je suis obligé de passer par un "click".
 

 
J'ai vaincu dhtmlx

$('<a>') sera aussi rapide que ton bricolage, car jquery integre déjà un paquet de mécanismes. Certes, sur 1 millions d'éléments, faire un createElement sera peut etre plus rapide, mais je suis pas sur que faire des attr derrière le soit. Je crois que jquery passe par createDocumentFragment pour générer des éléments dom rapidement.

un $('<a attr="'+monattribut+'" class="'+maclass+">'+montexte+'</a>');
c'est largement plus rapide que tes fonctions chainées.

Sinon voici ma proposition, évidement, on peut largement mieux faire, mais ça a l'avantage d'être facilement modifiable, car template, et ensuite il suffit de modifier l'objet de remplissage du template.
Voila ma proposition, un petit template simple et facile à maintenir, un seul click, gestion de l'event une fois quand tu cliques.

Par contre la condésendance est-elle vraiment nécessaire (pas forcément par rapport à ce post, mais tous les précédents au vu de mon post initial) ? Bien sûr que toi, machine, shinuza et beaucoup d'autres êtes bien meilleurs que moi
J'ai pas non plus la même xp que vous, tout ce que je demande c'est d'apprendre, via des réponses constructives comme celles-là.

Bah au tout début tu faisais vraiment de la merde, tu mélangeais tout, c'était même pas de la prog, mais du rapiéçage

C'est surtout parce que je n'avais pas de meilleur moyen d'insérer le contenu dans dhtmlx, donc même le "click" ne passait pas.
 
Et je rappelle que je suis en jQuery 1.4.4 (exit donc "on" ) et que la propagation des events est stoppée par dhtmlx, donc mes choix sont vraiment limités.

Voila une solution qui serait un peu plus propre que la tienne en se basant sur mon truc mais qui répondrait clairement à ton besoin.
Ici je ne modifie pas du tout mon code de début, car j'avais géré de manière efficace la facon de gérer la relation entre l'objet action et les liens générés en utilisant des attributs customs (data-XXX).
Donc au lieu d'avoir un "on", delegate ou live sur le parent, je parcours chaque lien et je lui colle ma fonction, et même pas besoin de modifier ma fonction, le this est automatiquement le lien, comme c'était le car précédemment.

Si tu n'es pas prêt à attendre une remarque réelle et directe ben t'attends pas à ce que les gens te disent clairement ce qui ne va pas dans ton code.
Sur les forum de developpez.net, on n'a même pas le droit de dire à un mec "de se servir un peu de son cerveau", c'est une sanction + suppression du message.
Et si tu dis à un modo qu'il raconte encore n'importe quoi, c'est un ban. J'en suis à mon 3ème ban en 4 ans sur ce forum, donc j'ai arrêté d'y aller.
Mais quand on voit justement le comportement assez tarlouze des modos sur le forum de developpez.net, on  voit tout de suite que le niveau est merdique, la plupart des modos ont un niveau correct, mais la moitié du temps on risque de lire de la merde dans leurs interventions.
Donc si tu n'acceptes pas qu'on dise que tu fais de la merde, ben va chez developpez.net ou alsacreations.

//separator, but not on last link
html.push(i<actions.length-1 ? '<span class="verticalSep"></span>':'');

Je suis le seul que ça fait ticker?

//separator, but not on last link
if(i < actions.length - 1) {
        html.push'<span class="verticalSep"></span>');
}

Non?

Also: Pourquoi mettre linkTemplate dans la fonction?
Pareil pour le replace, autant en faire une fonction à part non?
Ah et

function buildLinks(objectID) {

Plutôt

Edit: Formatting

Non mais dire que qqun fait de la merde sans argumenter, ça fait un peu office d'argument d'autorité et ça apporte pas grand chose au débat.

//separator, but not on last link
if(i < actions.length - 1) {
        html.push'<span class="verticalSep"></span>');
}

function buildLinks(objectID) {

Ah mais fait à l'arrache avec beaucoup de chose à revoir, le but était juste de montrer sans trop de changement ce que ça donne à kozkoz
@Nazztazz, nan j'ai pas cassé du noob , on est moins violent qu'avant.
Et +1 pour l'operateur ternaire inutile que j'avait mis

Non mais ça va, je connais l'ambiance ici, et c'est sûrement l'endroit où j'ai le plus progressé depuis que je développe. J'irai pas jusqu'à dire que ce topic m'a tout appris mais pas loin.
 
C'est juste que le cassage sans réponse argumentée derrière c'est pas constructif.

En même temps, c'est un peu normal. Avoir un bon niveau et trouver que des gens "font de la merde" n'excuse en rien un comportement de petit con méprisant. (ouais, en plus c'est moi qui le dis )
Un vrai tueur, un mec qui aura le respect de ses pairs, doit être capable de répondre correctement sur le fond comme sur la forme ; se lâcher un peu sur des mecs qui font "exprès" d'être mauvais ou qui écoutent pas ce qu'on leur dit, je peux comprendre. Mais si tu vois débarquer un type qui fait des conneries de débutant ou des vieilles bidouillasses dégueu, c'est à toi de faire l'effort de rester calme et de faire un post détaillé sur pourquoi c'est moche et comment on fait mieux sans avoir l'air méprisant ou condescendant.

Bah c'est koskoz on a le droit de dire qu'il fait de la merde

Après vala, y a ceux qu'on connaît et ceux qu'on connaît moins, c'est vrai

A aucun moment dans le solution proposées , je ne vois d'échappement de caractères, surtout au niveau des title

c'est qu'il n'y a aucun risque, ou c'est que j'encule un diptère ?
Parceque c'est le genre d'argument qui m'a motivé pour utiliser un moteur de template.

Et sinon, gros +1 avec taiche.

Echappement de caractère de quoi ?
Pas besoin dans son cas, et je suis passé par un template lite pour koskoz .

Genre t'as un guillemets dans action.text. T'as fait de la merde Gatsu

si alt contient par exemple toto"><script>alert('pwet')</script><a
 
Je ne vois pas a quel endroit c'est echapé

Chez moi les guillemets passent.
Et pour tout ce qui peut-être acte malintentionné comme flonuméro le suggère, osef, c'est pour du dev interne.

ça ce n'est pas un bon argument
surtout quand utiliser une template home made n'econmise rien par rapport a une template qui gère ça comme il faut.
 
ha si, il faut juste penser à inclure mustache/jade/handlebar whatever
 

Tu connais pas les contraintes derrière