Reputation: 213
I'm trying to make the Search
function on my website work using Google. Below is the HTML:
<!-- Start Search -->
<div class="top-search">
<div class="container">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
<input id="search" type="text" class="form-control" placeholder="Search">
<span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
</div>
</div>
</div>
<!-- End Search -->
The JS:
<!-- Search JavaScript -->
<script type="text/javascript">
document.getElementById('form-control').onsubmit = function() {
window.location = 'http://www.google.com/search?q=site:mywebsite.co.uk ' + document.getElementById('search').value;
return false;
}
</script>
<!-- End Search Javascript -->
Upvotes: 0
Views: 112
Reputation: 3332
You need a <form>
element in order for the onsubmit
event to be triggered. Wrap the <input>
element in a form and it will work.
<form>
<!-- Start Search -->
<div class="top-search">
<div class="container">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
<input id="search" type="text" class="form-control" placeholder="Search">
<span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
</div>
</div>
</div>
<!-- End Search -->
</form>
Upvotes: 1