Enlist options

This commit is contained in:
hodasemi 2018-11-04 17:26:54 +01:00
parent 5be74299f7
commit 23eb7386f4
3 changed files with 16 additions and 16 deletions

View file

@ -208,12 +208,6 @@ th {
min-width: 250px; min-width: 250px;
} }
.div {
display: none;
border: 2px solid lightgreen;
min-width: 50px;
}
.footer { .footer {
border-top: 2px solid lightgreen; border-top: 2px solid lightgreen;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
@ -232,6 +226,19 @@ th {
text-align: right; text-align: right;
} }
.option_list ul li {
display: inline;
list-style-type: none;
}
.option_list ul {
padding: 5px;
}
.option_list li {
padding: 3px;
}
/* hamburger menu stuff */ /* hamburger menu stuff */
@media only screen and (max-width: 950px) { @media only screen and (max-width: 950px) {

View file

@ -70,9 +70,8 @@
At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. <a href="index.html">jony_ipsum</a> At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. <a href="index.html">jony_ipsum</a>
</p> </p>
<p class="hideOptions">Show/Hide: </p>
<button onClick="div_change('options')">Show Options</button> <div id="options" class="option_list"></div>
<div id="options" class="div"></div>
<div class="table-wrapper"> <div class="table-wrapper">
<table id="t01"></table> <table id="t01"></table>

View file

@ -4,7 +4,7 @@
// Source: https://www.w3schools.com/howto/howto_js_sort_table.asp // Source: https://www.w3schools.com/howto/howto_js_sort_table.asp
// Source: https://stackoverflow.com/questions/19105009/how-to-insert-variables-in-javascript-strings // Source: https://stackoverflow.com/questions/19105009/how-to-insert-variables-in-javascript-strings
window.onload = function() { window.onload = function () {
handleFile("resources/world_data_v1.csv"); handleFile("resources/world_data_v1.csv");
registerHamburgerToggleClickListener(); registerHamburgerToggleClickListener();
}; };
@ -263,12 +263,6 @@ function stringPerToSlash(columnname) {
return columnname.includes(" per ") ? columnname.replace(" per ", " / ") : columnname; return columnname.includes(" per ") ? columnname.replace(" per ", " / ") : columnname;
} }
function div_change(strID) {
document.getElementById(strID).style.display = (document.getElementById(strID).style.display == 'none') ? 'inline-block' : 'none';
document.getElementById(strID + "_shown").style.display = (document.getElementById(strID + "_shown").style.display == 'none') ? 'inline-block' : 'none';
document.getElementById(strID + "_hidden").style.display = (document.getElementById(strID + "_hidden").style.display == 'none') ? 'inline-block' : 'none';
}
function registerHamburgerToggleClickListener() { function registerHamburgerToggleClickListener() {
let menu = document.querySelector("#menu"); let menu = document.querySelector("#menu");
let header = document.querySelector("#header"); let header = document.querySelector("#header");