【機能リリース】jsdo.itが、スマホブラウザ表示に対応

English
- English
- 한국어
- 中文
- 日本語

or

列車時刻表

Follow

2019-01-11 15:27:25

License: MIT License

Fork: 0

Fav: 0

View: 229

Play
Stop
Reload

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.', ''));       
    });
    
});

列車時刻表

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; }

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

Size

Width: px
Height: px

code

<script type="text/javascript" src="http://jsdo.it/blogparts/GceR/js"></script>

QR Code

Discussion

Questions on this code?

Tags