What is the best way to continuously click a JavaScript link until it disappears?

Question

What is the best way to continuously click a JavaScript link until it disappears?

Many websites utilize single-page pagination to display more content with each click. It can be beneficial to view all the content on one page, such as for web crawling purposes. Much like automatically clicking a button using Greasemonkey, how can JavaScript be used (like in the Firefox console) to locate and continuously click a JavaScript link until the entire page loads? For example, in this scenario, "fully loaded" could mean either

the disappearance of the "Load More" link or
the appearance of "No videos found at this time."

I am unsure which events should be monitored on which elements to achieve this efficiently (i.e., waiting the least amount of time between clicks without excessive polling). The provided code below is not functional, most likely because portions of the page do not have sufficient time to load before the next request is made.

for (var i=1; i<209; i++) {
    DISCO.video.sort('None','desc',i,'grid');
}

javascript firefox

Answer 1

Answer №1

Although this code appears functional, it may not be the most efficient solution:

function simulateClick() {
    var targetElement = $('.sort-assets-action');
    if (typeof targetElement === 'undefined') {
        return;
    }

    var actionToPerform = targetElement.attr('onclick');
    eval(actionToPerform);
}

setInterval(simulateClick, 100);

Answer 2

Although this code appears functional, it may not be the most efficient solution:

function simulateClick() {
    var targetElement = $('.sort-assets-action');
    if (typeof targetElement === 'undefined') {
        return;
    }

    var actionToPerform = targetElement.attr('onclick');
    eval(actionToPerform);
}

setInterval(simulateClick, 100);

What is the best way to continuously click a JavaScript link until it disappears?

Answer №1

Similar questions

Uploading large files on Vuejs causes the browser to crash

Node.js has no trouble loading HTML files, however, it seems to encounter issues when trying to

Resetting the selected value in an Angular2 select element after the user makes a change

Exploring JSON without taking into account letter case

Unable to alter a global variable while iterating through an angular.forEach loop

Step-by-step guide on making a duplicate of a Search bar

Using Angular 4 to transfer data from a dynamic modal to a component

What is the best way to incorporate a minimum width and maximum width in CSS that add up to 100% when necessary?

Tips for sending an email to an address from a user input field in React.js/Express.js

The error message "Multiple children error occurs when an empty link in Next.js

What could be causing my search function to not recognize special characters?

Establishing a small boutique utilizing Vue.observable for property getters

Loading React.js components before data fetch is complete

Increment field(s) conditionally while also performing an upsert operation in MongoDB

Display the razor page in a modal dialog box

Preserving scroll location in Laravel when posting updates

I am receiving the same URL for multiple files stored on Firebase Storage

Encountering a 404 error when trying to navigate to the next route using the Link component

data retrieval not refreshing sorting post construction

Using JavaScript, the list of items (images) will be displayed and placed into HTML panels