last day (14 days later) » 

9:49 AM
Hi :)
are you here ?
 
yep
en français si tu préfères :)
it's up to you
 
en français alors :)
Alors pour résumé mon problème, quand tu me parlais d'enlever la classe 'expanded' Je n'ai pas réussi à trouver comment appliquer ceci, soit il ne griser plus
soit il griser à chaque fois
du coup, je me suis dis, avant de griser on va tester s'il reste des enfants
et s'il n'y en a plus, on supprime
seulement, encore une fois, il me reste des traits noirs :(
 
Le complément que tu voulais faire, c'est bien pouvoir virer les cases qui étaient déja grisées avant ?
(en gros vraiment le supprimer quand elles n'ont plus d'enfant)
ou alors tu veux être capable de virer toute la branche sous elle, dès le 1er coup ?
 
je veux griser s'il reste des enfants et supprimer s'il n'y en a plus
 
ok donc on était bien sur la même longueur d'onde
du coup, j'ai vu que tu étais bien arrivé à supprimer mais il reste que la ligne
dans le fiddle 4
C'est bien ça ?
merde on file manger, je reviens dans 45min / 1h
 
10:36 AM
oups désolé, on m'a emmené manger directement, pas eu le temps de dire à plus :/
oui j'ai mis à jour le fiddle 4, où j'arrive à supprimer et griser au bon moment
mais gros soucis --> il reste encore les traits noirs dans ce cas :(
et j'ai beau chercher, impossible de supprimer ce trait noir :/
 
11:26 AM
je suis de retour
donc il ne reste que le problème du trait c'est bien ça ?
 
tout à fait :)
le reste fonctionne comme souhaité :)
 
ok
je regarde
pour info ce que je vais essayer de voir, c'est de supprimer la classe expanded du parent en dessous de "if (parentContainer.siblings().length > 0) {"
comme ca : quand tu enlèves l'enfant, le parent n'est plus expanded, du coup quand tu tentes d'enlever le parent après, tu rentres bien dans la condition if (!lastClicked.hasClass("expanded")) { et tu auras la suppression comme pour le cas normal, sans rajouter de ligne de code ailleurs
 
oui c'est sûr que cette méthode semble plus naturel :)
ma méthode de compter les enfants pour savoir s'il faut supprimer ou non
c'est plus de la bidouille...
 
Pour cela, il faut jeter un oeil à la structure HTML générée
genre prenons le cas Richard -> Bizut
quand je supprime bizut, il faut que Richard ne soit plus en "expanded" ensuite
la structure est comme ca avant suppression :
<tr class="node-cells">
<td colspan="2" class="node-cell">
<div style="cursor: pointer;" class="node expanded">Richard</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="line down"></div>
</td>
</tr>
<tr>
<td class="line left"></td>
<td class="line right"></td>
</tr>
<tr>
<td colspan="2" class="node-container">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr class="node-cells">
<td colspan="2" class="node-cell">
<div class="node">Bizut</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr
Lorsque je supprime Bizut, dans mon removeNode, la variable parentContainer correspond au bloc TD qui encapsule Bizut
La variable containerLowerLinesRow correspond à la TR au dessus de la TR qui contient ladite TD
càd c'est la TR qui a les 2 TD avec des line left / line right
et la containerUpperLineRow est la TR qui contient le div qui a line down
 
ok donc il faudrait le précédent 'expanded' en partant de containerUpperLineRow ?
 
11:39 AM
du coup, moi ce qui m'intéresse, c'est la class du div qui est dans la TD qui est dans la TR au dessus de containerLowerLinesRow
donc en gros, un containerUpperLineRow.prev('tr').find('.expanded') en simplifiant
 
oui il faudrait réaliser un removeClass('expanded') sur cette div
 
yep
 
containerUpperLineRow.prev('tr').find('.expanded').removeClass('expanded');
dans le premier else fonctionnerait ?
 
dans le if
pas dans le else
euh
non t'as raison
pardon
ca marche ;)
 
effectivement ça fonctionne ! -
 
11:42 AM
je te sauvegarde mon fiddle
 
