Execute Javascript automatically?

Question

I have this script that greys out the entire website and brings up a dialogue box when the text 'showPopUp' is clicked. My question is how can i get this script to execute automatically on page load?

Script:

<script type="text/javascript">
    function showPopUp(el) {
        var cvr = document.getElementById("cover")
        var dlg = document.getElementById(el)
        cvr.style.display = "block"
        dlg.style.display = "block"
        if(document.body.style.overflow = "hidden") {
            cvr.style.width = "1024"
            cvr.style.height = "100&#37;"
        }
    }

    function closePopUp(el) {
        var cvr = document.getElementById("cover")
        var dlg = document.getElementById(el)
        cvr.style.display = "none"
        dlg.style.display = "none"
        document.body.style.overflowY = "scroll"
    }
</script>

possible duplicate of how do I automatically execute javascript? — Basile Starynkevitch
– Basile Starynkevitch, Commented Nov 7, 2012 at 6:01

Fred Wuerges · Accepted Answer · 2012-11-05 01:54:14Z

3

window.onload = function() {
  showPopUp('yourObjeID');
};

or

<body onload="showPopUp('yourObjeID');">

or insert script before body ends:

...
<script>
    showPopUp('yourObjeID');
</script>
</body>
</html>

edited Nov 5, 2012 at 1:54

answered Nov 5, 2012 at 1:49

Fred Wuerges

1,9652 gold badges21 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fred Wuerges Over a year ago

Sorry about that, I did not notice. Edited.

Dan Dascalescu · Accepted Answer · 2012-11-05 01:46:29Z

1

Use window.onload. Documentation at https://developer.mozilla.org/en-US/docs/DOM/window.onload

answered Nov 5, 2012 at 1:46

Dan Dascalescu

154k66 gold badges336 silver badges422 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:21:29Z

0

The better aproach is to use the "document.ready" event, not window.load, because the load event is just triggered after ALL page resources are loaded, while the ready event is triggered after the document is ready (all HTML is loaded and the DOM is ready).

Note that the "document.ready" event is not an event implemented in JavaScript but "emulated" by some JavaScript libraries like jQuery.

Instead of writing an example, I got these two links, take a look:

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Nov 5, 2012 at 1:48

davidbuzatto

9,4841 gold badge48 silver badges52 bronze badges

3 Comments

jamesmortensen Over a year ago

Hey David, I don't think JavaScript has a "document.ready" event. Keep in mind this is tagged "JavaScript".

davidbuzatto Over a year ago

@jmort253: Yep, I know it (I used double quotes). I'm improving my answer ;)

jamesmortensen Over a year ago

Cool! Digging into the jQuery source and pulling out the JS! Awesome!

Collectives™ on Stack Overflow

Execute Javascript automatically?

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related