ansaurus

Question

Refer to a Javascript File in Jquery

Answer 1

A:

$('head').append('<script type="text/javascript" src="scripts/scripts.js"/>')

Mote 2008-10-07 07:37:46

Answer 2

+1 A:

Yes, that's not a problem, simply store the function as a variable, like you would any other.

var myfunc = function(){
    // Do some stuff
}

You can then use the following syntax to run it in your jQuery init function:

$(document).ready(myfunc);

There is also a shortcut syntax for code that is run on document ready, which is just to pass a function into jQuery:

$(myfunc);

NickV 2008-10-07 07:44:58

Answer 3

+4 A:

Move the scripts.js script tag down beneath the jQuery script tag and then just move the whole of that inline script block into scripts.js. As jQuery will already have been instantiated by the time scripts.js loads, the Javascript will just execute inline in the same way that it does at the moment.

Also on a separate note, you need to change

$("#SubmitForm").click(Submit());

to

$("#SubmitForm").click(Submit);

You don't want the parentheses because you are not executing the function at this point, merely telling the click event handler that this is the name of the function that you want to execute when the event fires.

And as another tip, you can replace $(document).ready( with $( ie:

 $(function() {
   $("#SubmitForm").click(Submit);
 });

Both $ and document.ready can be included anywhere on the page (or in external files) and as long as jQuery.js is in scope, they will fire at the same time (once the DOM has loaded) - you don't need to worry about it being the last bit of code to fire. This is why you can move the whole thing to scripts.js rather than needing to assign a name to the function and refer to it from the inline script.

For the record, if you do wish to refer to the function by name, simply define it as a variable:

var func = function() {
  $("#SubmitForm").click(Submit);
};

$(func);

Like I say though, this is possibly somewhat overkill in your situation, you might as well just move the whole thing to scripts.js (unless of course there's more to it than you've mentioned in your question.

Edit (to deal with edit to question): Looks like you are dealing with the wrong event handler. You are trying to assign a function to the click event handler for the form, whereas you really want to be assigning it to the handler for the submit button. You should therefore be using the selector '#SubmitButton' ie:

$("#SubmitButton").click(Submit);

Luke Bennett 2008-10-07 07:45:05

Answer 4

A:

Why not dump

$(document).ready(function() {
    $("#SubmitForm").click(Submit);
});

in the external file? It will work as it currently is because you can stack onDomReady events.

Your html should then be like this (note that first <script> is bad):

<script type="text/javascript" src="scripts/scripts.js"></script>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/scripts.js"></script>

Oli 2008-10-07 07:47:02

ansaurus

tags:

views:

answers:

Refer to a Javascript File in Jquery

related questions