<: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,id_orgchartjs=1,data=#GET{data}}
<:orgchartjs:demo_spip_appel_article:> <orgchartjs|idorgchartjs=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,^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,^Pang Pang/senior engineer,^Hong Miao/department manager'}
#MODELE{orgchartjs,idorgchartjs=1,data=#GET{data}}



<:orgchartjs:demo_spip_arbo_titre:>

[(#REM) Affichage d'un article au hasard] #MODELE{orgchartjs, idorgchartjs=2, data=objet, objet=article, id_objet=#ID_ARTICLE} #SET{hasard,#ID_ARTICLE}
<:orgchartjs:demo_spip_appel_article:> <orgchartjs|idorgchartjs=2|data=objet|objet=article|id_objet=#GET{hasard}>
<:orgchartjs:demo_spip_appel_squelette:> #MODELE{orgchartjs,
  idorgchartjs=2,
  data=objet,
  objet=article,
  id_objet=#GET{hasard}
}



<: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,
  idorgchartjs=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,
  idorgchartjs=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_options:>

<:orgchartjs:demo_js_op_name:> <:orgchartjs:demo_js_op_type:> <:orgchartjs:demo_js_op_required:> <:orgchartjs:demo_js_op_default:> <:orgchartjs:demo_js_op_description:>
<:orgchartjs:demo_js_op_data:> <:orgchartjs:demo_js_op_datat:> <:orgchartjs:demo_js_op_datar:> <:orgchartjs:demo_js_op_datadef:> <:orgchartjs:demo_js_op_datades:>
<:orgchartjs:demo_js_op_pan:> <:orgchartjs:demo_js_op_pant:> <:orgchartjs:demo_js_op_panr:> <:orgchartjs:demo_js_op_pandef:> <:orgchartjs:demo_js_op_pandes:>
<:orgchartjs:demo_js_op_zoom:> <:orgchartjs:demo_js_op_zoomt:> <:orgchartjs:demo_js_op_zoomr:> <:orgchartjs:demo_js_op_zoomdef:> <:orgchartjs:demo_js_op_zoomdes:>
<:orgchartjs:demo_js_op_zoomi:> <:orgchartjs:demo_js_op_zoomit:> <:orgchartjs:demo_js_op_zoomir:> <:orgchartjs:demo_js_op_zoomidef:> <:orgchartjs:demo_js_op_zoomides:>
<:orgchartjs:demo_js_op_zoomo:> <:orgchartjs:demo_js_op_zoomot:> <:orgchartjs:demo_js_op_zoomor:> <:orgchartjs:demo_js_op_zoomodef:> <:orgchartjs:demo_js_op_zoomodes:>
<:orgchartjs:demo_js_op_dir:> <:orgchartjs:demo_js_op_dirt:> <:orgchartjs:demo_js_op_dirr:> <:orgchartjs:demo_js_op_dirdef:> <:orgchartjs:demo_js_op_dirdes:>
<:orgchartjs:demo_js_op_vertical:> <:orgchartjs:demo_js_op_verticalt:> <:orgchartjs:demo_js_op_verticalr:> <:orgchartjs:demo_js_op_verticaldef:> <:orgchartjs:demo_js_op_verticaldes:>
<:orgchartjs:demo_js_op_tsr:> <:orgchartjs:demo_js_op_tsrt:> <:orgchartjs:demo_js_op_tsrr:> <:orgchartjs:demo_js_op_tsrdef:> <:orgchartjs:demo_js_op_tsrdes:>
<:orgchartjs:demo_js_op_ajaxurl:> <:orgchartjs:demo_js_op_ajaxurlt:> <:orgchartjs:demo_js_op_ajaxurlr:> <:orgchartjs:demo_js_op_ajaxurldef:> <:orgchartjs:demo_js_op_ajaxurldes:>
<:orgchartjs:demo_js_op_visible:> <:orgchartjs:demo_js_op_visiblet:> <:orgchartjs:demo_js_op_visibler:> <:orgchartjs:demo_js_op_visibledef:> <:orgchartjs:demo_js_op_visibledes:>
<:orgchartjs:demo_js_op_title:> <:orgchartjs:demo_js_op_titlet:> <:orgchartjs:demo_js_op_titler:> <:orgchartjs:demo_js_op_titledef:> <:orgchartjs:demo_js_op_titledes:>
<:orgchartjs:demo_js_op_symbol:> <:orgchartjs:demo_js_op_symbolt:> <:orgchartjs:demo_js_op_symbolr:> <:orgchartjs:demo_js_op_symboldef:> <:orgchartjs:demo_js_op_symboldes:>
<:orgchartjs:demo_js_op_cont:> <:orgchartjs:demo_js_op_contt:> <:orgchartjs:demo_js_op_contr:> <:orgchartjs:demo_js_op_contdef:> <:orgchartjs:demo_js_op_contdes:>
<:orgchartjs:demo_js_op_id:> <:orgchartjs:demo_js_op_idt:> <:orgchartjs:demo_js_op_idr:> <:orgchartjs:demo_js_op_iddef:> <:orgchartjs:demo_js_op_iddes:>
<:orgchartjs:demo_js_op_relation:> <:orgchartjs:demo_js_op_relationt:> <:orgchartjs:demo_js_op_relationr:> <:orgchartjs:demo_js_op_relationdef:> <:orgchartjs:demo_js_op_relationdes:>
<:orgchartjs:demo_js_op_template:> <:orgchartjs:demo_js_op_templatet:> <:orgchartjs:demo_js_op_templater:> <:orgchartjs:demo_js_op_templatedef:> <:orgchartjs:demo_js_op_templatedes:>
<:orgchartjs:demo_js_op_create:> <:orgchartjs:demo_js_op_createt:> <:orgchartjs:demo_js_op_creater:> <:orgchartjs:demo_js_op_createdef:> <:orgchartjs:demo_js_op_createdes:>
<:orgchartjs:demo_js_op_btn:> <:orgchartjs:demo_js_op_btnt:> <:orgchartjs:demo_js_op_btnr:> <:orgchartjs:demo_js_op_btndef:> <:orgchartjs:demo_js_op_btndes:>
<:orgchartjs:demo_js_op_fn:> <:orgchartjs:demo_js_op_fnt:> <:orgchartjs:demo_js_op_fnr:> <:orgchartjs:demo_js_op_fndef:> <:orgchartjs:demo_js_op_fndes:>
<:orgchartjs:demo_js_op_ext:> <:orgchartjs:demo_js_op_extt:> <:orgchartjs:demo_js_op_extr:> <:orgchartjs:demo_js_op_extdef:> <:orgchartjs:demo_js_op_extdes:>
<:orgchartjs:demo_js_op_class:> <:orgchartjs:demo_js_op_classt:> <:orgchartjs:demo_js_op_classr:> <:orgchartjs:demo_js_op_classdef:> <:orgchartjs:demo_js_op_classdes:>
<:orgchartjs:demo_js_op_classcase:> <:orgchartjs:demo_js_op_classcaset:> <:orgchartjs:demo_js_op_classcaser:> <:orgchartjs:demo_js_op_classcasedef:> <:orgchartjs:demo_js_op_classcasedes:>
<:orgchartjs:demo_js_op_drag:> <:orgchartjs:demo_js_op_dragt:> <:orgchartjs:demo_js_op_dragr:> <:orgchartjs:demo_js_op_dragdef:> <:orgchartjs:demo_js_op_dragdes:>
<:orgchartjs:demo_js_op_drop:> <:orgchartjs:demo_js_op_dropt:> <:orgchartjs:demo_js_op_dropr:> <:orgchartjs:demo_js_op_dropdef:> <:orgchartjs:demo_js_op_dropdes:>
<:orgchartjs:demo_js_op_init:> <:orgchartjs:demo_js_op_initt:> <:orgchartjs:demo_js_op_initr:> <:orgchartjs:demo_js_op_initdef:> <:orgchartjs:demo_js_op_initdes:>