<:orgchartjs:demo_titre:>

<: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/