je suis pas encore au point avec toutes ces méthodes JQuery du genre .prev, .first , .find ... :(
du coup, je bidouille alors qu'il existe des méthodes toutes faite :(
 
ca vient avec le temps ;)
 
en tout cas c'est cool ça marche parfaitement là :)
merci beaucoup pour ton aide :)
 
de rien
j'update ma réponse, si ca peut servir à qqun
 
oui c'est sûr :)
 
11:45 AM
mais jquery c'est super puissant comme truc
après parfois on fait des trucs un peu complexes pour rien, c'est simplifiable
la problématique aussi de ton truc là c'est que c'est très dépendant de la structure générée par le plugin
si demain ils modifient le fonctionnement et que tu mets à jour le javascript dans ton projet, il y a un risque que tu sois emmerdé, enfin après il n'y a pas 50 solutions de toute facon
 
oui c'est vrai que ça dépend beaucoup de comment il encapsule dans les table
 
après, si t'es motivé, tu peux contribuer au plugin que tu as récupérer et leur proposer ce fonctionnement de pop-up de gestion ;)
mais par contre il faudrait aussi gérer la génération de la liste UL / LI de départ en fonction de tes modifs
 
c'est ce que je comptaire à la fin de ce petit projet pour me faire travailler un peu JQuery
je comptais finir des delete, faire des ajouts, et rendre le tout en drag&drop
pour grader/degrader des personnes facilement
 
j'ai pensé à faire ça au début : au lieu de te faire chier à manipuler le HTML que ca a généré, tu pourrais directement manipuler la liste de départ et regénérer le chart
oauis ca peut être bien :)
 
et une fois tout ça réalisé, j'enverrais le code aux créateurs du pluggin
car bon, ça peut toujours être utile de devoir faire un organigramme
autant qu'il en existe un déjà tout fait :)
 
11:49 AM
Comme le plugin est sur github, tu peux contribuer directement ;)
 
oui c'est l'avantage :)
mais bon il reste encore tout l'ajout, et le drag&drop :)
 
Mais repense à mon histoire de liste de départ ayant permis de générer le graphe ;)
c'est con de se retrouver avec un graphe et une liste qui n'ont pas de rapport une fois que tu as modifié / supprimé des items
pour l'ajout, en gros, regarde le code du plugin ,;)
tu y auras les éléments. Mais là encore c'est relativement se faire chier par rapport à la liste
 
oui c'est ce que je comptais faire :) voir comment appeler proprement buildNode :)

mais c'est vrai que garder la cohérence avec la liste de départ
ça pourrait être intéressant :)
 
en gros : soit tu bourrines le HTML existant, soit tu trouves un lien pour partir de ton graphe HTML, rebondir sur la liste, jouer sur les UL / LI (facile ça) et relancer la génération du graphe
parce qu'en soi, le code du plugin est court, seulement 122 lignes
et bien commenté donc compréhensible
 
oui j'ai essayé de commenter à fond le code du plugin, car à la base le commentaire était un peu léger :/ pour un débutant pas facile :/
mais je vais réfléchir à un système genre "enregistrer" qui modifie en dur l'HTML :)
comme ça les modifications que l'on a réaliser avec des add/delete seront mis dans la liste et donc regénérer par le plugin si on raffraichie la page :)
 
11:55 AM
ouais ca peut être une idée sympa, et plutot bien pour apprendre à parcourir des structures HTML avec jQuery
le code du plugin est bien commenté à la base non ??
enfin pour moi il l'est assez ;)
effectivement si tu n'es pas habitué parfois il en faut plus, comme tu as pu le faire dans ton JS
mais ca devenait un peu trop :)
 
oui c'est sûr qu'il faut doser pas évident, mais étant un néophyte pour le moment, j'essaye de garder un taux de commentaire élevé pour pas me perdre du tout ^^
 
à toi de voir oui. Au fait, dans ton CV (valentin-montmirail.fr/fr/cv.php), PhP <<< change le en PHP (avec un H majuscule) ;)
 
lol xD ok :p
 
(oui, les francais de SO sont curieux !)
 
je vois ça :p mais bon, c'est online, toutes les remarques sont bonnes à prendre pour améliorer :)
 
12:05 PM
bon allez je vais retourner à mes activité
s
 

last day (14 days later) »