Motor Tab rework
parent
11b282fdbf
commit
92d11f71e3
@ -1,161 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Unbenanntes Dokument</title>
|
|
||||||
|
|
||||||
<link type="text/css" rel="stylesheet" href="./js/libraries/switchery/dist/switchery.css" media="all" />
|
|
||||||
|
|
||||||
|
|
||||||
<link type="text/css" rel="stylesheet" href="./main.css" media="all" />
|
|
||||||
<link rel="stylesheet" type="text/css" href="./js/libraries/jbox/jBox.css" />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="./js/libraries/jquery-ui-1.11.2.min.js"></script>
|
|
||||||
<script type="text/javascript" src="./js/libraries/jquery-2.1.4.min.js"></script>
|
|
||||||
|
|
||||||
<script type="text/javascript" src="./js/libraries/switchery/dist/switchery.js"></script>
|
|
||||||
<script type="text/javascript" src="./js/libraries/jbox/jBox.js"></script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
|
|
||||||
}
|
|
||||||
#fixed_band {
|
|
||||||
color: #c00;
|
|
||||||
font: bold 15px arial;
|
|
||||||
padding: 10px;
|
|
||||||
margin: 10px;
|
|
||||||
border: 1px solid #c00;
|
|
||||||
width: 200px;
|
|
||||||
top: 0px;
|
|
||||||
position:absolute;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div class="option">
|
|
||||||
<label>
|
|
||||||
<input class="porttoggle"/>
|
|
||||||
<span i18n="firmwareFlasherNoReboot"></span>
|
|
||||||
</label>
|
|
||||||
|
|
||||||
<label>
|
|
||||||
<input class="porttoggle" type="checkbox" />
|
|
||||||
<span i18n="firmwareFlasherNoReboot"></span>
|
|
||||||
</label>
|
|
||||||
<span class="description" i18n="firmwareFlasherNoRebootDescription"></span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="fixed_band">This div is going to be fixed</div>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
d<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br><span class="fixfalse">False</span>
|
|
||||||
<br>
|
|
||||||
<br><span class="fixtrue">True</span>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
d<br><a href="#" class="cf_tip" title="Tooltip-test">Tooltip Test</a>
|
|
||||||
<br>
|
|
||||||
d<br><a href="#" class="cf_tip" title="Tooltip-test2">Tooltip Test2</a>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
d<br><a href="#" class="cf_tip" title="Tooltip-test3">Tooltip Test3</a>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
d<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
d
|
|
||||||
<script>
|
|
||||||
var elems = Array.prototype.slice.call(document.querySelectorAll('.porttoggle'));
|
|
||||||
|
|
||||||
elems.forEach(function(html) {
|
|
||||||
var switchery = new Switchery(html,
|
|
||||||
{
|
|
||||||
color: '#59aa29',
|
|
||||||
secondaryColor: '#c4c4c4'
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
|
|
||||||
function relative_sticky(id, topSpacing){
|
|
||||||
|
|
||||||
if(!topSpacing){ var topSpacing = 0; }
|
|
||||||
|
|
||||||
var el_top = parseFloat(document.getElementById(id).getBoundingClientRect().top);
|
|
||||||
el_top = el_top - parseFloat(document.getElementById(id).style.top);
|
|
||||||
el_top = el_top * (-1);
|
|
||||||
el_top = el_top + topSpacing;
|
|
||||||
|
|
||||||
if(el_top > 0){
|
|
||||||
document.getElementById(id).style.top = el_top + "px";
|
|
||||||
} else{
|
|
||||||
document.getElementById(id).style.top = "0px";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
window.onscroll = function(){
|
|
||||||
|
|
||||||
relative_sticky("fixed_band", 200);
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// loading tooltips
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$('.cf_tip').jBox('Tooltip', {
|
|
||||||
delayOpen: 100,
|
|
||||||
delayClose: 100,
|
|
||||||
position: {
|
|
||||||
x: 'right',
|
|
||||||
y: 'center'
|
|
||||||
},
|
|
||||||
outside: 'x'
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Loading…
Reference in New Issue