Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>Proof of problem</title>
- <link rel="icon" href="img/logo.png">
- <link rel="stylesheet" href="css/font-awesome.min.css">
- <link rel="stylesheet" href="css/jquery.orgchart.css">
- <link rel="stylesheet" href="css/style.css">
- <style type="text/css">
- .orgchart { background: #fff; }
- .orgchart td.left, .orgchart td.right, .orgchart td.top { border-color: #aaa; }
- .orgchart td>.down { background-color: #aaa; }
- .orgchart .screen .title { background-color: #006699; }
- .orgchart .screen .content { border-color: #006699; }
- .orgchart .duplicate .content { background-color: #F4FA90; }
- </style>
- </head>
- <body>
- <div id="chart-container"></div>
- <script type="text/javascript" src="js/jquery.min.js"></script>
- <script type="text/javascript" src="js/jquery.orgchart.js"></script>
- <script type="text/javascript">
- $(function() {
- var datascource = {
- 'name': 'Main',
- 'title': '',
- 'className': 'screen',
- 'children': [
- { 'name': '1', 'title': '', 'className': 'screen',
- 'children': [
- { 'name': 'Foo', 'title': '', 'className': 'screen' },
- { 'name': 'Bar', 'title': '', 'className': 'screen duplicate' }
- ]
- },
- { 'name': '2', 'title': '', 'className': 'screen',
- 'children': [
- { 'name': 'Woof', 'title': '', 'className': 'screen' }
- ]
- },
- { 'name': '3', 'title': '', 'className': 'screen',
- 'children': [
- { 'name': 'Fizz', 'title': '', 'className': 'screen' }
- ]
- },
- { 'name': '4', 'title': '', 'className': 'screen',
- 'children': [
- { 'name': 'Buzz', 'title': '', 'className': 'screen' },
- { 'name': 'Bar', 'title': '', 'className': 'screen duplicate' },
- { 'name': 'Ping', 'title': '', 'className': 'screen' }
- ]
- }
- ]
- }
- var oc = $('#chart-container').orgchart({
- 'data' : datascource,
- 'nodeContent': 'title',
- 'pan': true,
- 'zoom': true
- });
- oc.$chartContainer.on('touchmove', function(event) {
- event.preventDefault();
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement