tmpl/js/crd.js

/*
  CrudeDoc Java Script
  Copyright (c) 2015 - 2017 Christian Schoenebeck. All rights reserved.
  http://www.crudebyte.com
*/

var g_isTouch = false;

function crdWindowWidth() {
    return window.innerWidth ||
           document.documentElement.clientWidth ||
           document.getElementsByTagName('body')[0].clientWidth;
}

function crdWindowHeight() {
    return window.innerHeight ||
           document.documentElement.clientHeight ||
           document.getElementsByTagName('body')[0].clientHeight;
}

function crdScrollTo(e) {
    $('html, body').animate({
        scrollTop: $( "#" + $(e).attr("section") ).offset().top - 68
    }, 300);
    var obj = $( "#" + $(e).attr("section") );
    $(obj).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(120).fadeOut(100).fadeIn(120);
}

function crdScrollToHash(h) {
    if (typeof h === 'undefined') {
        h = location.hash;
        if (!h || h.length < 2) return;
    }
    $('html, body').animate({
        scrollTop: $( h ).offset().top - 68
    }, 300);
    $(h).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(120).fadeOut(100).fadeIn(120);
}

function crdOnScroll() {
    //var headers = $("body > article :header:in-viewport");
    var headers = $("body > article :header");
    var wst = $(window).scrollTop();
    if (wst <= 0) {
        for (var i = 0; i < headers.length; ++i) {
            $("body > aside *[section]").removeClass("current");
            var link = $("body > aside *[section='" + headers[i].id + "']");
            $(link).addClass("current");
            return;
        }
    }
    var wh  = crdWindowHeight();
    for (var i = headers.length - 1; i >= 0; --i) {
        var offset = headers[i].offsetTop - wst + wh/2;
        if (headers[i].id.length > 0 && (offset <= 0 || offset <= wh)) {
            $("body > aside *[section]").removeClass("current");
            var link = $("body > aside *[section='" + headers[i].id + "']");
            $(link).addClass("current");
            break;
        }
    }
}

function crdUpdateTOCStatus() {
    var noTOC = $("html").hasClass("no-toc");
    $("nav > .foldbtn a").html(
        noTOC ? "&gt;&gt;&gt;" : "&lt;&lt;&lt;"
    );
    $("nav > .foldbtn a").attr("title",
        noTOC ? "Show content menu." : "Hide content menu."
    )
}

function crdToggleTOC() {
    $("html").toggleClass("no-toc");
    crdUpdateTOCStatus();
}

function crdOnWindowResize() {
    var wh = crdWindowHeight();
    $("nav > ul > li ul").css("max-height", wh - 70);
}

function crdDetectFeatures() {
    if ('ontouchstart' in document.documentElement) {
        g_isTouch = true;
        document.documentElement.className += ' touch';
    } else {
        g_isTouch = false;
        document.documentElement.className += ' no-touch';
    }
    if ($.support["transform"]) {
        $("body").addClass("hasTransform");
    }
    var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
    if (iOS) {
        $("body").addClass("iOS");
    }
}

$(function() {
    crdDetectFeatures();
    $(document).tooltip();
    if (g_isTouch) {
        $("header a[title]" ).tooltip({
            disabled: true
        });
        $("nav a[title]" ).tooltip({
            disabled: true
        });
    }
    $("article img[caption]").each(function() {
        $(this).after(
            "<div class='imgcptn'>" +
            $(this).attr("caption") + "</div>"
        );
    });
    $("body > aside *[section]").click(function(e) {
        //e.preventDefault();
        crdScrollTo(this);
        return false;
    });
    crdOnScroll();
    $(window).resize(function() {
        crdOnWindowResize();
    });
    if ("onhashchange" in window) {
        window.onhashchange = function() {
            crdScrollToHash();
        };
    }
    $("article a[href]").each(function() {
        var href = $(this).attr("href");
        if (href && href.length > 1 && href.charAt(0) == '#') {
            $(this).click(function(e) {
                var anch = $(this).attr("href");
                crdScrollToHash(anch);
            });
        }
    });
    var w = crdWindowWidth();
    if (w < 1200) {
        $("html").addClass("no-toc");
    }
    crdUpdateTOCStatus();
});

$(document).ready(function() {
    crdOnWindowResize();
    crdScrollToHash();
});

var _crdScrollTimeout;

