creation d'un bouton pour fermer et de reouvrire la carte
This commit is contained in:
139
index.html
139
index.html
@@ -1,49 +1,98 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>école de recherche graphique</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<link rel="icon" type="image/x-icon" href="/Favicon_V1.png">
|
||||
</head>
|
||||
<body>
|
||||
<div id="vbody">
|
||||
<div id="page">
|
||||
<div id="handle"></div>
|
||||
<svg id="svg"></svg>
|
||||
<div id="cats">
|
||||
<div class="body"></div>
|
||||
<div class="placeholder"></div>
|
||||
</div>
|
||||
<div class="zoom-controls">
|
||||
<div class="leaflet-control-zoom leaflet-bar leaflet-control">
|
||||
<a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in">+</a>
|
||||
<a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out">–</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="specialclosediv">
|
||||
<a id="specialclosebutton" href="#" title="Zoom in" role="button" aria-label="Zoom in">×</a>
|
||||
</div>
|
||||
<div id="specialselectdiv">
|
||||
<select id="special">
|
||||
<!--<option value="/m/special/recentnews">news</option>-->
|
||||
<!--<option value="/m/special/ergtv/">erg tv !</option>-->
|
||||
<option value="">Carte</option>
|
||||
<option value="/m/special/recentfiles/">Nouveaux fichiers</option>
|
||||
<option value="/m/special/recentchanges/">Modifications récentes</option>
|
||||
<!--<option value="/m/special/jpo2021-live/">JPO 2021</option>-->
|
||||
</select>
|
||||
</div>
|
||||
<div id="specialiframediv"></div>
|
||||
</div>
|
||||
<div id="wikiframediv">
|
||||
<iframe id="wikiframe" name="wikiframe" src="/mw"></iframe>
|
||||
</div>
|
||||
<head>
|
||||
<title>école de recherche graphique</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=no;"/>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<link rel="stylesheet" type="text/css" href="custom_delo.css">A
|
||||
<style type="text/css">
|
||||
#quit {
|
||||
position:fixed;
|
||||
top:15px;
|
||||
right:15px;
|
||||
visibility:visible;
|
||||
}
|
||||
@media (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1) {
|
||||
script {
|
||||
display:none !important;
|
||||
}
|
||||
#page {
|
||||
display:none !important;
|
||||
}
|
||||
#wikiframediv {
|
||||
right:0;
|
||||
}
|
||||
}
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="dist/app.js"></script>
|
||||
<script src="dist/index.js"></script>
|
||||
</style>
|
||||
<link rel="icon" type="image/x-icon" href="/Favicon_V1.png">
|
||||
</head>
|
||||
<body>
|
||||
<div id="vbody">
|
||||
<div id="page">
|
||||
<div id="handle"></div>
|
||||
<svg id="svg"></svg>
|
||||
<div id="cats">
|
||||
<div class="body"></div>
|
||||
<div class="placeholder"></div>
|
||||
</div>
|
||||
<div class="zoom-controls">
|
||||
<div class="leaflet-control-zoom leaflet-bar leaflet-control">
|
||||
<a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in">+</a>
|
||||
<a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out">–</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="specialclosediv">
|
||||
<a id="specialclosebutton" href="#" title="Zoom in" role="button" aria-label="Zoom in">×</a>
|
||||
</div>
|
||||
<div id="specialselectdiv">
|
||||
<select id="special">
|
||||
<!--<option value="/m/special/recentnews">news</option>-->
|
||||
<!--<option value="/m/special/ergtv/">erg tv !</option>-->
|
||||
<option value="">Carte</option>
|
||||
<option value="/m/special/recentfiles/">Nouveaux fichiers</option>
|
||||
<option value="/m/special/recentchanges/">Modifications récentes</option>
|
||||
<!--<option value="/m/special/jpo2021-live/">JPO 2021</option>-->
|
||||
</select>
|
||||
<a href="#" id="quit" class="button-style">fermer [x]</a>
|
||||
</div>
|
||||
<div id="specialiframediv"></div>
|
||||
</div>
|
||||
<div id="wikiframediv">
|
||||
<iframe id="wikiframe" name="wikiframe" src="/mw"></iframe>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
var map = document.getElementById("page");
|
||||
document.getElementById("quit").addEventListener("click", function() {
|
||||
if(document.getElementById("quit").textContent === "fermer [x]") {
|
||||
|
||||
console.log("quit map");
|
||||
document.getElementById("page").style.visibility = "hidden";
|
||||
document.getElementById("wikiframediv").style.right = "0";
|
||||
|
||||
document.getElementById("quit").textContent = "🌐 carte";
|
||||
document.getElementById("quit").style.setProperty('top', 'initial');
|
||||
document.getElementById("quit").style.bottom = "15px";
|
||||
}
|
||||
else {
|
||||
document.getElementById("page").style.visibility = "visible";
|
||||
document.getElementById("wikiframediv").style.right = "60%";
|
||||
|
||||
document.getElementById("page").style.visibility = "visible";
|
||||
document.getElementById("wikiframediv").style.right = "60%";
|
||||
document.getElementById("quit").textContent = "fermer [x]";
|
||||
document.getElementById("quit").style.setProperty('bottom', 'initial');
|
||||
document.getElementById("quit").style.top = "15px";
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript" src="dist/app.js"></script>
|
||||
<script src="dist/index.js"></script>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user