javascript create element and click on it

bgstack15 · Post by **bgstack15** » 2022-04-28, 11:48

Operating system: Fedora Linux 35
Browser version: Official tarball release of Pale Moon 29.4.6 with gtk3
32-bit or 64-bit browser?: 64-bit
Problem URL: https://jsfiddle.net/chsdk/cwy3gxz4/
Browser theme (if not default):
Installed add-ons: Github Polyfill/Gitlab Web Components Polyfill 1.2.18.3 (installed but disabled)
Installed plugins: (about:plugins): none

Problem
I have been trying to modify an open source piece of software to include a "download" button that uses the javascript tricks demonstrated in this Problem URL. The Problem URL demonstrates using javascript to create a new document element of type 'a' with a custom download attribute and of course an href. The idea is to make a button that [prompts to, depending on browser setting] download a file with a pretty name different from the exact URL being downloaded (some guid). While the URL in question works in Firefox, it does not work in Pale Moon. Do I need to enable a setting, or is this truly not valid functionality in this browser at this time?

Steps I have already tried
I have tried googling, and searching this forum specifically for this issue. I used mainly expression "javascript document.createlement click." MDN says that Firefox 3 started supporting javascript .click() function, so my hopes were that Pale Moon would work with this too.

Steps I have not tried yet
I have not done the javascript rigamarole from https://stackoverflow.com/questions/852 ... e-elements. I could try it if you think it would work. Nor have I tried a second rigamarole: https://stackoverflow.com/questions/110 ... eelementth.

Output of help->troubleshooting information (as text):

Post by **RealityRipple** » 2022-04-28, 12:41

You need to actually add the "link" element to the document's body. Otherwise, it's unclickable. "document.body.appendChild(link); link.click(); document.body.removeChild(link);" works fine.

Kris_88 · Post by **Kris_88** » 2022-04-28, 13:37

Code: Select all

<html>
<body>
<script>
function doIt() {
 var link = document.createElement('a');
 link.download = 'My file';
 link.href = 'a.png';  
 link.dispatchEvent(new MouseEvent("click"));
};
</script>
<button type="button" onclick="doIt()">Download</button>
</body>
</html>

Works for me. But you must run this example from http:// url, not a file://. Otherwise, the png file will be opened in the browser, not downloaded.

bgstack15 · Post by **bgstack15** » 2022-04-28, 15:25

Thanks everybody! I tried Kris_88's suggestion with the dispatchEvent thing, and that worked in all the relevant browsers.

Pale Moon forum

javascript create element and click on it Topic is solved

javascript create element and click on it

Re: javascript create element and click on it

Re: javascript create element and click on it

Re: javascript create element and click on it