|
|
@@ -32,15 +32,15 @@ $(document).ready(function() {
|
|
|
var groupOneLayout = $("#7-5-col-layout");
|
|
|
var groupTwoLayout = $("#4-col-layout");
|
|
|
|
|
|
- var field01 = $("#bookmark_01");
|
|
|
- var field03 = $("#bookmark_03");
|
|
|
- var field04 = $("#bookmark_04");
|
|
|
- var field09 = $("#bookmark_09");
|
|
|
- var field05 = $("#bookmark_05");
|
|
|
- var field06 = $("#bookmark_06");
|
|
|
- var field02 = $("#bookmark_02");
|
|
|
- var field07 = $("#bookmark_07");
|
|
|
- var field08 = $("#bookmark_08");
|
|
|
+ var field01 = $("#panel_01");
|
|
|
+ var field03 = $("#panel_03");
|
|
|
+ var field04 = $("#panel_04");
|
|
|
+ var field09 = $("#panel_09");
|
|
|
+ var field05 = $("#panel_05");
|
|
|
+ var field06 = $("#panel_06");
|
|
|
+ var field02 = $("#panel_02");
|
|
|
+ var field07 = $("#panel_07");
|
|
|
+ var field08 = $("#panel_08");
|
|
|
|
|
|
var isRearranged = false;
|
|
|
|
|
|
@@ -108,7 +108,83 @@ $(document).ready(function() {
|
|
|
isRearranged = false;
|
|
|
}
|
|
|
});
|
|
|
+
|
|
|
+ /* ================================================
|
|
|
+ "Jump to" functions
|
|
|
+ ================================================= */
|
|
|
+
|
|
|
+ // When the user scrolls down, change "position" to "fixed"
|
|
|
+ $(window).scroll(function() {
|
|
|
+ var scrollPosition = $(window).scrollTop();
|
|
|
+ // var firstFieldPosition = $("div.field_01").offset().top;
|
|
|
+ var firstFieldPosition = $("div.saved-tags").offset().top;
|
|
|
+
|
|
|
+ // If the user has scrolled down to the first field
|
|
|
+ if(scrollPosition >= firstFieldPosition) {
|
|
|
+ $("div.jump-to").css("display", "block");
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ $("div.jump-to").css("display", "none");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // When the user clicks on "Jump to", show menu
|
|
|
+ $("div.jump-to > div > a").on("click", function() {
|
|
|
+ // Toggle the menu
|
|
|
+ $("div.jump-to ul").slideToggle(300);
|
|
|
+
|
|
|
+ // Rotate arrow
|
|
|
+ // $("div.jump-to span.jump-to-arrow").toggleClass("rotate-arrow-180");
|
|
|
+ // $("div.jump-to span.jump-to-arrow").toggleClass("rotate-arrow-0");
|
|
|
+ $(".arrow-img").toggleClass("rotate1");
|
|
|
+ $(".arrow-img").toggleClass("rotate2");
|
|
|
+
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ // When the user clicks on a menu item
|
|
|
+ $("div.jump-to ul a").on("click", function() {
|
|
|
+ // Declarations
|
|
|
+ var chosenLiIndex = $(this).parent().index();
|
|
|
+ var chosenFieldPosition;
|
|
|
+ var scrollPositionNew;
|
|
|
+
|
|
|
+ // Toggle the menu
|
|
|
+ $("div.jump-to ul").slideToggle(300);
|
|
|
+
|
|
|
+ // Rotate arrow
|
|
|
+ // $("div.jump-to span.jump-to-arrow").toggleClass("rotate-arrow-180");
|
|
|
+ // $("div.jump-to span.jump-to-arrow").toggleClass("rotate-arrow-0");
|
|
|
+ $(".arrow-img").toggleClass("rotate1");
|
|
|
+ $(".arrow-img").toggleClass("rotate2");
|
|
|
+
|
|
|
+ // If the user has chosen the list item 0
|
|
|
+ if(chosenLiIndex === 0) {
|
|
|
+ chosenFieldPosition = $("div.saved-tags").offset().top;
|
|
|
+ }
|
|
|
+ // If the user has chosen the list item 1-9
|
|
|
+ else if(chosenLiIndex >= 1 && chosenLiIndex <= 9) {
|
|
|
+ chosenFieldPosition = $("div.field_0" + chosenLiIndex).offset().top;
|
|
|
+ }
|
|
|
+ // If the user has chosen the list item 10 or higher
|
|
|
+ else {
|
|
|
+ chosenFieldPosition = $("div.field_" + chosenLiIndex).offset().top;
|
|
|
+ }
|
|
|
+
|
|
|
+ // If the user has chosen to jump to "Saved Tags"
|
|
|
+ if(chosenLiIndex === 0) {
|
|
|
+ scrollPositionNew = chosenFieldPosition - 14; // 14 // - $("div.jump-to").height() + 38;
|
|
|
+ }
|
|
|
+ // If the user has chosen to jump to a category
|
|
|
+ else {
|
|
|
+ scrollPositionNew = chosenFieldPosition - 57; // 77 // - $("div.jump-to").height() - 20;
|
|
|
+ }
|
|
|
+
|
|
|
+ $(window).scrollTop(scrollPositionNew);
|
|
|
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
/* ================================================
|
|
|
Remove all tags from all fields
|
|
|
================================================= */
|
Unknown
