<:orgchartjs:demo

<:orgchartjs:demo_titre:>

<:orgchartjs:demo_spip:>

[(#REM) vos données rangées dans une variable data]

<:orgchartjs:demo_spip_explication:>

<:orgchartjs:demo_spip_titre:>

#SET{data,'Lao Lao/general manager,Bo Miao/department manager#Su Miao/department manager,Tie Hua/senior engineer#Hei Hei/senior engineer,Dan Dan/engineer,Billy Halliday/stagiaire,^^Pang Pang/senior engineer,^Hong Miao/department manager'} [(#REM) l'appel du MODELE, avec un numéro d'identifiant unique pour éviter les conflits lorsqu'il y a plusieurs organigrammes sur la même page.] #MODELE{orgchartjs,ocjs=1,data=#GET{data}}

<:orgchartjs:demo_spip_appel_article:>	<orgchartjs\|ocjs=1\|data=Lao Lao/general manager,Bo Miao/department manager#Su Miao/department manager,Tie Hua/senior engineer#Hei Hei/senior engineer,Dan Dan/engineer,Billy Halliday/stagiaire,^^Pang Pang/senior engineer,^Hong Miao/department manager>
<:orgchartjs:demo_spip_appel_squelette:>	#SET{data,'Lao Lao/general manager,Bo Miao/department manager#Su Miao/department manager,Tie Hua/senior engineer#Hei Hei/senior engineer,Dan Dan/engineer,Billy Halliday/stagiaire,^^Pang Pang/senior engineer,^Hong Miao/department manager'} #MODELE{orgchartjs,ocjs=1,data=#GET{data}}

<:orgchartjs:demo_spip_arbo_titre:>

[(#REM) Affichage d'un article au hasard] #MODELE{orgchartjs, ocjs=2, data=objet, objet=article, id_objet=#ID_ARTICLE} #SET{hasard,#ID_ARTICLE}

<:orgchartjs:demo_spip_appel_article:>	<orgchartjs\|ocjs=2\|data=objet\|objet=article\|id_objet=#GET{hasard}>
<:orgchartjs:demo_spip_appel_squelette:>	#MODELE{orgchartjs, ocjs=2, data=objet, objet=article, id_objet=#GET{hasard} }

#MODELE{orgchartjs, ocjs=horizontal, data=objet, objet=article, id_objet=#GET{hasard}, direction=l2r, visiblelevel=2}

<:orgchartjs:demo_spip_appel_squelette:>

#MODELE{orgchartjs,
  ocjs=horizontal,
  data=objet,
  objet=article,
  id_objet=#GET{hasard},
  direction=l2r,
  visiblelevel=2}

<:orgchartjs:demo_spip_utilisation_avancee:>

<:orgchartjs:demo_spip_utilisation_avancee_boucle_objet:>

<:orgchartjs:demo_spip_appel_squelette:>

<:orgchartjs:demo_spip_utilisation_avancee_boucle_objet_hasard{id=#GET{hasard}}:>

<BOUCLE_mon_article(ARTICLES){par hasard}{0,1}>
#MODELE{orgchartjs,
  ocjs=2,
  data=objet,
  objet=article,
  id_objet=#ID_ARTICLE
}
</BOUCLE_mon_article>

<:orgchartjs:demo_spip_utilisation_avancee_personnalisation_article:>

<:orgchartjs:demo_spip_appel_article:>	<:orgchartjs:demo_spip_utilisation_ligne:>
<:orgchartjs:demo_spip_utilisation:>	<:orgchartjs:demo_spip_utilisation_ligne:>
<:orgchartjs:demo_spip_utilisation_ligne2:>	<B_ariane><p class="arbo"> <a href="#URL_SITE_SPIP/"><:accueil_site:></a><BOUCLE_ariane(HIERARCHIE){si #PLUGIN{orgchartjs}\|non}{id_article}> <a href="#URL_RUBRIQUE">[(#TITRE\|couper{80})]</a> </BOUCLE_ariane> [<strong class="on">(#TITRE\|couper{80})</strong>]</p> </B_ariane><//B_ariane>
<:orgchartjs:demo_spip_utilisation_ligne3:>	[(#PLUGIN{orgchartjs}\|oui) <h2>Plan de l'article dans le site</h2> #MODELE{orgchartjs, ocjs=2, data=objet, objet=article, id_objet=#ID_ARTICLE } ]

<:orgchartjs:demo_js:>

<:orgchartjs:demo_js_explication:>

<:orgchartjs:demo_js_oeuvre:>

<:orgchartjs:demo_js_oeuvre_explication:>

<:orgchartjs:demo_js_plus:>

https://dabeng.github.io/OrgChart/