1. Forums
  3. Feedback, Suggestions, and Support
Post Reply

Randomize Favorites Display Order/ Random Favorite

3
FlyingToastr
4 years ago
I've got 125 pages of favorited chapters and I'm certain I'm not the only one (hell, thats probably a small amount compared to a lot of users) and at this point its hard to even navigate to most of them if it's not in the first few or last few pages, or I end up skipping over groups of 4 by clicking on the 5th page seek button.

Could we get either a sorting function to randomize the display order of favorites, or a button that displays a random manga but only from chapters the user has in their favorites? Ideally the latter would allow you to click it again on the same page in case you want to skip over it and move to the next one.

Thank you.
3
DontForgetTheTime
4 years ago
I thought this sounded like a fun idea, so I went ahead and wrote a user script to do this.

After you've installed a user script manager like Tampermonkey or Violentmonkey, you can install the script here: https://greasyfork.org/en/scripts/412994-fakku-favorites-randomizer

Or if you'd rather, here's the direct source code.
Spoiler:


// ==UserScript==
// @name FAKKU! Favorites Randomizer
// @namespace https://greasyfork.org/users/559356
// @version 1
// @description Randomize favorite chapters
// @author Aidan
// @match https://www.fakku.net/users/*/favorites*
// @grant GM.xmlHttpRequest
// ==/UserScript==

var pageMeta = document.getElementsByClassName("pagination-meta hidden-mobile");

