Reprise du message précédent :
dites, je mets un attribut data-elementType="lol" sur un élément, et quand je l'attrape avec $(element).data() il arrive avec sa majuscule convertie en minuscule, c'est normal ?

Oui  :
https://github.com/jquery/jquery/bl [...] ata.js#L29

mais pourquoi ? y'a une spec qui le demande ?

 
.data de jQuery est pas fait pour accéder aux propriétés data-... c'est un fallback mais .data est fait pour accéder à l'API Dataset qui doit forcer ce genre de comportement.
Du coup .data fait pleins de choses avant de tester l'attribut data-... , donc si tu sais que ton info est là .attr('data-truc') est bien plus efficace.

ok, par efficace, tu veux dire sémantiquement correct ?

 
Et au niveau perf, ça évite tous les traitements pour chercher l'info dans le dataset avant de faire le fallback sur les attributes data-...

ça m'intéresse pas trop ça, je suis plutôt pour la rectitude sémantique.

 
C'est vrai aussi sémantiquement du coup, c'est un faux ami si on veux.  
Sémantiquement .data est fait pour l'API Dataset, pas pour les attributs data-truc.

dites, je veux trafiquer une règle CSS en JS à la volée.
 
Genre je mets une classe sur des éléments SVG, et de temps à autre, les utilisateurs vont décider que toute cette classe sera en bleu maintenant.  
 
Y'a une API browser ou une lib pour ça ? Je veux juste faire .maClasse => mesAttributs, pas de truc compliqué sur les selecteurs.

http://jss-lang.org/home/why_jss.en.html
vous pensez quoi de ça ?

 
Non.

C'est la même chose que less css non ?
http://lesscss.org/

J'avais utilisé un peu ça (du moins un truc du genre, avec symfony 2), c'est marrant mais bordel que c'est lourd à faire tourner en dev, il doit compiler les css à chaque affichage
Après en prod ça change pas grand chose, ça rajoute juste une étape à faire pour compiler / minifier les css

gugus > là c'est juste pour changer une ou 2 règles à la volée, c'est pas pour faire du CSS "en mieux".
95% du reste du code reste en CSS et les quelques points qui peuvent changer à la volée seraient faits avec ça.

A priori, si tu rajoutes une balise <style> apres les autres qui surcharge la classe en question, ca devrait le faire.

en fait je viens de voir avec le mec, pas besoin de style dynamiques ou rien du tout. Cool, je reviens normal avec un <style> et je joue avec des class="" sur les éléments.

c'est normal que les classes CSS l'emportent sur les attributs genre fill="lol"  directement sur l'élément ? (ça m'arrange dans mon cas)

Si tu regarde ce tableau ici : http://www.w3.org/TR/css3-selectors/#selectors
Les sélecteurs sont listés dans l'ordre de leur importance. et classe est donc plus bas
 

Je comprends pas exactement ta remarque.

Mais dans mon cas, l'ellipse est bien affichée en #FF8787

Ah mais ça n'a rien à voir, je pensais que tu avais un sélecteur CSS du genre :

Mais je te dirai que oui c'est normal dans le sens où les attributs sont juste là pour déclarer la valeur par défaut si rien d'autre n'est utilisé

Peut-on stocker une méthode JQuery dans une variable ?
 
Ex : au lieu de

Puis-je écrire un code qui ressemblerait à :

?

Yey, ça fonctionne  
 
Ça vient d'où ces crochets ? Ils sont censés remplir quelle fonctionnalité ?

Tu peux accéder aux propriétés d'un objet en javascript tu peux écrire objet.prop ou objet['prop']. C'est pareil pour les méthodes objet.method() ou objet['method']();

Merci beaucoup, je connaissais pas cette syntaxe (qui du coup permet effectivement d'utiliser des chaines de caractères pour remplacer du code)

{
      elementChanged: function (opts) {
        //ugly as hell, but I can't find a good selective listener for added objects.
        var undo = svgCanvas.undoMgr;
        if (undo.undoStackPointer > 0) {
          var peek = undo.undoStack[undo.undoStackPointer - 1 ];
          if (peek instanceof svgedit.history.InsertElementCommand) {
            $(peek.elem).attr("class", currentType);
          }
        }
        updateOutputSVG();
      }
    }

la haine, la rage et le désespoir, quand on en est à scanner la stack d'undo pour essayer de savoir pourquoi l'event vient d'être lancé.

Hello

Vous utilisez pour créer des graph/charts sexy coté client ?
Je suis tombé sur chartjs.org, le site est sexy mais en fait ca repose sur raphaeljs, qui à l'air lui même plus complet.

Il faut juste que ce soit full JS / cross-brower compatible : IE8+, android 2.2+ etc

Merci

edit: pas forcement besoin d'events ou d'actions sur le graph lui même (peut etre un jour ...)
edit2: open source hein

J'utilise ça, qui est pas mal (plugin jQuery)
 
http://pmsipilot.github.io/jquery- [...] le-plugin/

(au passage ce très bon plugin a été fait par ratibus )

Merci à lui, ce plugin fonctionne vraiment bien et n'est pas du tout obstructif

Merci mais ca a l'air plus orienté back que front (pas assez sexy )
 
D'ailleurs, les demos ne marchent pas chez moi : http://jsfiddle.net/p347t/

Ha pardon Chartjs.org ne repose pas sur raphael.. un faux package bower m'a trompé
 
"chart.js
vs
"Chart.js"
 

tu as vu que les js ne se chargent  pas ?  

quand au sexy , vu que tu n'as pas droit au SVG pur, qu'il faut te taper du canvas ( pour android 2.x) et du VML pour IE< 9 , il va falloir faire des choix

A priori raphaeljs / highcharts sont en SVG/VML mais sont compatible IE6+ (en passant de SVG à VML).. Ce sera moins performant sur IE8 mais je m'en fou que le rendu est OK

Coté Canvas,
pour IE8, y a la solution du polyfill ExplorerCanvas

A priori j'ai donc le choix non ? je loupe quoi ?

A moins de le faire à la main, tu ne fera pas forcement bien plus sexy que highcharts ( et les plugins associés)  
 
raphaeljs pur est de bas niveau, c'est pas super agréable pour faire du graphe

On a fait une orga dédié sur Github et du coup une autre URL : http://highcharttable.org/

  mon équipe et moi je précise (j'ai commencé, ils ont continué)

Les démos marchent sur le bon site http://highcharttable.org/

nvd3?

Bon ok je vais tester
 
Merci

Bon highcharts a gagné merci pour vos conseils et pour le plugin
 
Ca claque !

Il y a quelques idées interessantes dans cette liste  : http://webtoolsdepot.com/40-javasc [...] ldnt-miss/ ( dont des libs de graphe)

 
Merci du lien, il y en a 2 ou 3 que j'avais pas vu et qui m'intéressent