Create a bookmarklet that triggers a function to download files

Question

Create a bookmarklet that triggers a function to download files

I am interested in developing a bookmarklet that is capable of downloading a remote javascript file containing a defined function, and then executing that function with predetermined parameters.

Below is a typical "download-and-run-remote-script" bookmarklet, but with an additional function call included:

javascript:( function () { 
    var new_script = document.createElement("script"); 
    new_script.src = "http://mydomain.com/myscript.js"; 
    document.body.appendChild(new_script);
    do_stuff('Hello World!');
} ) ();

The code inside myscript.js consists of the following function:

function do_stuff(input_variable) {
    alert(input_variable);
}

Currently, this script does not provide the expected outcome. Why is that so? What modifications should be made to make it work as intended?

javascript bookmarklet

Answer 1

Answer №1

One benefit of scripts loading asynchronously is that they don't need to finish loading before you attempt to execute the function.

To address this issue, there are two potential solutions available:

Solution 1: Embed myvar = 'Hello World!' in a bookmarklet and then call do_stuff(myvar) in myscript.js

Solution 2: Implement the onload event for the script element you generate. This approach offers enhanced reliability but also comes with increased complexity.

Answer 2

One benefit of scripts loading asynchronously is that they don't need to finish loading before you attempt to execute the function.

To address this issue, there are two potential solutions available:

Solution 1: Embed myvar = 'Hello World!' in a bookmarklet and then call do_stuff(myvar) in myscript.js

Solution 2: Implement the onload event for the script element you generate. This approach offers enhanced reliability but also comes with increased complexity.

Answer 3

Answer №2

The code below is fully functional on IE 10.0,9, Firefox 28, and Chrome 35.0.1916.114:

javascript:(function () {
    new_script = document.createElement("script");
    new_script.setAttribute('src','http://www.mydomain.com/myscript.js');
    if(new_script.addEventListener) {
        new_script.addEventListener("load", function() { do_stuff('Hello World!'); }, false);
    }else if(new_script.readyState) {
        new_script.onreadystatechange = function() { do_stuff('Hello World!'); };
    }else {
        new_script.onload = function() { do_stuff('Hello World!'); };
    }
    document.body.appendChild(new_script);
})();

I incorporated the first two "if" blocks based on recommendations found at this source: http://msdn.microsoft.com/en-us/library/ie/hh180173%28v=vs.85%29.aspx. However, Firefox required the final block to work smoothly. It's important to note that "do_stuff" should be enclosed in an anonymous function for compatibility with IE. I haven't yet verified its functionality on Opera and Safari. For a more detailed explanation of DG's response, check out this valuable resource shared by Matthew Lock: .

Answer 4

The code below is fully functional on IE 10.0,9, Firefox 28, and Chrome 35.0.1916.114:

javascript:(function () {
    new_script = document.createElement("script");
    new_script.setAttribute('src','http://www.mydomain.com/myscript.js');
    if(new_script.addEventListener) {
        new_script.addEventListener("load", function() { do_stuff('Hello World!'); }, false);
    }else if(new_script.readyState) {
        new_script.onreadystatechange = function() { do_stuff('Hello World!'); };
    }else {
        new_script.onload = function() { do_stuff('Hello World!'); };
    }
    document.body.appendChild(new_script);
})();

I incorporated the first two "if" blocks based on recommendations found at this source: http://msdn.microsoft.com/en-us/library/ie/hh180173%28v=vs.85%29.aspx. However, Firefox required the final block to work smoothly. It's important to note that "do_stuff" should be enclosed in an anonymous function for compatibility with IE. I haven't yet verified its functionality on Opera and Safari. For a more detailed explanation of DG's response, check out this valuable resource shared by Matthew Lock: .

Create a bookmarklet that triggers a function to download files

Answer №1

Answer №2

Similar questions

Is there a way to locate the URL for a node.js express website hosted on a VPS?

Retrieve the content of the 'div' element, but exclude certain text

Tips for animating a nested array using jQuery

Is there a method similar to insertBefore that works with arrays and/or HTMLCollections?

Encountering a build error in Next.js 13 when attempting to fetch an API route within a server component

Utilizing jQuery to seamlessly animate decimal values

What is the process for combining two distinct geometries with different materials into a single entity in three.js?

In JavaScript, the function will return a different object if the string in an array matches the

The registration link for Google on my website is experiencing an error, while it works fine on the Allauth page

Renaming form elements using JQuery's .load method

Validate that the input is an array

Using Angular select asynchronously within a custom directive

Restrict the movement of an object in Three.js to stay on the surface of another

Here's a way to programmatically append the same icon to multiple li elements generated using document.createElement:

Using jQuery, input data into a textarea element

The correct conclusion is reached by the function when the console.log statement is placed above the function call

Unlocking, accessing and manipulating images stored locally using JavaScript, p5.js, and HTML

Vue Pinia ensures that reactive state is only updated once, preventing unnecessary updates

Customize cell options in a dynamic grid within a dojo environment

Pause until the array is populated before displaying the components