if (pageMeta.length > 0)
{
// Button icon made by mavadee (https://www.flaticon.com/authors/mavadee) and modified to red (#AB2328)
var buttonIcon = "https://lh3.googleusercontent.com/pw/ACtC-3eY8JlZRL8Ohtkfip_eRIV1MJMS7IrSGNsNuflm-uBY1K1nTE-UbJK3lCwBehPHUe2vzNaU-11CEaWKgrqZGb_aqmWeE_5zrM2Y40CwA9_HlaDfA8yGB3XxSVHaMxobEH8MQN8awefblwPDqjTBIVF_=s512-no?authuser=1?.jpg";

var buttonCss = `float: right;
min-width: 24px;
min-height: 24px;
background-image: url(` + buttonIcon + `);
background-repeat: no-repeat;
background-color: inherit;
background-size: 24px 24px;
border: none;`;

var buttonHtml = "<button id='userBtn' title='Randomize Favorites' style='" + buttonCss + "'></button>";

document.getElementsByClassName("pagination-meta hidden-mobile")[0].innerHTML += buttonHtml;
document.getElementById("userBtn").addEventListener("click", randomizeFavorites);

var currentUrl = window.location.href;
var parser = new DOMParser();

// There are three different page counting elements, so we need to get each one
var currentPage = document.getElementsByClassName("pagination-selected")[0].innerHTML;
var textLinks = document.getElementsByClassName("pagination-text");
var lastText = parseInt(textLinks[textLinks.length - 1].href.toString().replace(/.*page\//g, ""));
var pageLinks = document.getElementsByClassName("pagination-page");
var lastPage = parseInt(pageLinks[pageLinks.length - 1].href.toString().replace(/.*page\//g, ""));

// Default to zero in case no number is found
if (!lastText) lastText = 0;
if (!lastPage) lastPage = 0;

// Compare for the actual last page
if (lastText > lastPage) lastPage = lastText;
if (currentPage > lastPage) lastPage = currentPage;
}

function randomizeFavorites()
{
var chapterCounter = 0;
var log = "";

var currentTabContent = document.getElementsByClassName("tab-content active")[0];
var currentGridContent = currentTabContent.getElementsByClassName("grid-content page-100")[0];
var currentChapters = currentGridContent.getElementsByClassName("grid-block");

for (var i = 0; i < currentChapters.length; i++)
{
var pageInt = Math.ceil(Math.random() * lastPage);
var url = currentUrl.replace(/\/favorites.*/g, "/favorites/page/" + pageInt);

GM.xmlHttpRequest
({
method: "GET",
url: url,
onload: function(response)
{
var loopCounter = 0;

do
{
var doc = parser.parseFromString(response.responseText, "text/html");
var tabContent = doc.getElementsByClassName("tab-content active")[0];
var gridContent = tabContent.getElementsByClassName("grid-content page-100")[0];
var chapters = gridContent.getElementsByClassName("grid-block");

var chapterInt = Math.floor(Math.random() * chapters.length);
var chapter = chapters[chapterInt];
var chapterId = chapter.getAttribute("id");
var chapterThumb = chapter.getElementsByClassName("lazy poster")[0];

// The src is empty by default, so we get the thumbnail from the data-src
chapterThumb.src = "https:" + chapterThumb.getAttribute("data-src");

// To avoid infinite loops that occur when retrieving a page where all chapters have already been added
loopCounter++;
if (loopCounter > 2) break;
}
while (log.indexOf(chapterId) != -1); // Repeat if chapter has already been added

currentChapters[chapterCounter++].innerHTML = chapter.innerHTML;
log += chapterId + "\n";
}
});
}
}



If everything works, then you should start seeing a button to the left of the page numbers in your favorites. Click it and it will go through and replace each chapter on the page with another randomly selected one.
1
Greed117
3 years ago
DontForgetTheTime wrote...
I thought this sounded like a fun idea, so I went ahead and wrote a user script to do this.

After you've installed a user script manager like Tampermonkey or Violentmonkey, you can install the script here: https://greasyfork.org/en/scripts/412994-fakku-favorites-randomizer

Or if you'd rather, here's the direct source code.
Spoiler:


// ==UserScript==
// @name FAKKU! Favorites Randomizer
// @namespace https://greasyfork.org/users/559356
// @version 1
// @description Randomize favorite chapters
// @author Aidan
// @match https://www.fakku.net/users/*/favorites*
// @grant GM.xmlHttpRequest
// ==/UserScript==

var pageMeta = document.getElementsByClassName("pagination-meta hidden-mobile");

if (pageMeta.length > 0)
{
// Button icon made by mavadee (https://www.flaticon.com/authors/mavadee) and modified to red (#AB2328)
var buttonIcon = "https://lh3.googleusercontent.com/pw/ACtC-3eY8JlZRL8Ohtkfip_eRIV1MJMS7IrSGNsNuflm-uBY1K1nTE-UbJK3lCwBehPHUe2vzNaU-11CEaWKgrqZGb_aqmWeE_5zrM2Y40CwA9_HlaDfA8yGB3XxSVHaMxobEH8MQN8awefblwPDqjTBIVF_=s512-no?authuser=1?.jpg";

var buttonCss = `float: right;
min-width: 24px;
min-height: 24px;
background-image: url(` + buttonIcon + `);
background-repeat: no-repeat;
background-color: inherit;
background-size: 24px 24px;
border: none;`;

var buttonHtml = "<button id='userBtn' title='Randomize Favorites' style='" + buttonCss + "'></button>";

document.getElementsByClassName("pagination-meta hidden-mobile")[0].innerHTML += buttonHtml;
document.getElementById("userBtn").addEventListener("click", randomizeFavorites);

var currentUrl = window.location.href;
var parser = new DOMParser();

// There are three different page counting elements, so we need to get each one
var currentPage = document.getElementsByClassName("pagination-selected")[0].innerHTML;
var textLinks = document.getElementsByClassName("pagination-text");
var lastText = parseInt(textLinks[textLinks.length - 1].href.toString().replace(/.*page\//g, ""));
var pageLinks = document.getElementsByClassName("pagination-page");
var lastPage = parseInt(pageLinks[pageLinks.length - 1].href.toString().replace(/.*page\//g, ""));

// Default to zero in case no number is found
if (!lastText) lastText = 0;
if (!lastPage) lastPage = 0;

// Compare for the actual last page
if (lastText > lastPage) lastPage = lastText;
if (currentPage > lastPage) lastPage = currentPage;
}

function randomizeFavorites()
{
var chapterCounter = 0;
var log = "";

var currentTabContent = document.getElementsByClassName("tab-content active")[0];
var currentGridContent = currentTabContent.getElementsByClassName("grid-content page-100")[0];
var currentChapters = currentGridContent.getElementsByClassName("grid-block");

for (var i = 0; i < currentChapters.length; i++)
{
var pageInt = Math.ceil(Math.random() * lastPage);
var url = currentUrl.replace(/\/favorites.*/g, "/favorites/page/" + pageInt);

GM.xmlHttpRequest
({
method: "GET",
url: url,
onload: function(response)
{
var loopCounter = 0;

do
{
var doc = parser.parseFromString(response.responseText, "text/html");
var tabContent = doc.getElementsByClassName("tab-content active")[0];
var gridContent = tabContent.getElementsByClassName("grid-content page-100")[0];
var chapters = gridContent.getElementsByClassName("grid-block");

var chapterInt = Math.floor(Math.random() * chapters.length);
var chapter = chapters[chapterInt];
var chapterId = chapter.getAttribute("id");
var chapterThumb = chapter.getElementsByClassName("lazy poster")[0];

// The src is empty by default, so we get the thumbnail from the data-src
chapterThumb.src = "https:" + chapterThumb.getAttribute("data-src");

// To avoid infinite loops that occur when retrieving a page where all chapters have already been added
loopCounter++;
if (loopCounter > 2) break;
}
while (log.indexOf(chapterId) != -1); // Repeat if chapter has already been added

currentChapters[chapterCounter++].innerHTML = chapter.innerHTML;
log += chapterId + "\n";
}
});
}
}



If everything works, then you should start seeing a button to the left of the page numbers in your favorites. Click it and it will go through and replace each chapter on the page with another randomly selected one.


This was amazing, but sadly it seems Fakku updated the favorites section recently (while adding no way of searching or randomizing it themselves), so now it no longer works.
2
DontForgetTheTime
3 years ago
Greed117 wrote...

This was amazing, but sadly it seems Fakku updated the favorites section recently (while adding no way of searching or randomizing it themselves), so now it no longer works.

I'm glad it worked for you. I'll try to get it working again sometime this week.

3/1 EDIT: It's fixed now. It ended up just being a couple class name changes. If you installed the script from the Greasy Fork link I posted, it should update automatically. If you manually copied the code, here's the updated version.

Spoiler:

// ==UserScript==
// @name FAKKU! Favorites Randomizer
// @namespace https://greasyfork.org/users/559356
// @version 1.0.1
// @description Randomize favorite chapters
// @author Aidan
// @match https://www.fakku.net/users/*/favorites*
// @grant GM.xmlHttpRequest
// ==/UserScript==

var pageMeta = document.getElementsByClassName("pagination-2020");

if (pageMeta.length > 0)
{
// Button icon made by mavadee (https://www.flaticon.com/authors/mavadee) and modified to red (#AB2328)
var buttonIcon = "https://lh3.googleusercontent.com/pw/ACtC-3eY8JlZRL8Ohtkfip_eRIV1MJMS7IrSGNsNuflm-uBY1K1nTE-UbJK3lCwBehPHUe2vzNaU-11CEaWKgrqZGb_aqmWeE_5zrM2Y40CwA9_HlaDfA8yGB3XxSVHaMxobEH8MQN8awefblwPDqjTBIVF_=s512-no?authuser=1?.jpg";

var buttonCss = `float: right;
min-width: 24px;
min-height: 24px;
background-image: url(` + buttonIcon + `);
background-repeat: no-repeat;
background-color: inherit;
background-size: 24px 24px;
border: none;`;

var buttonHtml = "<button id='userBtn' title='Randomize Favorites' style='" + buttonCss + "'></button>";

document.getElementsByClassName("pagination-results")[0].innerHTML += buttonHtml;
document.getElementById("userBtn").addEventListener("click", randomizeFavorites);

var currentUrl = window.location.href;
var parser = new DOMParser();

// There are three different page counting elements, so we need to get each one
var currentPage = document.getElementsByClassName("pagination-selected")[0].innerHTML;
var textLinks = document.getElementsByClassName("pagination-text");
var lastText = parseInt(textLinks[textLinks.length - 1].href.toString().replace(/.*page\//g, ""));
var pageLinks = document.getElementsByClassName("pagination-page");
var lastPage = parseInt(pageLinks[pageLinks.length - 1].href.toString().replace(/.*page\//g, ""));

// Default to zero in case no number is found
if (!lastText) lastText = 0;
if (!lastPage) lastPage = 0;

// Compare for the actual last page
if (lastText > lastPage) lastPage = lastText;
if (currentPage > lastPage) lastPage = currentPage;
}

function randomizeFavorites()
{
var chapterCounter = 0;
var log = "";

var currentTabContent = document.getElementsByClassName("tab-content active")[0];
var currentGridContent = currentTabContent.getElementsByClassName("grid-content page-100")[0];
var currentChapters = currentGridContent.getElementsByClassName("grid-block");

for (var i = 0; i < currentChapters.length; i++)
{
var pageInt = Math.ceil(Math.random() * lastPage);
var url = currentUrl.replace(/\/favorites.*/g, "/favorites/page/" + pageInt);

GM.xmlHttpRequest
({
method: "GET",
url: url,
onload: function(response)
{
var loopCounter = 0;

do
{
var doc = parser.parseFromString(response.responseText, "text/html");
var tabContent = doc.getElementsByClassName("tab-content active")[0];
var gridContent = tabContent.getElementsByClassName("grid-content page-100")[0];
var chapters = gridContent.getElementsByClassName("grid-block");

var chapterInt = Math.floor(Math.random() * chapters.length);
var chapter = chapters[chapterInt];
var chapterId = chapter.getAttribute("id");
var chapterThumb = chapter.getElementsByClassName("lazy poster")[0];

// The src is empty by default, so we get the thumbnail from the data-src
chapterThumb.src = "https:" + chapterThumb.getAttribute("data-src");

// To avoid infinite loops that occur when retrieving a page where all chapters have already been added
loopCounter++;
if (loopCounter > 2) break;
}
while (log.indexOf(chapterId) != -1); // Repeat if chapter has already been added

currentChapters[chapterCounter++].innerHTML = chapter.innerHTML;
log += chapterId + "\n";
}
});
}
}
1
Greed117
3 years ago
Awesome, it automatically updated for me. Thanks.
1
DontForgetTheTime
3 years ago
Greed117 wrote...
Awesome, it automatically updated for me. Thanks.

No problem.
  1. Forums
  3. Feedback, Suggestions, and Support
Post Reply