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

    thanks Nancy I updated to the latest stable release and its still happening (i dont have time right now to figure another way to make that overlay work..but I will) .. can you explain that souece map error.. is it saying it cant find the  jquery min..? why exactly is it giving a 404 error?

    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