moonq/mdlinks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fold topics in mobile view

Browse Source
This commit is contained in:
q
2017-10-26 11:20:45 +03:00
parent 46ed97e66d
commit 1189f3a842
1 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
index.html
View File

@@ -41,6 +41,11 @@
#open_blank_box { position:relative; left: 0.0em; border: 0px solid black; padding-left: 0em; } #open_blank_box { position:relative; left: 0.0em; border: 0px solid black; padding-left: 0em; }
#open_blank_arrow { position: relative; left: 0em; top: 0em;} #open_blank_arrow { position: relative; left: 0em; top: 0em;}
.hidden { display:none; } .hidden { display:none; }
.fold_plus::after {
content:" (+)";
vertical-align: super;
font-size: 50%;
}
</STYLE> </STYLE>
<script language="javascript"> <script language="javascript">
function init() { function init() {
@@ -73,6 +78,7 @@ function init() {
filter_load(); filter_load();
hitList=search_hits(document.getElementById("filter").value); hitList=search_hits(document.getElementById("filter").value);
print_results(hitList); print_results(hitList);
fold_initial();
scroll_load(); scroll_load();
} }
function narrow_window() { function narrow_window() {
@@ -94,11 +100,13 @@ function make_link(md) {
return "<li class=nolink>"+md return "<li class=nolink>"+md
} }
function make_head(c) { function make_head(c,index="") {
var name=c.substring(1).trim(); var name=c.substring(1).trim();
var head=c.replace(/ /g,"&nbsp;"); var head=c.replace(/ /g,"&nbsp;");
var id=name.replace(/ /g,""); var id=name.replace(/ /g,"")+"_"+index;
return '<a name="'+name+'" id="anchor_'+id+'"><div class=head align=center>'+head+'</div></a><hr WIDTH="100%" SIZE=3 NOSHADE>'; return '<a name="'+name+'" id="anchor_'+id+'" onclick="fold_content(\''+id+'\')">'+
'<div class=head align=center id="head_'+id+'">'+head+'</div></a>'+
'<hr WIDTH="100%" SIZE=3 NOSHADE>';
} }
function make_menu() { function make_menu() {
var doc=document.getElementById("menu_span"); var doc=document.getElementById("menu_span");
@@ -202,14 +210,17 @@ function print_results(hitList) {
if ( linkList[c].substring(0,2) == "# " ) { if ( linkList[c].substring(0,2) == "# " ) {
var name=linkList[c].substring(1).trim().replace(/ /g,""); var name=linkList[c].substring(1).trim().replace(/ /g,"");
var td=document.createElement("td"); var td=document.createElement("td");
td.id="td_"+name; td.id="td_"+name+"_"+cat;
var td_content = document.createElement("div");
td_content.id="content_"+name+"_"+cat;
if (narrow_window()) { td.className+=" narrow"; } if (narrow_window()) { td.className+=" narrow"; }
td.innerHTML+=make_head(linkList[c]); td.innerHTML+=make_head(linkList[c],cat);
td.appendChild(td_content);
cats.push({name:name, td:td, count:0}); cats.push({name:name, td:td, count:0});
cat+=1; cat+=1;
} else { } else {
if (hitList.indexOf(c)==-1) { continue } if (hitList.indexOf(c)==-1) { continue }
td.innerHTML+=make_link(linkList[c]); td_content.innerHTML+=make_link(linkList[c]);
cats[cat-1].count++; cats[cat-1].count++;
} }
} }
@@ -345,6 +356,25 @@ function filter_cookies(cookies,name) {
} }
return null return null
} }
function fold_content(name) {
if (!narrow_window()) { return }
var title = document.getElementById("head_"+name);
var el = document.getElementById("content_"+name);
el.hidden = ! el.hidden;
title.classList.toggle("fold_plus");
}
function fold_initial() {
if (!narrow_window()) { return }
var slides = document.getElementsByClassName("head");
for(var i = 0; i < slides.length; i++) {
var el = slides.item(i);
var rect = el.getBoundingClientRect();
if (window.innerHeight < rect.top) {
var name = el.id.replace("head_","");
fold_content(name);
}
}
}
function set_cookie(name,value) { function set_cookie(name,value) {
// Save cookies for 2 hours // Save cookies for 2 hours
document.cookie = name + "=" + value.toString() + "&" + window.location.pathname + document.cookie = name + "=" + value.toString() + "&" + window.location.pathname +