Skip to main content
Inspiring
February 5, 2025
Question

404 from an overlay menu and an API issue

  • February 5, 2025
  • 2 replies
  • 876 views

this is new.. I just started to notice it

If you click on any of the social links after hitting the bento box menu..

https://toddheymandirector.com/

the new page opens up using the _blank attribute.. but the site returns to a 404 (null).. dont know why the HTML is correct..

 

One other issue it may be API  but I cannot figure it out 

 

hit any thumb to bring up a movie here https://toddheymandirector.com/reel/

 

the bottom icon in the player is a play button (should be a pause bc it is playing) however if you hit it it stays on a play button but pauses - hit it one more time and it returns to normal function ie pause button shows up when its playing and vice versa - very strange..

 

any help would be appreciated!

    2 replies

    Nancy OShea
    Community Expert
    Community Expert
    February 6, 2025

    I think legacy jQuery 1.10 has outlived its usefulness and may be causing more problems than it solves. 

    The last stable release of jQuery was ver 3.7.1.

    https://cdnjs.com/libraries/jquery

     

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Deprecated_source_map_pragma

    https://firefox-source-docs.mozilla.org/devtools-user/debugger/source_map_errors/

     

    It's also worth mentioning that jQuery's popularity has declined in recent years. It's been replaced with modern JavaScript and frameworks like React, Angular, and Vue.js.

     

    Nancy O'Shea— Product User & Community Expert
    REELHEROAuthor
    Inspiring
    February 6, 2025

    also, this : //@ to indicate sourceURL pragmas is deprecated. Use //# 

     

    I cant find anywhere Im using //@ for a source URL

    Nancy OShea
    Community Expert
    Community Expert
    February 6, 2025

    My browser's Inspect Panel (F12) now shows a different script error. 

     

    TRANSLATION:  TypeError: "x" is not a function

    The JavaScript exception "is not a function" occurs when there was an attempt to call a value from a function, but the value is not actually a function.

     

    Possibly because jQuery 1 is deprecated and not compatible with jQuery 3.7 scripts. 😕😕

     

    Also, you should replace your link to jQuery with this one that contains integrity and crossorigin attributes.  This allows user agents (browsers) to verify that the fetched resource has been delivered without unexpected manipulation.  It's a web security thing.

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    
    
    
    

     

    Nancy O'Shea— Product User & Community Expert
    BenPleysier
    Community Expert
    Community Expert
    February 5, 2025

    The only thing that I can find, there is no "start_url" mentioned in the manifest.

     

    Because I am time bound, I'll quote AI:

     

    A web app manifest is a JSON file that provides information about a web application, and it's essential for making a Progressive Web App (PWA). At minimum, a typical manifest file should include the following:

    1. Name: The full name of the app.
    2. Short Name: A shorter name for the app, used on the home screen or launcher.
    3. Icons: An array of icons in different sizes and formats.
    4. Start URL: The URL that the app should open when launched.
    5. Display: How the app should be displayed when launched (e.g., `standalone`, `fullscreen`, `minimal-ui`).
    6. Background Color: The background color used for the splash screen.
    7. Theme Color: The color used for the address bar and other UI elements.


    Here's an example of a minimal web manifest, which should be called "manifest.json" and linked like

    "<link rel="manifest" href="manifest.json">"

     

     

    {
    "short_name": "Weather",
    "name": "Weather App",
    "icons": [
    {
    "src": "/images/icons-192.png",
    "sizes": "192x192",
    "type": "image/png"
    },
    {
    "src": "/images/icons-512.png",
    "sizes": "512x512",
    "type": "image/png"
    }
    ],
    "start_url": "/",
    "display": "standalone",
    "background_color": "#3367D6",
    "theme_color": "#3367D6"
    }

     

     

    Edit: If that does not work, try adding "<base href="/">" inside the heading and/or "<link rel="canonical" href="https://toddheymandirector.com/">"

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    REELHEROAuthor
    Inspiring
    February 6, 2025

    Thanks Ben-

     

    I added all 3 (i didnt adjust the json completely but it now has a "start_url"

     

    <link rel="canonical" href="https://toddheymandirector.com/">
    <base href="https://toddheymandirector.com/">
    <link rel="manifest" href="manifest.json">

     

    but still the 404