This is an old revision of the document!
<html> <head>
<title>Timeline | editing | Individual editable items</title>
<style>
body, html {
font-family: arial, sans-serif;
font-size: 11pt;
}
div.vis-editable,
div.vis-editable.vis-selected {
/* custom styling for editable items... */
}
div.vis-readonly,
div.vis-readonly.vis-selected {
/* custom styling for readonly items... */
background-color: #ff4500;
border-color: red;
color: white;
}
</style>
<script src="https://visjs.github.io/vis-timeline/dist/vis-timeline-graph2d.min.js"></script> <link href="https://visjs.github.io/vis-timeline/dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
</head> <body>
<p>Specify individual items to be editable or readonly.</p>
<div id=“visualization”></div>
<script>
// create groups to highlight groupUpdate
var groups = new vis.DataSet([
{id: 1, content: 'Annapolis Junction'},
{id: 2, content: 'Relay House'},
{id: 3, content: 'Elysville'},
{id: 4, content: 'Ellicott City'},
]);
// create a DataSet with items
var items = new vis.DataSet([
{id: 1, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:20th_new_york_state_militia”>20th New York State Militia</a>', start: '1861-05-11', end: '1861-06-28', group: 1}, {id: 2, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:69th_new_york_state_militia”>69th New York State Militia</a>', start: '1861-04-28', end: '1861-05-04', group: 1}, {id: 3, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:5th_new_york_state_militia”>5th New York State Militia</a>', start: '1861-05-02', end: '1861-05-13', group: 1}, {id: 4, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:13th_new_york_state_militia”>13th New York State Militia</a>', start: '1861-06-14', end: '1861-06-18', group: 1}, {id: 5, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:1st_pennsylvania_reserve_infantry”>1st Pennsylvania Reserve Infantry</a>', start: '1861-07-27', end: '1861-08-30', group: 1}, {id: 6, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:21st_massachusetts_infantry”>21st Massachusetts Infantry</a>', start: '1861-9-1', end: '1861-12-18', group: 1}, {id: 7, content: '1st Michigan Infantry', start: '1861-07-29', end: '1861-10-01', end: '1862-02-28', group: 1}, {id: 8, content: '144th Ohio Infantry', start: '1864-05-30', end: '1864-08-11', group: 1}, {id: 9, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:93rd_regiment_new_york_state_militia”>93rd Regiment New York State Militia</a>', start: '1864-09-19', end: '1864-10-20', group: 1}, {id: 10, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:10th_maine_infantry”>10th Maine Infantry</a>', start: '1862-11-03', end: '1863-03-08', group: 1}, {id: 11, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:10th_maine_infantry”>60th New York Infantry</a>', start: '1862-03-08', end: '1862-05-24', group: 1}, {id: 12, content: '109th New York Volunteer Infantry', start: '1862-09-01', end: '1864-04-01', group: 1}, {id: 13, content: '27th Massachusetts Regiment', start: '1861-10-23', end: '1861-11-13', group: 1}, {id: 14, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:1st_district_regiment”>1st District Regiment</a>', start: '1861-11-30', end: '1862-06-08', group: 1},
{id: 15, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:6th_massachusetts_infantry”>6th Massachusetts Infantry</a>', start: '1861-05-05', end: '1861-07-29', group: 2}, {id: 16, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:8th_massachusetts_infantry”>8th Massachusetts Infantry</a>', start: '1861-05-12', end: '1861-07-09'}, {id: 17, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:8th_new_york_state_militia”>8th New York State Militia</a>', start: '1861-05-05', end: '1861-05-17'}, {id: 18, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:cook_s_battery_boston_light_artillery”>Cook\'s Battery Boston Light Artillery</a>', start: '1861-05-03', end: '1861-07-30'}, {id: 19, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:1st_pennsylvania_reserve_infantry”>1st Pennsylvania Reserve Infantry</a>', start: '1861-07-09', end: '1861-08-30'}, {id: 20, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:10th_maine_infantry”>10th Maine Infantry</a>', start: '1861-11-04', end: '1862-03-08'}, {id: 21, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:4th_wisconsin_infantry”>4th Wisconsin Infantry</a>', start: '1861-07-29', end: '1861-11-04', className: 'negative'}, {id: 22, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:60th_new_york_infantry”>60th New York Infantry</a>', start: '1861-11-09', end: '1862-06-25'}, {id: 23, content: '8th New York Cavalry', start: '1862-06-24', end: '1862-08-29'}, {id: 24, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:138th_pennsylvania_volunteers”>138th Pennsylvania Volunteers</a>', start: '1862-08-30', end: '1863-06-20'}, {id: 25, content: '118th New York Infantry', start: '1862-09-03', end: '1862-10-23'}, {id: 26, content: '3rd Delaware Infantry', start: '1863-06-24', end: '1864-04-30'}, {id: 27, content: 'Purnell Legion', start: '1863-06-14', end: '1863-06-24'}, {id: 28, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:1st_delaware_cavalry”>1st Delaware Cavalry</a>', start: '1863-06-01', end: '1864-05-31'}, {id: 29, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=144th_ohio_infantry”>144th Ohio Infantry</a>', start: '1864-05-11', end: '1864-08-18'}, {id: 30, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:93rd_regiment_new_york_state_militia”>93rd New York State Militia</a>', start: '1864-07-22', end: '1864-10-28'}, {id: 31, content: '7th Maryland', start: '1862-09-11', end: '1862-09-19'}, {id: 32, content: '3rd Pennsylvania Artillery', start: '1864-08-10', end: '1864-09-20'}, {id: 33, content: '8th New York Heavy Artillery', start: '1864-08-10', end: '1864-10-20'}, {id: 34, content: '9th New York Heavy Artillery', start: '1864-08-10', end: '1864-10-20'}, {id: 35, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:1st_eastern_shore_volunteers”>1st Eastern Shore Volunteers</a>', start: '1864-09-19', end: '1864-10-20'}, {id: 36, content: '60th Massachusetts Infantry', start: '1864-08-01', end: '1864-08-09'}, {id: 37, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:1st_rhode_island_cavalry”>1st Rhode Island Cavalry</a>', start: '1864-06-24', end: '1864-08-03'}, {id: 38, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:15th_new_york_independent_battery_light_artillery”>15th New York Independent Light Battery</a>', start: '1862-09-01', end: '1862-10-31'}, {id: 39, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:3rd_potomac_home_brigade_3rd_maryland_volunteer_infantry”>3rd Potomac Home Brigade</a>', start: '1863-06-24', end: '1864-06-30'}, {id: 40, content: '10th Vermont Infantry', start: '1864-07-10', end: '1864-07-14'}, {id: 41, content: '<a href=“https://hococivilwar.org/upag/doku.php?id=units:1st_maryland_infantry”>1st Maryland Infantry</a>', start: '1861-05-20', end: '1861-06-06'}, {id: 42, content: '1st New Jersey Militia', start: '1864-07-23', end: '1864-08-17'},
]);
var container = document.getElementById('visualization');
var options = {
editable: true // default for all items
};
var timeline = new vis.Timeline(container, items, groups, options);
</script> </body> </html>