Revert "Simplify style switcher" as it doesn't work with Chrome like this
This reverts commit 98e913c933
.
This commit is contained in:
parent
fd41f11f6c
commit
e2347fa020
|
@ -1,3 +1,19 @@
|
||||||
|
var style;
|
||||||
|
|
||||||
|
function switch_style(s) {
|
||||||
|
var el = document.getElementsByTagName("link")
|
||||||
|
for (var i = 0; i < el.length; i++ ) {
|
||||||
|
if (el[i].getAttribute("rel").indexOf("style") != -1
|
||||||
|
&& el[i].getAttribute("title")) {
|
||||||
|
if (el[i].getAttribute("title") == s) {
|
||||||
|
style_btn.text(s)
|
||||||
|
el[i].disabled = false
|
||||||
|
} else
|
||||||
|
el[i].disabled = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function getOffset( el ) {
|
function getOffset( el ) {
|
||||||
var _x = 0, _y = 0
|
var _x = 0, _y = 0
|
||||||
|
|
||||||
|
@ -34,16 +50,15 @@ function resize() {
|
||||||
}
|
}
|
||||||
|
|
||||||
function next_style() {
|
function next_style() {
|
||||||
var n = document.styleSheetSets.length
|
var s;
|
||||||
var i;
|
if (style !== undefined)
|
||||||
for (i = 0; i < n; i++) {
|
s = d3.select("head link[title=" + style + "] + link")
|
||||||
if (document.styleSheetSets[i] == document.selectedStyleSheetSet)
|
|
||||||
break
|
|
||||||
}
|
|
||||||
|
|
||||||
var s = document.styleSheetSets[(i+1) % n]
|
if (s == null || s[0][0] == null)
|
||||||
style_btn.text(s)
|
s = d3.select("head link[title]")
|
||||||
document.selectedStyleSheetSet = s
|
|
||||||
|
style = s[0][0].getAttribute("title")
|
||||||
|
switch_style(style)
|
||||||
}
|
}
|
||||||
|
|
||||||
var cp = d3.select("header").append("div")
|
var cp = d3.select("header").append("div")
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<title>Freifunk Lübeck - Knotengraph</title>
|
<title>Freifunk Lübeck - Knotengraph</title>
|
||||||
<link href='style.css' rel='stylesheet' type='text/css' />
|
<link href='style.css' rel='stylesheet' type='text/css' />
|
||||||
<link href='force.css' rel='stylesheet' type='text/css' />
|
<link href='force.css' rel='stylesheet' type='text/css' />
|
||||||
<link href='force-big.css' rel='alternate stylesheet' type='text/css' title='big'/>
|
<link href='force-big.css' rel='alternate stylesheet' type='text/css' title='big' disabled/>
|
||||||
<link href='force-light.css' rel='stylesheet' type='text/css' title='light'/>
|
<link href='force-light.css' rel='stylesheet' type='text/css' title='light'/>
|
||||||
<script type="text/javascript" src="jquery.min.js"></script>
|
<script type="text/javascript" src="jquery.min.js"></script>
|
||||||
<script type="text/javascript" src="d3.v2.js"></script>
|
<script type="text/javascript" src="d3.v2.js"></script>
|
||||||
|
|
Loading…
Reference in a new issue