html/css

Create Modal in <noscript> without javascript

<dialog id="modal">
  <h1>Welcome!</h1>
  <p>Click Close or press esc to close modal</p>
  <form method="dialog">
    <button>Close</button>
  </form>
</dialog>

Then put it in the <noscript> tags. (doesn’t work because there is no trigger, need to find out how to trigger without button. Or maybe its impossible.

Or if you want a button to trigger it,

<button onclick="modal.show()">Show Modal</button>

Notice there’s an onclick attribute with value of modal.show(). This means it will target an id of modal and runs a show() function. Even we didn’t write any JS, but the show() function is still a JavaScript function.

Can;t get this to work….

But archive.org has this:

                                            <noscript>
                  <div class="alert alert-danger alert-dismissable" data-dismiss="alert">
                    <button type="button" class="close" data-dismiss="alert"
                      aria-hidden="true"><span class="iconochive-remove-circle"  aria-hidden="true"></span><span class="icon-label sr-only">remove-circle</span></button>
                    Internet Archive&apos;s in-browser video                    "theater" requires JavaScript to be enabled.
                    It appears your browser does not have it turned on.
                    Please see your browser settings for this feature.
                  </div>
                </noscript>

here rendered

Internet Archive's in-browser video “theater” requires JavaScript to be enabled. It appears your browser does not have it turned on. Please see your browser settings for this feature.

But it doesn’t work. I can’t find anything in the css but they have a really complex labyrinth of code so that doesn’t mean it’s not there. Or maybe it’s done some other way (ibviously not javascript). here is the page https://archive.org/details/youtube-WywEir8Srbk – if you view it with javazcript off there is an alert which is dismissable but it is done without making a separate page and stopping you from seeing the site.