This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. You can’t perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. <img src="lokasi gambar">. Dengan model pemanggilan tag img src, cara ini akan menambah beban loading dari website. Untuk itu kita dapat menggunakan alternatif pembuatan sturktur organisasi pemerintahan ataupun perusahaan dengan menggunakan plugin jquery. Dua librari utama untuk membentuk bagan organisasi adalah :
Contoh 1: Misalkan kita akan membuat sebuah struktur organisasi seperti yang ditunjukkan Gambar.1 berikut : (Gambar.1) Maka untuk membuat struktur organisasi seperti gambar diatas, pembuatan script dalam html sebagai berikut :
Untuk tag <div class="container"> dan <div class="row"> dapat diabaikan, jika anda tidak menggunakan Bootstrap.Contoh 2: Misalkan kita akan membuat sebuah struktur organisasi lanjutan dari Gambar.1 dengan ouput yang diharapkan seperti yang seperti Gambar.2 dibawah ini : (Gambar.2) Untuk membuat struktur organisasi seperti Gambar.2 diatas, script dalam html sebagai berikut :
Pada tag <li id=""> </li> , kita melakukan duplikasi lebih dari dua kali untuk <li id="node6">, hal ini tidak menjadi masalah. Untuk Contoh 2, anda dapat melihat demo pada link live preview dibawah. Anda juga dapat mendownloadnya pada link Download (sudah termasuk librari orgchart.css dan orgchart.js).Live Preview Download |