1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+ < head >
4
+ < meta charset ="UTF-8 ">
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
+ < title > Jquery Tree Plugin</ title >
7
+ < meta name ="description " content ="jstree by vakata. jquery tree plugin ">
8
+ < meta name ="author " content ="vakata ">
9
+ < meta name ="robots " content ="index, follow ">
10
+ <!-- Canonical URL -->
11
+ < link rel ="canonical " href ="https://codehimblog.github.io/jquery-plugins/jstree-by-vakata.html ">
12
+ <!-- Favicon -->
13
+ < link rel ="icon " href ="/favicon.ico " type ="image/png ">
14
+ <!-- Bootstrap CSS -->
15
+ < link href ="
https://cdn.jsdelivr.net/npm/[email protected] /dist/css/bootstrap.min.css "
rel ="
stylesheet "
>
16
+ <!-- Bootstrap Icons -->
17
+ < link href ="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css " rel ="stylesheet ">
18
+ < link rel ="stylesheet " href ="/css/styles.css ">
19
+ </ head >
20
+ < body >
21
+ <!-- Navbar -->
22
+ < nav class ="navbar navbar-expand-lg navbar-dark bg-dark fixed-top ">
23
+ < div class ="container ">
24
+ < a class ="navbar-brand " href ="https://codehimblog.github.io ">
25
+ < i class ="bi bi-box-seam me-2 "> </ i > CodehimBlog
26
+ </ a >
27
+ < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarNav " aria-controls ="navbarNav " aria-expanded ="false " aria-label ="Toggle navigation ">
28
+ < span class ="navbar-toggler-icon "> </ span >
29
+ </ button >
30
+ < div class ="collapse navbar-collapse " id ="navbarNav ">
31
+ < ul class ="navbar-nav ms-auto ">
32
+ < li class ="nav-item ">
33
+ < a class ="nav-link " href ="https://codehimblog.github.io/ "> < i class ="bi bi-house-door me-1 "> </ i > Home</ a >
34
+ </ li >
35
+ < li class ="nav-item ">
36
+ < a class ="nav-link " href ="https://codehimblog.github.io/projects/ "> < i class ="bi bi-box me-1 "> </ i > Projects</ a >
37
+ </ li >
38
+ < li class ="nav-item ">
39
+ < a class ="nav-link " href ="https://codehimblog.github.io/about.html "> < i class ="bi bi-book me-1 "> </ i > About</ a >
40
+ </ li >
41
+ < li class ="nav-item ">
42
+ < a class ="nav-link " href ="https://codehimblog.github.io/contact.html "> < i class ="bi bi-envelope me-1 "> </ i > Contact</ a >
43
+ </ li >
44
+ </ ul >
45
+ </ div >
46
+ </ div >
47
+ </ nav >
48
+
49
+ <!-- Breadcrumbs -->
50
+ < div class ="container mt-4 breadcrumbs ">
51
+ < nav aria-label ="breadcrumb ">
52
+ < ol class ="breadcrumb mb-0 ">
53
+ < li class ="breadcrumb-item "> < a href ="https://codehimblog.github.io/ "> Home</ a > </ li >
54
+ < li class ="breadcrumb-item "> < a href ="https://codehimblog.github.io/jquery-plugins/ "> jQuery Plugins</ a > </ li >
55
+ < li class ="breadcrumb-item active " aria-current ="page "> Jquery Tree Plugin</ li >
56
+ </ ol >
57
+ </ nav >
58
+ </ div >
59
+
60
+ <!-- Schema Markup for Breadcrumbs -->
61
+ < script type ="application/ld+json ">
62
+ {
63
+ "@context" : "https://schema.org" ,
64
+ "@type" : "BreadcrumbList" ,
65
+ "itemListElement" : [
66
+ {
67
+ "@type" : "ListItem" ,
68
+ "position" : 1 ,
69
+ "name" : "Home" ,
70
+ "item" : "https://codehimblog.github.io/"
71
+ } ,
72
+ {
73
+ "@type" : "ListItem" ,
74
+ "position" : 2 ,
75
+ "name" : "jQuery Plugins" ,
76
+ "item" : "https://codehimblog.github.io/jquery-plugins/"
77
+ } ,
78
+ {
79
+ "@type" : "ListItem" ,
80
+ "position" : 3 ,
81
+ "name" : "Jquery Tree Plugin" ,
82
+ "item" : "https://codehimblog.github.io/projects/{{packageSlug}}"
83
+ }
84
+ ]
85
+ }
86
+ </ script >
87
+ <!-- Main Content -->
88
+ < div class ="container mt-3 ">
89
+ < div class ="row ">
90
+ <!-- Main Details -->
91
+ < main class ="col-md-8 site-main p-0 ">
92
+ < article >
93
+ <!-- Project Name & Description -->
94
+ < h1 id ="packageName "> Jquery Tree Plugin</ h1 >
95
+ < p id ="packageDescription " class ="text-muted "> jstree by vakata</ p >
96
+ <!-- Statistics -->
97
+ < div class ="stat-row d-flex justify-content-around align-items-center text-center mb-2 ">
98
+ < div class ="stat-box d-flex align-items-center ">
99
+ < i class ="bi bi-star-fill text-warning me-2 "> </ i >
100
+ < div >
101
+ < span id ="stargazersCount " class ="stat-value "> 5151</ span >
102
+ < p class ="stat-label mb-0 "> Stars</ p >
103
+ </ div >
104
+ </ div >
105
+
106
+ < div class ="stat-box d-flex align-items-center ">
107
+ < i class ="bi bi-box-arrow-in-down me-2 "> </ i >
108
+ < div >
109
+ < span id ="repoSize " class ="stat-value "> 13.57 MB</ span >
110
+ < p class ="stat-label mb-0 "> Size</ p >
111
+ </ div >
112
+ </ div >
113
+
114
+ < div class ="stat-box d-flex align-items-center ">
115
+ < i class ="bi bi-arrow-repeat text-secondary me-2 "> </ i >
116
+ < div >
117
+ < span id ="forksCount " class ="stat-value "> 1380</ span >
118
+ < p class ="stat-label mb-0 "> Forks</ p >
119
+ </ div >
120
+ </ div >
121
+ < div class ="stat-box d-flex align-items-center ">
122
+ < i class ="bi bi-exclamation-circle text-danger me-2 "> </ i >
123
+ < div >
124
+ < span id ="openIssuesCount " class ="stat-value "> 4</ span >
125
+ < p class ="stat-label mb-0 "> Open Issues</ p >
126
+ </ div >
127
+ </ div >
128
+ </ div >
129
+
130
+ < div class ="ad-unit ad-apt ">
131
+ < script async src ="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7089100907045419 "
132
+ crossorigin ="anonymous "> </ script >
133
+ <!-- CodehimBlog APT -->
134
+ < ins class ="adsbygoogle "
135
+ style ="display:block "
136
+ data-ad-client ="ca-pub-7089100907045419 "
137
+ data-ad-slot ="4990741913 "
138
+ data-ad-format ="auto "
139
+ data-full-width-responsive ="true "> </ ins >
140
+ < script >
141
+ ( adsbygoogle = window . adsbygoogle || [ ] ) . push ( { } ) ;
142
+ </ script >
143
+ </ div >
144
+
145
+ < div class ="row mb-4 ">
146
+ <!-- Tabs (Left) -->
147
+ < div class ="col-12 col-md-6 d-flex justify-content-start mb-3 mb-md-0 ">
148
+ < ul class ="nav nav-tabs " id ="infoTabs " role ="tablist ">
149
+ < li class ="nav-item " role ="presentation ">
150
+ < button class ="nav-link active " id ="installation-tab " data-bs-toggle ="tab " data-bs-target ="#installation " type ="button " role ="tab " aria-controls ="installation " aria-selected ="true ">
151
+ < i class ="bi bi-file-earmark-text "> </ i > Readme
152
+ </ button >
153
+ </ li >
154
+ < li class ="nav-item " role ="presentation ">
155
+ < button class ="nav-link " id ="changelog-tab " data-bs-toggle ="tab " data-bs-target ="#changelog " type ="button " role ="tab " aria-controls ="changelog " aria-selected ="false ">
156
+ < i class ="bi bi-journal-text me-2 "> </ i > Changelog
157
+ </ button >
158
+ </ li >
159
+ </ ul >
160
+ </ div >
161
+
162
+ <!-- Action Buttons (Right) -->
163
+ < div class ="col-12 col-md-6 d-flex align-items-center justify-content-end ">
164
+ < a href ="https://github.com/vakata/jstree/archive/refs/heads/master.zip " class ="btn btn-primary me-2 action-btn " id ="downloadBtn ">
165
+ < i class ="bi bi-cloud-download me-2 "> </ i > Download ZIP
166
+ </ a >
167
+ < a href ="https://github.com/vakata/jstree " target ="_blank " class ="btn btn-outline-secondary action-btn " id ="githubBtn ">
168
+ < i class ="bi bi-github me-2 "> </ i > Fork on GitHub
169
+ </ a >
170
+ </ div >
171
+ </ div >
172
+ < div class ="tab-content mt-3 " id ="infoTabsContent ">
173
+ < div class ="tab-pane fade show active " id ="installation " role ="tabpanel " aria-labelledby ="installation-tab ">
174
+ No README available
175
+ </ div >
176
+
177
+ < div class ="tab-pane fade " id ="changelog " role ="tabpanel " aria-labelledby ="changelog-tab ">
178
+ < ul id ="changelogList ">
179
+ No changelog available.
180
+ </ ul >
181
+ </ div >
182
+
183
+ </ div >
184
+ </ article >
185
+ </ main >
186
+ <!-- Sidebar -->
187
+ < aside class ="col-md-4 p-0 ">
188
+ < div class ="sidebar ">
189
+ <!-- Owner Section -->
190
+ < div class ="sidebar-item mb-4 ">
191
+ < div class ="ad-unit ">
192
+ < script async src ="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7089100907045419 "
193
+ crossorigin ="anonymous "> </ script >
194
+ <!-- CodehimBlog Sidebar -->
195
+ < ins class ="adsbygoogle "
196
+ style ="display:block "
197
+ data-ad-client ="ca-pub-7089100907045419 "
198
+ data-ad-slot ="8929986923 "
199
+ data-ad-format ="auto "
200
+ data-full-width-responsive ="true "> </ ins >
201
+ < script >
202
+ ( adsbygoogle = window . adsbygoogle || [ ] ) . push ( { } ) ;
203
+ </ script >
204
+ </ div >
205
+ < div class ="d-flex align-items-center ">
206
+ < img src ="https://avatars.githubusercontent.com/u/146052?v=4 " alt ="Owner Avatar " class ="rounded-circle me-2 owner-avatar ">
207
+ < a href ="https://github.com/vakata " target ="_blank " id ="ownerName " class ="sidebar-link "> vakata</ a >
208
+ </ div >
209
+ </ div >
210
+
211
+ <!-- Metadata Section -->
212
+ < div class ="sidebar-item mb-2 ">
213
+ < div class ="metadata-item d-flex align-items-center ">
214
+ < i class ="bi bi-calendar me-2 "> </ i >
215
+ < strong > Created At:</ strong >
216
+ < span id ="createdAt " class ="ms-1 "> October 28, 2009</ span >
217
+ </ div >
218
+ < div class ="metadata-item d-flex align-items-center mt-2 ">
219
+ < i class ="bi bi-pencil-square me-2 "> </ i >
220
+ < strong > Last Updated:</ strong >
221
+ < span id ="updatedAt " class ="ms-1 "> November 23, 2024</ span >
222
+ </ div >
223
+ < div class ="metadata-item d-flex align-items-center mt-2 ">
224
+ < i class ="bi bi-file-earmark-code me-2 "> </ i >
225
+ < strong > Language:</ strong >
226
+ < span id ="language " class ="ms-1 "> JavaScript</ span >
227
+ </ div >
228
+
229
+ < div class ="metadata-item d-flex align-items-center mt-2 ">
230
+ < i class ="bi bi-shield-check "> </ i >
231
+ < strong > License:</ strong >
232
+ < span id ="license " class ="ms-1 "> MIT License</ span >
233
+ </ div >
234
+ < a href ="http://jstree.com " target ="_blank " class ="btn btn-outline-dark btn-sm " id ="homepageBtn ">
235
+ < i class ="bi bi-house-door me-2 "> </ i > Visit Homepage
236
+ </ a >
237
+
238
+ </ div >
239
+
240
+ < div class ="sidebar-item mb-2 ">
241
+ < h5 class ="sidebar-title "> Dependencies</ h5 >
242
+ < ul id ="dependenciesList ">
243
+ < li > No dependencies listed.</ li >
244
+ </ ul >
245
+
246
+ </ div >
247
+
248
+ < div class ="sidebar-item ">
249
+ < h5 class ="sidebar-title "> Contributors</ h5 >
250
+ < ul class ="p-0 " id ="contributorsList ">
251
+ < ul class ="list-group list-group-flush "> < li class ="list-group-item "> No contributors listed.</ li > </ ul >
252
+ </ ul >
253
+
254
+ </ div >
255
+
256
+ < div class ="ad-unit ">
257
+ < script async src ="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7089100907045419 "
258
+ crossorigin ="anonymous "> </ script >
259
+ <!-- CodehimBlog Skyscrapper -->
260
+ < ins class ="adsbygoogle "
261
+ style ="display:block "
262
+ data-ad-client ="ca-pub-7089100907045419 "
263
+ data-ad-slot ="7469565592 "
264
+ data-ad-format ="auto "
265
+ data-full-width-responsive ="true "> </ ins >
266
+ < script >
267
+ ( adsbygoogle = window . adsbygoogle || [ ] ) . push ( { } ) ;
268
+ </ script >
269
+ </ div >
270
+
271
+ </ div >
272
+ </ aside >
273
+ </ div >
274
+ </ div >
275
+ <!-- Footer -->
276
+ < footer class ="bg-dark text-white text-center py-3 page-footer ">
277
+ < div class ="container ">
278
+ < p class ="mb-2 "> © 2024 CodehimBlog - Powered by GitHub</ p >
279
+ < nav >
280
+ < ul class ="list-inline mb-0 ">
281
+ < li class ="list-inline-item ">
282
+ < a href ="/privacy-policy.html " class ="footer-link "> Privacy Policy</ a >
283
+ </ li >
284
+ < li class ="list-inline-item ">
285
+ < span class ="text-white "> |</ span >
286
+ </ li >
287
+ < li class ="list-inline-item ">
288
+ < a href ="/terms-and-conditions.html " class ="footer-link "> Terms and Conditions</ a >
289
+ </ li >
290
+ </ ul >
291
+ </ nav >
292
+ </ div >
293
+ </ footer >
294
+ <!-- Bootstrap Bundle JS -->
295
+ < script src ="
https://cdn.jsdelivr.net/npm/[email protected] /dist/js/bootstrap.bundle.min.js "
> </ script >
296
+ < script src ="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js "> </ script >
297
+ <!-- Google tag (gtag.js) -->
298
+ < script async src ="https://www.googletagmanager.com/gtag/js?id=G-FG2ZX76XGT "> </ script >
299
+ < script >
300
+ window . dataLayer = window . dataLayer || [ ] ;
301
+ function gtag ( ) { dataLayer . push ( arguments ) ; }
302
+ gtag ( 'js' , new Date ( ) ) ;
303
+
304
+ gtag ( 'config' , 'G-FG2ZX76XGT' ) ;
305
+ </ script >
306
+ </ body >
307
+ </ html >
0 commit comments