played with current time
This commit is contained in:
parent
1699cddad6
commit
5899630867
@ -85,10 +85,10 @@
|
|||||||
<p id="legend_title">Map legend</p>
|
<p id="legend_title">Map legend</p>
|
||||||
|
|
||||||
<div class="map_legend">
|
<div class="map_legend">
|
||||||
<div class="box1"></div> <p>Folklore literature</p>
|
<div id="box1" onclick="popup_bg(120)"></div> <p>Folklore literature</p>
|
||||||
<div class="box2"></div> <p>Islamic Mysticism</p>
|
<div id="box2" onclick="popup_bg(300)"></div> <p>Islamic Mysticism</p>
|
||||||
<div class="box3"></div> <p>Contemporary poets</p>
|
<div id="box3" onclick="popup_bg(700)"></div> <p>Contemporary poets</p>
|
||||||
<div class="box4"></div> <p>Contemporary musicians</p>
|
<div id="box4" onclick="popup_bg(1000)"></div> <p>Contemporary musicians</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -110,6 +110,19 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function popup_bg(time) {
|
||||||
|
var box = document.getElementById("audioBG");
|
||||||
|
if (box.currentTime>0) {
|
||||||
|
box.currentTime = 0;
|
||||||
|
}
|
||||||
|
box.currentTime = time;
|
||||||
|
box.play();
|
||||||
|
btn.innerHTML = "(Pause)";
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function includeHTML() {
|
function includeHTML() {
|
||||||
var z, i, elmnt, file, xhttp;
|
var z, i, elmnt, file, xhttp;
|
||||||
|
@ -131,7 +131,7 @@ stroke-dasharray:6px;
|
|||||||
|
|
||||||
/* map legend */
|
/* map legend */
|
||||||
|
|
||||||
.box1 {
|
#box1 {
|
||||||
height: 15px;
|
height: 15px;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
margin-left : 10px;
|
margin-left : 10px;
|
||||||
@ -141,7 +141,7 @@ stroke-dasharray:6px;
|
|||||||
background-color: #bedbbb;
|
background-color: #bedbbb;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box2 {
|
#box2 {
|
||||||
height: 15px;
|
height: 15px;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
margin-left : 10px;
|
margin-left : 10px;
|
||||||
@ -151,7 +151,7 @@ stroke-dasharray:6px;
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.box3 {
|
#box3 {
|
||||||
height: 15px;
|
height: 15px;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
margin-left : 10px;
|
margin-left : 10px;
|
||||||
@ -161,7 +161,7 @@ stroke-dasharray:6px;
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.box4 {
|
#box4 {
|
||||||
height: 15px;
|
height: 15px;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
margin-left : 10px;
|
margin-left : 10px;
|
||||||
|
2
wells/static/js/d3_map.js
vendored
2
wells/static/js/d3_map.js
vendored
@ -82,7 +82,7 @@ function connectedNodes() {
|
|||||||
|
|
||||||
node.append("image")
|
node.append("image")
|
||||||
// .attr("xlink:href", "/static/images/squig2.png")
|
// .attr("xlink:href", "/static/images/squig2.png")
|
||||||
.attr("xlink:href", "/static/images/circleB.png")
|
.attr("xlink:href", "../images/circleB.png")
|
||||||
.attr("x", -8)
|
.attr("x", -8)
|
||||||
.attr("y", -8)
|
.attr("y", -8)
|
||||||
.attr("width", 16)
|
.attr("width", 16)
|
||||||
|
Loading…
Reference in New Issue
Block a user