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

 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
function expandall(){
 
function expandall(){
−
var value = ["22_9"];
+
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 6: Line 6:
 
document.getElementById(a).style.display = "block";
 
document.getElementById(a).style.display = "block";
 
var b = a + "_btn";
 
var b = a + "_btn";
−
document.getElementById(b).innerHTML = "[Show]";
+
document.getElementById(b).innerHTML = "[Hide]";
 
}
 
}
 
}
 
}
 
function collapseall(){
 
function collapseall(){
−
var value = ["22_9"];
+
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 16: Line 16:
 
document.getElementById(a).style.display = "none";
 
document.getElementById(a).style.display = "none";
 
var b = a + "_btn";
 
var b = a + "_btn";
−
document.getElementById(b).innerHTML = "[Hide]";
+
document.getElementById(b).innerHTML = "[Show]";
 
}
 
}
 
}
 
}
 
function expand(value){
 
function expand(value){
 
var a = value + "_btn";
 
var a = value + "_btn";
−
var btn = document.getElementById(a)
+
var btn = document.getElementById(a);
 
if(btn.innerHTML == "[Show]"){
 
if(btn.innerHTML == "[Show]"){
 
document.getElementById(value).style.display = "block";
 
document.getElementById(value).style.display = "block";
Line 30: Line 30:
 
}
 
}
 
}
 
}
 +
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);

               });

});