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'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
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.