I am trying to make a javascript function work on pressing search button but the function doesnt seem to run. Please guide. Fiddle.
<form action="" method="get" id="searchform" >
<input name="q" type="text" id="search" size="32" maxlength="128" class="txt"/>
<input type="submit" id="hit" value="Search" onclick="myFunction()" class="btn"/>
</form>
Heres the JS,
function myFunction() {
alert("I am an alert box!");
}
You have wrapped the function in the body, onLoad, just change it to no wrap - in <head>. See this fiddle.
function myFunction() {
alert("I am an alert box!");
}
};
^^
You also have an extra }; in your code,
UPDATE:
This happens because:
if the function is place inside $(document).ready, then it can only be used within the ready callback (and in the inner objects). You can't reference it outside.
but if you are placing it outside the ready function then it gets global scope, i.e. you can call it from anywhere.
