Execute javascript on page load but not on button click

Question

Tried for several times to get below Javscript to execute on page load. Currently it works only on click of "Start" button.

How could this be made excited on load of the page?

<script type="text/javascript">
function getFlashMovie(movieName) {
    var isIE = navigator.appName.indexOf("Microsoft") != -1;
    return (isIE) ? window[movieName] : document[movieName];
}
function start() {

    var active = document.getElementById("buttonstart").value == "stop";
    getFlashMovie("test").setProperty("src",  !active ? document.getElementById('url2').value: null);
    document.getElementById("start").value = active ? "buttonstart" : "buttonstop";
}
</script>

the html

  <input id="url2" type="text" value="rtmp://localhost/?streammovie=test"/>

The getFlashMovie("test").setProperty is a function to pass variable to the SWF file. On page load I want it to get executed rather than on button click.

user447356 · Accepted Answer · 2012-03-15 08:24:08Z

2

To have your function execute on page load have such code:

window.onload = function() {
    start();
};

answered Mar 15, 2012 at 8:24

user447356

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

Comments

Pawel · Accepted Answer · 2012-03-15 08:27:14Z

1

what you could do is:

<body onload="start();">

if you consider using jQuery at all then you could wrap your code within:

$(document).ready(function(){

      //the code

});

the code would execute when the page has been fully loaded, but i do not advise adding the jquery library just so you can use this feature.

answered Mar 15, 2012 at 8:27

Pawel

2,6461 gold badge20 silver badges14 bronze badges

1 Comment

Rubytastic Over a year ago

Okay like that, But.. then you would still need to click the button, the start function in itself does not launch the set property only when the button is clicked.

Ali Khalid · Accepted Answer · 2012-03-15 08:23:00Z

1

Try this:

<script type="text/javascript">
function getFlashMovie(movieName) {
    var isIE = navigator.appName.indexOf("Microsoft") != -1;
    return (isIE) ? window[movieName] : document[movieName];
}
function start() {

    var active = document.getElementById("buttonstart").value == "stop";
    getFlashMovie("test").setProperty("src",  !active ? document.getElementById('url2').value: null);
    document.getElementById("start").value = active ? "buttonstart" : "buttonstop";
}
start(); //added this
</script>

answered Mar 15, 2012 at 8:23

Ali Khalid

1,3458 silver badges20 bronze badges

4 Comments

user447356 Over a year ago

If the script is located in the <head> section it won't work as the elements do not exist yet.

Ali Khalid Over a year ago

Just put it in the footer, before the body tag.

user447356 Over a year ago

Why force such thing when you can use the window.onload?

Rubytastic Over a year ago

Thx that throws an exception like: I had this exception before when I was trying to make it work: getFlashMovie("test").setProperty is not a function [Break On This Error] (10 out of range 3)

Stefan · Accepted Answer · 2012-03-15 08:25:54Z

1

Just make sure the DOM has been loaded before you attempt to access any elements. Try to run your start() function at the end of the HTML like this;

  </body>
  <script type="text/javascript">
    start();
  </script>
</html>

answered Mar 15, 2012 at 8:25

Stefan

5,6624 gold badges28 silver badges32 bronze badges

1 Comment

Rubytastic Over a year ago

Okay like that, But.. then you would still need to click the button, the start function in itself does not launch the set property only when the button is clicked.

Bogdan Emil Mariesan · Accepted Answer · 2012-03-15 08:22:53Z

0

Use:

(function($){

 $(function(){
 // my code comes here
 });     

})(jQuery)

answered Mar 15, 2012 at 8:22

Bogdan Emil Mariesan

5,6672 gold badges35 silver badges59 bronze badges

Comments

sushil bharwani · Accepted Answer · 2012-03-15 08:26:12Z

0

Use window.onload event to fire your code on load.


window.onload = function(){

//your code to execute
}

answered Mar 15, 2012 at 8:26

sushil bharwani

30.2k30 gold badges98 silver badges130 bronze badges

Collectives™ on Stack Overflow

Execute javascript on page load but not on button click

6 Answers 6

Comments

1 Comment

4 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

1 Comment

4 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related