Skip to main content
Participating Frequently
January 18, 2023
Question

Button with hyperlink not working

  • January 18, 2023
  • 1 reply
  • 2811 views

Hello, I'm trying to add a button with an hyperlink to a page on my website to the last frame (the animation is programmed to stop after the last frame) of an HTML5 Canvas animation; when I try the animation in preview the link just works fine, but when I publish it it does not work. What am I missing? Here's the code I added to the action timeline at the last frame:

this.button_1.addEventListener("click", fl_ClickToGoToWebPage);

function fl_ClickToGoToWebPage() {
window.open("https://www.soildao.org/onepager.pdf", "_blank");
}
this.stop();

    This topic has been closed for replies.

    1 reply

    kglad
    Community Expert
    Community Expert
    January 18, 2023

    open your browser's developer console and check for errors.

    -ppixAuthor
    Participating Frequently
    January 18, 2023

    There are many errors in the console. I'm gonna paste them below:

    createjs.min.js:13 Canvas2D: Multiple readback operations using getImageData are faster with the willReadFrequently attribute set to true. See: https://html.spec.whatwg.org/multipage/canvas.html#concept-canvas-will-read-frequently
    b._testHit @ createjs.min.js:13
    b._testMask @ createjs.min.js:13
    b._getObjectsUnderPoint @ createjs.min.js:13
    b._getObjectsUnderPoint @ createjs.min.js:13
    b._testMouseOver @ createjs.min.js:13
    (anonimo) @ createjs.min.js:13
    setInterval (asinc)
    b.enableMouseOver @ createjs.min.js:13
    handleComplete @ index.html:2462
    (anonimo) @ index.html:2443
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._loadNext @ createjs.min.js:17
    b._processFinishedLoad @ createjs.min.js:17
    b._handleFileComplete @ createjs.min.js:17
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._resultFormatSuccess @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    b._formatImage @ createjs.min.js:17
    b.handleEvent @ createjs.min.js:16
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._handleTagComplete @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    load (asinc)
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:17
    b._loadItem @ createjs.min.js:17
    b._loadNext @ createjs.min.js:17
    b._processFinishedLoad @ createjs.min.js:17
    b._handleFileComplete @ createjs.min.js:17
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._resultFormatSuccess @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    b._formatImage @ createjs.min.js:17
    b.handleEvent @ createjs.min.js:16
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._handleTagComplete @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    load (asinc)
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:17
    b._loadItem @ createjs.min.js:17
    b._loadNext @ createjs.min.js:17
    b._processFinishedLoad @ createjs.min.js:17
    b._handleFileComplete @ createjs.min.js:17
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._resultFormatSuccess @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    b._formatImage @ createjs.min.js:17
    b.handleEvent @ createjs.min.js:16
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._handleTagComplete @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    load (asinc)
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:17
    b._loadItem @ createjs.min.js:17
    b._loadNext @ createjs.min.js:17
    b.setPaused @ createjs.min.js:17
    b.loadManifest @ createjs.min.js:17
    init @ index.html:2445
    onload @ index.html:2477
    createjs.min.js:13 Uncaught An error has occurred. This is most likely due to security restrictions on reading canvas pixel data with local or cross-domain images.
    b._testHit @ createjs.min.js:13
    b._getObjectsUnderPoint @ createjs.min.js:13
    b._getObjectsUnderPoint @ createjs.min.js:13
    b._getObjectsUnderPoint @ createjs.min.js:13
    b._testMouseOver @ createjs.min.js:13
    (anonimo) @ createjs.min.js:13
    setInterval (asinc)
    b.enableMouseOver @ createjs.min.js:13
    handleComplete @ index.html:2462
    (anonimo) @ index.html:2443
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._loadNext @ createjs.min.js:17
    b._processFinishedLoad @ createjs.min.js:17
    b._handleFileComplete @ createjs.min.js:17
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._resultFormatSuccess @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    b._formatImage @ createjs.min.js:17
    b.handleEvent @ createjs.min.js:16
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._handleTagComplete @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    load (asinc)
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:17
    b._loadItem @ createjs.min.js:17
    b._loadNext @ createjs.min.js:17
    b._processFinishedLoad @ createjs.min.js:17
    b._handleFileComplete @ createjs.min.js:17
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._resultFormatSuccess @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    b._formatImage @ createjs.min.js:17
    b.handleEvent @ createjs.min.js:16
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._handleTagComplete @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    load (asinc)
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:17
    b._loadItem @ createjs.min.js:17
    b._loadNext @ createjs.min.js:17
    b._processFinishedLoad @ createjs.min.js:17
    b._handleFileComplete @ createjs.min.js:17
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._resultFormatSuccess @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    b._formatImage @ createjs.min.js:17
    b.handleEvent @ createjs.min.js:16
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._handleTagComplete @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    load (asinc)
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:17
    b._loadItem @ createjs.min.js:17
    b._loadNext @ createjs.min.js:17
    b.setPaused @ createjs.min.js:17
    b.loadManifest @ createjs.min.js:17
    init @ index.html:2445
    onload @ index.html:2477
    321createjs.min.js:13 Uncaught An error has occurred. This is most likely due to security restrictions on reading canvas pixel data with local or cross-domain images.
    b._testHit @ createjs.min.js:13
    b._testMask @ createjs.min.js:13
    b._getObjectsUnderPoint @ createjs.min.js:13
    b._getObjectsUnderPoint @ createjs.min.js:13
    b._testMouseOver @ createjs.min.js:13
    (anonimo) @ createjs.min.js:13
    setInterval (asinc)
    b.enableMouseOver @ createjs.min.js:13
    handleComplete @ index.html:2462
    (anonimo) @ index.html:2443
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._loadNext @ createjs.min.js:17
    b._processFinishedLoad @ createjs.min.js:17
    b._handleFileComplete @ createjs.min.js:17
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._resultFormatSuccess @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    b._formatImage @ createjs.min.js:17
    b.handleEvent @ createjs.min.js:16
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._handleTagComplete @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    load (asinc)
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:17
    b._loadItem @ createjs.min.js:17
    b._loadNext @ createjs.min.js:17
    b._processFinishedLoad @ createjs.min.js:17
    b._handleFileComplete @ createjs.min.js:17
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._resultFormatSuccess @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    b._formatImage @ createjs.min.js:17
    b.handleEvent @ createjs.min.js:16
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._handleTagComplete @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    load (asinc)
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:17
    b._loadItem @ createjs.min.js:17
    b._loadNext @ createjs.min.js:17
    b._processFinishedLoad @ createjs.min.js:17
    b._handleFileComplete @ createjs.min.js:17
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._sendComplete @ createjs.min.js:16
    b._resultFormatSuccess @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    b._formatImage @ createjs.min.js:17
    b.handleEvent @ createjs.min.js:16
    (anonimo) @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b._dispatchEvent @ createjs.min.js:12
    b.dispatchEvent @ createjs.min.js:12
    b._handleTagComplete @ createjs.min.js:16
    (anonimo) @ createjs.min.js:15
    load (asinc)
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:16
    b.load @ createjs.min.js:17
    b._loadItem @ createjs.min.js:17
    b._loadNext @ createjs.min.js:17
    b.setPaused @ createjs.min.js:17
    b.loadManifest @ createjs.min.js:17
    init @ index.html:2445
    onload @ index.html:2477