Difference between revisions of "Template:HFLS H2Z Hangzhou//home/rodlin/Desktop/aquamade/src/sub/integrated/js"

 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
;$(function () {
 
;$(function () {
−
    setTimeout(function () {
+
function bindSticky(first) {
−
        $(".comsec-main .float-menu").sticky({
+
$(".comsec-main .float-menu").sticky("destroy").sticky({
−
            scrollContext: $(".main.cont-wrap"),
+
scrollContext: $(".main.cont-wrap"),
−
            context: $(".comsec-main"),
+
context: $(".comsec-main"),
−
            offset: 100
+
offset: 100,
−
        });
+
−
    }, 1000);
+
−
   
+
−
    function showPassage(name) {
+
−
        $(".comsec-main .passage.shown").removeClass("shown");
+
−
        $(".comsec-main .passage.passage-" + name).addClass("shown");
+
  
−
        setTimeout(function () {
+
onStick: function () {
−
            if (window.imgview) {
+
$(".comsec-main .float-menu").css("display", "");
−
                imgview.refresh();
+
},
−
            }
+
 
−
        }, 100);
+
onBottom: function () {
−
    }
+
$(".comsec-main .float-menu").parent().css({
−
   
+
"position": "absolute",
−
    function setUniqueActive(dom) {
+
"bottom": "0",
−
        $(dom).siblings(".active").removeClass("active");
+
"height": "auto",
−
        $(dom).addClass("active");
+
"z-index": "100"
−
    }
+
});
−
   
+
}
−
    $(".comsec-main .passlink").each(function (i, dom) {
+
});
 +
 
 +
$(".comsec-main .passage").css({
 +
"min-height": $(".comsec-main .float-menu").outerHeight(true)
 +
});
 +
}
 +
 
 +
setTimeout(function () {
 +
bindSticky(true);
 +
}, 1000);
 +
 
 +
function refresh() {
 +
var top = $(".main.cont-wrap").scrollTop();
 +
gradScroll(top + $(".comsec-main .passage.shown").offset().top - 115);
 +
 
 +
setTimeout(function () {
 +
if (window.imgview) {
 +
imgview.refresh();
 +
}
 +
 
 +
bindSticky();
 +
}, 100);
 +
}
 +
 +
function showPassage(name) {
 +
$(".comsec-main .passage.shown").removeClass("shown");
 +
$(".comsec-main .passage.passage-" + name).addClass("shown");
 +
 
 +
refresh();
 +
}
 +
 +
function setUniqueActive(dom) {
 +
$(".comsec-main .active.passlink").removeClass("active");
 +
 
 +
// $(dom).siblings(".active").removeClass("active");
 +
$(dom).addClass("active");
 +
}
 +
 +
$(".comsec-main .passlink").each(function (i, dom) {
 +
dom = $(dom);
 +
 +
dom.click(function () {
 +
var passage = dom.data("passage");
 +
 +
if (passage)
 +
showPassage(passage);
 +
 +
setUniqueActive(dom);
 +
 +
$(".comsec-main .passlink").each(function (i, dom) {
 +
dom = $(dom);
 +
 +
if (dom.data("passage") == passage) {
 +
setUniqueActive(dom);
 +
}
 +
});
 +
});
 +
});
 +
 
 +
var doms = $(".comsec-main.comsec-use-exnav .passage")
 +
 +
function showPassageNo(no) {
 +
if (no >= 0) {
 +
if (no < doms.length) {
 +
setUniqueActive($(".comsec-main.comsec-use-exnav .passlink")[no]);
 +
 
 +
$(".comsec-main .passage.shown").removeClass("shown");
 +
$(doms[no]).addClass("shown");
 +
refresh();
 +
}
 +
}
 +
}
 +
 +
    doms.each(function (i, dom) {
 
         dom = $(dom);
 
         dom = $(dom);
−
          
+
 
−
         dom.click(function () {
+
         var op_bar = $("<div style='margin-top: 3rem;'> \
−
            var passage = dom.data("passage");  
+
            <button class='ui right floated primary button next-btn'>Next</button> \
−
           
+
            <button class='ui button prev-btn'>Prev</button> \
−
            if (passage)
+
         </div>");
−
                showPassage(passage);
+
−
       
+
if (i + 1 >= doms.length) {
−
             setUniqueActive(dom);
+
op_bar.find(".next-btn").addClass("disabled");
−
           
+
}
−
            $(".comsec-main .passlink").each(function (i, dom) {
+
 
−
                dom = $(dom);
+
if (i - 1 < 0) {
−
               
+
op_bar.find(".prev-btn").addClass("disabled");
−
                if (dom.data("passage") == passage) {
+
}
−
                    setUniqueActive(dom);
+
 
−
                }
+
var top_op_bar = op_bar.clone();
−
             });
+
−
        });
+
top_op_bar.css({
 +
"margin-top": "0",
 +
"margin-bottom": "3rem"
 +
});
 +
 
 +
dom.prepend(top_op_bar);
 +
dom.append(op_bar);
 +
 
 +
op_bar.find(".next-btn").click(function () {
 +
             showPassageNo(i + 1);
 +
});
 +
 +
op_bar.find(".prev-btn").click(function () {
 +
            showPassageNo(i - 1);
 +
});
 +
 
 +
top_op_bar.find(".next-btn").click(function () {
 +
            showPassageNo(i + 1);
 +
});
 +
 +
top_op_bar.find(".prev-btn").click(function () {
 +
             showPassageNo(i - 1);
 +
});
 
     });
 
     });
 
});;
 
});;

Latest revision as of 03:00, 2 November 2017

$(function () {

function bindSticky(first) { $(".comsec-main .float-menu").sticky("destroy").sticky({ scrollContext: $(".main.cont-wrap"), context: $(".comsec-main"), offset: 100,

onStick: function () { $(".comsec-main .float-menu").css("display", ""); },

onBottom: function () { $(".comsec-main .float-menu").parent().css({ "position": "absolute", "bottom": "0", "height": "auto", "z-index": "100" }); } });

$(".comsec-main .passage").css({ "min-height": $(".comsec-main .float-menu").outerHeight(true) }); }

setTimeout(function () { bindSticky(true); }, 1000);

function refresh() { var top = $(".main.cont-wrap").scrollTop(); gradScroll(top + $(".comsec-main .passage.shown").offset().top - 115);

setTimeout(function () { if (window.imgview) { imgview.refresh(); }

bindSticky(); }, 100); }

function showPassage(name) { $(".comsec-main .passage.shown").removeClass("shown"); $(".comsec-main .passage.passage-" + name).addClass("shown");

refresh(); }

function setUniqueActive(dom) { $(".comsec-main .active.passlink").removeClass("active");

// $(dom).siblings(".active").removeClass("active"); $(dom).addClass("active"); }

$(".comsec-main .passlink").each(function (i, dom) { dom = $(dom);

dom.click(function () { var passage = dom.data("passage");

if (passage) showPassage(passage);

setUniqueActive(dom);

$(".comsec-main .passlink").each(function (i, dom) { dom = $(dom);

if (dom.data("passage") == passage) { setUniqueActive(dom); } }); }); });

var doms = $(".comsec-main.comsec-use-exnav .passage")

function showPassageNo(no) { if (no >= 0) { if (no < doms.length) { setUniqueActive($(".comsec-main.comsec-use-exnav .passlink")[no]);

$(".comsec-main .passage.shown").removeClass("shown"); $(doms[no]).addClass("shown"); refresh(); } } } 

   doms.each(function (i, dom) {
       dom = $(dom);
var op_bar = $("
\ 
           <button class='ui right floated primary button next-btn'>Next</button> \
           <button class='ui button prev-btn'>Prev</button> \
");

if (i + 1 >= doms.length) { op_bar.find(".next-btn").addClass("disabled"); }

if (i - 1 < 0) { op_bar.find(".prev-btn").addClass("disabled"); }

var top_op_bar = op_bar.clone();

top_op_bar.css({ "margin-top": "0", "margin-bottom": "3rem" });

dom.prepend(top_op_bar); dom.append(op_bar);

op_bar.find(".next-btn").click(function () { 

           showPassageNo(i + 1);

});

op_bar.find(".prev-btn").click(function () { 

           showPassageNo(i - 1);

});

top_op_bar.find(".next-btn").click(function () { 

           showPassageNo(i + 1);

});

top_op_bar.find(".prev-btn").click(function () { 

           showPassageNo(i - 1);

}); 

   });

});;