popover mapa
This commit is contained in:
Sergio
parent
0dc723713d
commit
d56fdc4805
11 changed files with 75 additions and 13 deletions
BIN
.DS_Store
vendored
Normal file
BIN
.DS_Store
vendored
Normal file
Binary file not shown.
|
|
@ -1 +1 @@
|
||||||
p{font-size:12px}.cd-horizontal-timeline .events-content{position:relative}.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;transform:translateX(-100%);opacity:0;animation-duration:.4s;animation-timing-function:ease-in-out}.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;transform:translateX(0)}div.section-container{background-color:white}#timeline{z-index:10;position:absolute;bottom:100px;left:100vh;height:50px;width:400px}#timeline li{display:inline-block}#timeline a{background-color:white}#timeline a.active{background-color:orange}div.menu-content{height:100vh;background-color:white}div.extra-btn-container{position:absolute;left:700px;bottom:200px}a.btn-circle{border-radius:40px}
|
p{font-size:12px}.cd-horizontal-timeline .events-content{position:relative}.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;transform:translateX(-100%);opacity:0;animation-duration:.4s;animation-timing-function:ease-in-out}.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;transform:translateX(0)}div.section-container{background-color:white}#timeline{z-index:10;position:absolute;bottom:100px;left:100vh;height:50px;width:400px}#timeline li{display:inline-block}#timeline a{background-color:white}#timeline a.active{background-color:orange}div.menu-content{height:100vh;background-color:white}div.extra-btn-container{position:absolute;left:700px;bottom:200px}a.btn-circle{border-radius:40px}.map-popover{display:none}
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"sources":["home.less"],"names":[],"mappings":"AAAA,EACI,eAIJ,uBAAwB,iBACtB,kBAEF,uBAAwB,gBAAgB,IACtC,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAW,iBAAX,CACA,SAAA,CACA,sBAAA,CACA,sCAEF,uBAAwB,gBAAgB,GAAE,UAExC,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAW,cAEb,GAAG,mBAEC,uBAGJ,UACI,UAAA,CACA,iBAAA,CACA,YAAA,CACA,UAAA,CACA,WAAA,CACA,YANJ,SAOI,IACI,qBARR,SAUI,GACI,uBAXR,SAaI,EAAC,QACG,wBAIR,GAAG,cACC,YAAA,CACA,uBAGJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,aAGJ,CAAC,YACG"}
|
{"version":3,"sources":["home.less"],"names":[],"mappings":"AAAA,EACI,eAIJ,uBAAwB,iBACtB,kBAEF,uBAAwB,gBAAgB,IACtC,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAW,iBAAX,CACA,SAAA,CACA,sBAAA,CACA,sCAEF,uBAAwB,gBAAgB,GAAE,UAExC,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAW,cAEb,GAAG,mBAEC,uBAGJ,UACI,UAAA,CACA,iBAAA,CACA,YAAA,CACA,UAAA,CACA,WAAA,CACA,YANJ,SAOI,IACI,qBARR,SAUI,GACI,uBAXR,SAaI,EAAC,QACG,wBAIR,GAAG,cACC,YAAA,CACA,uBAGJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,aAGJ,CAAC,YACG,mBAGJ,aACI"}
|
||||||
|
|
@ -62,3 +62,7 @@ div.extra-btn-container{
|
||||||
a.btn-circle{
|
a.btn-circle{
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.map-popover{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
|
||||||
BIN
images/c1_mapa_ACT.png
Normal file
BIN
images/c1_mapa_ACT.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
|
|
@ -24,6 +24,11 @@
|
||||||
<script type="text/javascript" src="bower_components/pagePiling.js/jquery.pagepiling.js"></script>
|
<script type="text/javascript" src="bower_components/pagePiling.js/jquery.pagepiling.js"></script>
|
||||||
<!-- fullpage -->
|
<!-- fullpage -->
|
||||||
|
|
||||||
|
<!-- jbox -->
|
||||||
|
<script src="bower_components/jbox/Source/jBox.min.js"></script>
|
||||||
|
<link href="bower_components/jbox/Source/jBox.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="js/main.js"></script>
|
<script type="text/javascript" src="js/main.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
|
||||||
41
js/main.js
41
js/main.js
|
|
@ -25,16 +25,45 @@ window.onload = function() {
|
||||||
|
|
||||||
function loadPageTemplates(){
|
function loadPageTemplates(){
|
||||||
console.log("load templates")
|
console.log("load templates")
|
||||||
$('#page-1').load("templates/page1.html",function(){console.log("loaded1")})
|
|
||||||
$('#page-2').load("templates/page2.html",function(){})
|
$('#page-1').load("templates/page1.html",function(){
|
||||||
$('#page-3').load("templates/page3.html",function(){})
|
var modal = new jBox('Modal', {
|
||||||
$('#page-4').load("templates/page4.html",function(){})
|
attach: '#map-btn-page-1',
|
||||||
|
content: $('#map-page-1'),
|
||||||
|
closeButton: 'box'
|
||||||
|
});
|
||||||
|
})
|
||||||
|
|
||||||
|
$('#page-2').load("templates/page2.html",function(){
|
||||||
|
var modal = new jBox('Modal', {
|
||||||
|
attach: '#map-btn-page-2',
|
||||||
|
content: $('#map-page-2'),
|
||||||
|
closeButton: 'box'
|
||||||
|
});
|
||||||
|
})
|
||||||
|
|
||||||
|
$('#page-3').load("templates/page3.html",function(){
|
||||||
|
var modal = new jBox('Modal', {
|
||||||
|
attach: '#map-btn-page-3',
|
||||||
|
content: $('#map-page-3'),
|
||||||
|
closeButton: 'box'
|
||||||
|
});
|
||||||
|
})
|
||||||
|
$('#page-4').load("templates/page4.html",function(){
|
||||||
|
var modal = new jBox('Modal', {
|
||||||
|
attach: '#map-btn-page-4',
|
||||||
|
content: $('#map-page-4'),
|
||||||
|
closeButton: 'box'
|
||||||
|
});
|
||||||
|
})
|
||||||
|
turnEventsOn();
|
||||||
}
|
}
|
||||||
|
|
||||||
function turnEventsOn(){
|
function turnEventsOn(){
|
||||||
$('#timeline').on("click",'.btn-navigation', function(e){
|
/*$('#timeline').on("click",'.btn-navigation', function(e){
|
||||||
$('.btn-navigation.active').removeClass('active')
|
$('.btn-navigation.active').removeClass('active')
|
||||||
$(this).addClass('active')
|
$(this).addClass('active')
|
||||||
})
|
})*/
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,10 +9,13 @@
|
||||||
<div class="menu-content">
|
<div class="menu-content">
|
||||||
<h2> menu </h2>
|
<h2> menu </h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="extra-btn-container">
|
<div class="extra-btn-container">
|
||||||
<a class="btn btn-primary btn-circle"> ver datos <a>
|
<a class="btn btn-primary btn-circle" id="map-btn-page-1"> ver datos <a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="map-popover" id="map-page-1">
|
||||||
|
<img src="images/c1_mapa_ACT.png" class="img-responsive" />
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -13,4 +13,11 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="extra-btn-container">
|
||||||
|
<a class="btn btn-primary btn-circle" id="map-btn-page-2"> ver datos <a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="map-popover" id="map-page-2">
|
||||||
|
<img src="images/c1_mapa_ACT.png" class="img-responsive" />
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -13,4 +13,11 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="extra-btn-container">
|
||||||
|
<a class="btn btn-primary btn-circle" id="map-btn-page-3"> ver datos <a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="map-popover" id="map-page-3">
|
||||||
|
<img src="images/c1_mapa_ACT.png" class="img-responsive" />
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -13,4 +13,11 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="extra-btn-container">
|
||||||
|
<a class="btn btn-primary btn-circle" id="map-btn-page-4"> ver datos <a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="map-popover" id="map-page-4">
|
||||||
|
<img src="images/c1_mapa_ACT.png" class="img-responsive" />
|
||||||
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue