Javascript on load execution

Question

I have an input field on my PHP page. When a value is entered into the input box a javascript is called and mysql values returned next to the input box. This works 100% without errors.

My code for this is:

<input type=text id=sku1 name=sku1 onchange="showUser(1, this.value)" onkeypress="return enter(document.orderform.sku2)"  value=<? echo $sku1; ?> >

When the user submits the form, the page returns to itself as some calculations are performed. When the page reloads the input box has the value the user entered ($sku1). my problem is that the mysql values are no longer next to the input box as the input box hasnt changed since reloading.

I want to use something like the javaascript OnLoad functionality.

<input type=text id=sku1 name=sku1 onchange="showUser(1, this.value)" OnLoad="showUser(1, this.value)" onkeypress="return enter(document.orderform.sku2)"  value=<? echo $sku1; ?> >

This however does not work.

Any ideas as how to get the javascript to execute on load as well as when the user changes the value of the input box?

Thanks and Regards, Ryan Smith

elrado · Accepted Answer · 2012-02-18 14:45:08Z

2

Use jquery's document ready method or try putting showUser in body onload

answered Feb 18, 2012 at 14:45

elrado

5,3321 gold badge19 silver badges15 bronze badges

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

Comments

Sarfraz · Accepted Answer · 2012-07-12 18:35:37Z

1

You can use onload event like this:

<script>
  var value = document.getElementById('sku1').value;
  window.onload = function() { showUser(1, value); }
</script>

edited Jul 12, 2012 at 18:35

answered Feb 18, 2012 at 14:42

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

3 Comments

Tom Tu Over a year ago

you can assign a function to the onload - here you assigned returned value of a function - which probably would be undefined :) wrap it with an anonymous function to get what you want

Tom Tu Over a year ago

onload is a callback and it takes a function reference not function return value if you want it to be called - this would work only if showUser would have returned a function that would show the user

Sarfraz Over a year ago

@TomTu: I stumbled upon this question today and understood now what you actually meant, you were right, updated now :)

James Glover · Accepted Answer · 2012-02-18 15:11:32Z

1

I'd suggest using DOMContentReady, rather than Load, as it will fire earlier. You'll also need to attach the listener to document, rather than the input element itself, as the input element doesn't provide a load event (http://www.w3.org/TR/html4/interact/forms.html#h-17.4)

So, in a script tag, or a separate javascript file:

document.addEventListener('DOMContentReady', function(){
  showUser(1,document.getElementById('sku1'));
})

answered Feb 18, 2012 at 15:11

James Glover

914 bronze badges

Collectives™ on Stack Overflow

Javascript on load execution

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related