Open modal on page load

Question

I have one css modal which opens on clicking a button but now i want to open it automatically when page loads.
Demo: http://www.cssscript.com/demo/lightweight-customizable-modal-lightbox-js-library-uglipop-js/
Javascript for opening modal on button click:

modalTrigger = function(){uglipop({class:'modalWrapper',source:'div',content:'modalDemo'});}

If you use jquery, you can use `.ready()`. Read up on the differences to see if your css is negatively impacted by `window.onload();` http://stackoverflow.com/questions/3698200/window-onload-vs-document-ready — user3735633, May 29 '15 at 05:42
Haven't been able to get this to work. Tried @Nagesh's solution for `` and @Bik's solution but still not working. — bou77, Jan 16 '20 at 00:25

score 1 · Answer 1 · answered May 29 '15 at 05:35

1

use onload() event <body onload='modalTrigger();'>

answered May 29 '15 at 05:35

Nagesh Sanika

I tried onload() but its not working. Is there any another way to do that? – Harpreet Kaur May 29 '15 at 05:38

score 0 · Answer 2 · answered May 29 '15 at 06:47

0

Its very simple Just use following :-

<script>
modalTrigger();
</script>

answered May 29 '15 at 06:47

Bik

2 Answers2