Difference between revisions of "Template:HKJS S/Javascript/Notebook"

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
function expandall(){
 
function expandall(){
var value = ["229"];
+
var value = ["1","2","3","4","5","6","7","8","9","10","11","15","16"];
 
var i;
 
var i;
 
for (i = 0; i < value.length; i++){
 
for (i = 0; i < value.length; i++){
Line 10: Line 10:
 
}
 
}
 
function collapseall(){
 
function collapseall(){
var value = ["229"];
+
var value = ["1","2","3","4","5","6","7","8","9","10","11","15","16"];
 
var i;
 
var i;
 
for (i = 0; i < value.length; i++){
 
for (i = 0; i < value.length; i++){
Line 21: Line 21:
 
function expand(value){
 
function expand(value){
 
var a = value + "_btn";
 
var a = value + "_btn";
        var b = value;
+
var btn = document.getElementById(a);
var btn = document.getElementById(a)
+
 
if(btn.innerHTML == "[Show]"){
 
if(btn.innerHTML == "[Show]"){
document.getElementById(b).style.display = "";
+
document.getElementById(value).style.display = "block";
 
document.getElementById(a).innerHTML = "[Hide]";
 
document.getElementById(a).innerHTML = "[Hide]";
 
}else{
 
}else{
document.getElementById(b).style.display = "none";
+
document.getElementById(value).style.display = "none";
 
document.getElementById(a).innerHTML = "[Show]";
 
document.getElementById(a).innerHTML = "[Show]";
 
}
 
}
 
}
 
}
 +
window.onscroll = function() {scrollFunction()};
 +
window.onload = function() {scrollFunction()};
 +
 +
function scrollFunction() {
 +
    if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {
 +
        document.getElementById("top_btn").style.display = "block";
 +
    } else {
 +
        document.getElementById("top_btn").style.display = "none";
 +
    }
 +
}
 +
$(function() {
 +
$('.top_btn').click(function(e){
 +
 +
                    e.preventDefault();
 +
 +
                    $('html,body').animate({scrollTop: 0}, 300);
 +
 +
                });
 +
});

Latest revision as of 23:50, 17 October 2018

function expandall(){ var value = ["1","2","3","4","5","6","7","8","9","10","11","15","16"]; var i; for (i = 0; i < value.length; i++){ var a = value[i]; document.getElementById(a).style.display = "block"; var b = a + "_btn"; document.getElementById(b).innerHTML = "[Hide]"; } } function collapseall(){ var value = ["1","2","3","4","5","6","7","8","9","10","11","15","16"]; var i; for (i = 0; i < value.length; i++){ var a = value[i]; document.getElementById(a).style.display = "none"; var b = a + "_btn"; document.getElementById(b).innerHTML = "[Show]"; } } function expand(value){ var a = value + "_btn"; var btn = document.getElementById(a); if(btn.innerHTML == "[Show]"){ document.getElementById(value).style.display = "block"; document.getElementById(a).innerHTML = "[Hide]"; }else{ document.getElementById(value).style.display = "none"; document.getElementById(a).innerHTML = "[Show]"; } } window.onscroll = function() {scrollFunction()}; window.onload = function() {scrollFunction()};

function scrollFunction() {

   if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {
       document.getElementById("top_btn").style.display = "block";
   } else {
       document.getElementById("top_btn").style.display = "none";
   }

}

$(function() {

$('.top_btn').click(function(e){

                   e.preventDefault();
                   $('html,body').animate({scrollTop: 0}, 300);
               });

});