bonjour,

je suis à la recherche d'un (ou plusieurs) algorithme permettant d'alligner (ou superposer) plusieurs évenements se déroulant simultanément dans un planning.

mon jeux d'entrer est de type :

Code xml : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<eve  id="e1" date="20220131" debut="800" "fin="900">
<des>truc1</des>
</eve>
<eve id="e2" date="20220131" debut="830" "fin="900">
<des>truc2</des>
</eve>
<eve id="e3 date="20220131" debut="950" "fin="990">
<des>truc3</des>
</eve>

La liste est ordonnée du plus tôt (sur début, puis fin )au tard. (comme un agenda).

afin d'obtenir donc :
Code xml : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<group>
<eve  id="e1" date="20220131" debut="800" "fin="900">
<des>truc1</des>
</eve>
<eve id="e2" date="20220131" debut="830" "fin="900">
<des>truc2</des>
</eve>
</group>
<eve id="e3 date="20220131" debut="950" "fin="990">
<des>truc3</des>
</eve>

Par exemple si dessus, j'ai 3 choses dans le calendrier, dont les 2ères qui doivent s'afficher l'une à côté de l'autre et la 3eme à part.


Je suis en train de me demander si on peut le faire en 2 passes ou une seule passe.
2 passes : rechercher/collecter les groupes d'éve. à supperposer puis les créer dans un bloc commun.

ou 1 passe

prendre tous les élements, regarder à chaque fois si celui du dessous démarre avant que le précédent soit fini. si oui, on crée un container pour les mettre ensemble puis on regarde celui d'après. à chaque fois on compare avec la date de fin du dernier entrée dans le container.

Si quelqu'un sait en anglais comment cet algo s'appelle, ça m'arrangerait.
Je dois le réaliser en jquery/javascript, en parcours un ensemble de DIV.

Merci de votre aide et bonne journée