列車時刻表 ohisama1 Follow 2019-01-11 15:27:25 License: MIT License Fork0 Fav0 View180 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 39 lines HTML 5 lines CSS 10 lines 列車時刻表 var href = window.location.href; //alert(href); var q = href.split('q='); //alert(q[1]); var url = "http://asa.lotasclub.com/ctt.php?q=" + q[1]; //var url = "http://jsrun.it/assets/w/P/2/L/wP2L9"; //alert(url); d3.json(url, function(error, root) { d3.select("body").append("p").text(root[0]['odpt:trainNumber']); var dataset = root[0]['odpt:trainTimetableObject']; var names = d3.keys(dataset[0]); //var names1 = ['時刻', '駅']; var table = d3.select("body").append("table").attr("border", "1") table.append("thead").append("tr").selectAll("th").data(names).enter().append("th").text(function(d) { return d.replace('odpt:', ''); }); /* table.append("tbody").selectAll("tr").data(dataset).enter().append("tr").selectAll("td").data(function(row) { return d3.entries(row); }).enter().append("td").html(function(d) { return '<a href="">' + d.value.replace('odpt.Station:TokyoMetro.', '') + '</a>'; }); */ var tr = table.selectAll("tr").data(dataset).enter().append("tr").classed("even", function(d, i) { return i % 2 == 1; }); tr.each(function(d) { var self = d3.select(this); self.append("td").text(d['odpt:departureTime']); self.append("td").append("a").attr("href", "http://jsrun.it/ohisama1/ypsW?q=" + d['odpt:departureStation']).text(d['odpt:departureStation'].replace('odpt.Station:TokyoMetro.', '')); }); }); <script src="//cdnjs.cloudflare.com/ajax/libs/d3/4.1.1/d3.min.js"> </script> 列車時刻表 * { margin: 0; padding: 0; border: 1; } body { background: #ddf; font: 30px sans-serif; } var href = window.location.href; //alert(href); var q = href.split('q='); //alert(q[1]); var url = "http://asa.lotasclub.com/ctt.php?q=" + q[1]; //var url = "http://jsrun.it/assets/w/P/2/L/wP2L9"; //alert(url); d3.json(url, function(error, root) { d3.select("body").append("p").text(root[0]['odpt:trainNumber']); var dataset = root[0]['odpt:trainTimetableObject']; var names = d3.keys(dataset[0]); //var names1 = ['時刻', '駅']; var table = d3.select("body").append("table").attr("border", "1") table.append("thead").append("tr").selectAll("th").data(names).enter().append("th").text(function(d) { return d.replace('odpt:', ''); }); /* table.append("tbody").selectAll("tr").data(dataset).enter().append("tr").selectAll("td").data(function(row) { return d3.entries(row); }).enter().append("td").html(function(d) { return '<a href="">' + d.value.replace('odpt.Station:TokyoMetro.', '') + '</a>'; }); */ var tr = table.selectAll("tr").data(dataset).enter().append("tr").classed("even", function(d, i) { return i % 2 == 1; }); tr.each(function(d) { var self = d3.select(this); self.append("td").text(d['odpt:departureTime']); self.append("td").append("a").attr("href", "http://jsrun.it/ohisama1/ypsW?q=" + d['odpt:departureStation']).text(d['odpt:departureStation'].replace('odpt.Station:TokyoMetro.', '')); }); }); <script src="//cdnjs.cloudflare.com/ajax/libs/d3/4.1.1/d3.min.js"> </script> * { margin: 0; padding: 0; border: 1; } body { background: #ddf; font: 30px sans-serif; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author ohisama1 Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/GceR/js"></script> application Discussion Questions on this code? Tags application