interactive_map/metric.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
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
<head>
<link href="css/metric.css" rel="stylesheet" type="text/css" media="all" />

<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 annee = getUrlVars()["annee"];
	var url1= annee+"/"+metrique+".html"
	var url1b= annee+"/REUNION/"+metrique+".html"
	document.getElementById("fr1").src =url1;
	document.getElementById("fr1b").src =url1b;
	document.getElementById("an").innerHTML =annee;

}

</script>
</head>

<body>
<header>
  <div class="topnav">
 <ul >
          <li><a href="home.html" >Acceuil</a></li>
          <li><a href="main.html" >Metrics</a></li>

      <li><a href="index.html" >Deconnexion</a></li>
    </ul>
  </div>
</header>
<div class="title2">
<p>Les metriques de l'année&nbsp;  <span id="an"></span></p>
</div>
 <iframe id=fr1  src=""  frameborder="0" scrolling="yes"
                                style="height: 90%; width: 83%; position:center;  margin-top:10%; margin-left:9%;margin-bottom:3%;border:3px double     black;"
                               align="left">
                              </iframe>


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

<div id="copyright" class="container" style="margin-top:9%; ">
	<p>&copy; Untitled. All rights reserved.  | Design by <a href="https://www.afm-telethon.fr/" rel="nofollow">AFM TELETHON</a>.</p>
</div>

<script>
getvars();
</script>

</body>
</html>