웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 조직도를 구성할 수 있는 ... Orgchart 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 조직도를 구성할 수 있는 ... Orgchart

해피CGI윤실장 2020. 4. 14. 09:10

Javascript jQuery 를 이용하여 조직도를 만들 수 있습니다.


API 안내와 여러가지 버젼으로 제공되지만 ... 저는 jQuery Version 만 사용해 봤습니다.



toggle 도 가능해서 데모를 볼때는 괜찮다 생각 했지만 다운로드 받아보니 역시나 바로 실행이 되진 않네요 ^^;


데모파일에서상단에 CSS, JS 경로만 수정해 주시면 됩니다.

<link rel="stylesheet" href="css/jquery.orgchart.css"> 를 아래처럼 변경하세요.

<link rel="stylesheet" href="../dist/css/jquery.orgchart.css">

 

<script type="text/javascript" src="js/jquery.min.js"></script>  <-- 해당 코드는 제거하거나 CDN 으로 교체.
<script type="text/javascript" src="js/jquery.orgchart.js"></script>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../dist/js/jquery.orgchart.js"></script>



위의 코드처럼 변경하시면 나름 독특한 조직도를 볼 수 있습니다. ^^



라이센스는 MIT 라이센스 입니다.




홈페이지바로가기

저작자표시

'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글

[해피CGI][cgimall] Touch-friendly Carousel & Gallery - jQuery isystkSlider  (0) 2020.04.22
[해피CGI][cgimall] Javascript 를 이용하여 지하철 노선도(subway map)를 만들어 보세요.  (0) 2020.04.16
[해피CGI][cgimall] Android-style Analog Clock Time Picker Plugin With jQuery  (0) 2020.04.13
[해피CGI][cgimall] Justified Image Grid With Lightbox - jQuery Flex Photo Gallery  (0) 2020.03.30
[해피CGI][cgimall] Flexible Content Expanding and Collapsing Plugin - jQuery Collapse  (0) 2020.03.18
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments