interactive_map/comparison.html at master · mdini/interactive_map · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html>
<head>
<style>
html,body{
  width: 100%;
  height: 100%;
}
</style>
<script>
function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;
}
function getvars(){
	var metrique = getUrlVars()["metrique"];
	var annee1 = getUrlVars()["annee1"];
	var annee2 = getUrlVars()["annee2"];
	var url1= annee1+"/"+metrique+".html"
	var url1b= annee1+"/REUNION/"+metrique+".html"
	var url2= annee2+"/"+metrique+".html"
	var url2b= annee2+"/REUNION/"+metrique+".html"
	document.getElementById("fr1").src =url1;
	document.getElementById("fr1b").src =url1b;
	document.getElementById("fr2").src =url2;
	document.getElementById("fr2b").src =url2b;
}

</script>
</head>

<body>

 <iframe id=fr1  src=""  frameborder="0" scrolling="yes"
                                style="height: 100%; width: 49%;"
                               align="left">
                              </iframe>


 <iframe id=fr2 src="" frameborder="0" scrolling="yes"
                                    style="overflow: hidden; height: 100%; width: 49%;"
                                     align="right">
                                    </iframe>

<iframe id=fr1b  src=""  frameborder="0" scrolling="yes"
                                style="height: 15%; width: 15%;  position:absolute;border:solid 2px #000; bottom:0; right: 51%;"
                               align="left">
                              </iframe>

 <iframe id=fr2b src="" frameborder="0" scrolling="yes"
                        style="overflow: hidden; height: 15%; width: 15%; position:absolute; border:solid 2px #000; bottom:0; right: 0;"
                                     align="right">
                                    </iframe>

<script>
getvars();
</script>
</body>