$(window).scroll(function() {
    crdOnScroll();
});
1	/*
2	CrudeDoc Java Script
3	Copyright (c) 2015 - 2017 Christian Schoenebeck. All rights reserved.
4	http://www.crudebyte.com
5	*/
6
7	var g_isTouch = false;
8
9	function crdWindowWidth() {
10	return window.innerWidth \|\|
11	document.documentElement.clientWidth \|\|
12	document.getElementsByTagName('body')[0].clientWidth;
13	}
14
15	function crdWindowHeight() {
16	return window.innerHeight \|\|
17	document.documentElement.clientHeight \|\|
18	document.getElementsByTagName('body')[0].clientHeight;
19	}
20
21	function crdScrollTo(e) {
22	$('html, body').animate({
23	scrollTop: $( "#" + $(e).attr("section") ).offset().top - 68
24	}, 300);
25	var obj = $( "#" + $(e).attr("section") );
26	$(obj).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(120).fadeOut(100).fadeIn(120);
27	}
28
29	function crdScrollToHash(h) {
30	if (typeof h === 'undefined') {
31	h = location.hash;
32	if (!h \|\| h.length < 2) return;
33	}
34	$('html, body').animate({
35	scrollTop: $( h ).offset().top - 68
36	}, 300);
37	$(h).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(120).fadeOut(100).fadeIn(120);
38	}
39
40	function crdOnScroll() {
41	//var headers = $("body > article :header:in-viewport");
42	var headers = $("body > article :header");
43	var wst = $(window).scrollTop();
44	if (wst <= 0) {
45	for (var i = 0; i < headers.length; ++i) {
46	$("body > aside *[section]").removeClass("current");
47	var link = $("body > aside *[section='" + headers[i].id + "']");
48	$(link).addClass("current");
49	return;
50	}
51	}
52	var wh = crdWindowHeight();
53	for (var i = headers.length - 1; i >= 0; --i) {
54	var offset = headers[i].offsetTop - wst + wh/2;
55	if (headers[i].id.length > 0 && (offset <= 0 \|\| offset <= wh)) {
56	$("body > aside *[section]").removeClass("current");
57	var link = $("body > aside *[section='" + headers[i].id + "']");
58	$(link).addClass("current");
59	break;
60	}
61	}
62	}
63
64	function crdUpdateTOCStatus() {
65	var noTOC = $("html").hasClass("no-toc");
66	$("nav > .foldbtn a").html(
67	noTOC ? ">>>" : "<<<"
68	);
69	$("nav > .foldbtn a").attr("title",
70	noTOC ? "Show content menu." : "Hide content menu."
71	)
72	}
73
74	function crdToggleTOC() {
75	$("html").toggleClass("no-toc");
76	crdUpdateTOCStatus();
77	}
78
79	function crdOnWindowResize() {
80	var wh = crdWindowHeight();
81	$("nav > ul > li ul").css("max-height", wh - 70);
82	}
83
84	function crdDetectFeatures() {
85	if ('ontouchstart' in document.documentElement) {
86	g_isTouch = true;
87	document.documentElement.className += ' touch';
88	} else {
89	g_isTouch = false;
90	document.documentElement.className += ' no-touch';
91	}
92	if ($.support["transform"]) {
93	$("body").addClass("hasTransform");
94	}
95	var iOS = /iPad\|iPhone\|iPod/.test(navigator.userAgent) && !window.MSStream;
96	if (iOS) {
97	$("body").addClass("iOS");
98	}
99	}
100
101	$(function() {
102	crdDetectFeatures();
103	$(document).tooltip();
104	if (g_isTouch) {
105	$("header a[title]" ).tooltip({
106	disabled: true
107	});
108	$("nav a[title]" ).tooltip({
109	disabled: true
110	});
111	}
112	$("article img[caption]").each(function() {
113	$(this).after(
114	"<div class='imgcptn'>" +
115	$(this).attr("caption") + "</div>"
116	);
117	});
118	$("body > aside *[section]").click(function(e) {
119	//e.preventDefault();
120	crdScrollTo(this);
121	return false;
122	});
123	crdOnScroll();
124	$(window).resize(function() {
125	crdOnWindowResize();
126	});
127	if ("onhashchange" in window) {
128	window.onhashchange = function() {
129	crdScrollToHash();
130	};
131	}
132	$("article a[href]").each(function() {
133	var href = $(this).attr("href");
134	if (href && href.length > 1 && href.charAt(0) == '#') {
135	$(this).click(function(e) {
136	var anch = $(this).attr("href");
137	crdScrollToHash(anch);
138	});
139	}
140	});
141	var w = crdWindowWidth();
142	if (w < 1200) {
143	$("html").addClass("no-toc");
144	}
145	crdUpdateTOCStatus();
146	});
147
148	$(document).ready(function() {
149	crdOnWindowResize();
150	crdScrollToHash();
151	});
152
153	var _crdScrollTimeout;
154
155	$(window).scroll(function() {
156	crdOnScroll();
157	});