Streaming live at 10am (PST)

Issue with some Javascript Custom Code


#1

I have a quick question in relation to some custom code i am using in my site.

I am trying to achieve the same result as the following site.
http://geo-autocomplete.googlecode.com/svn/trunk/demo/ui.demo.html
Specifically the first Location example.
User types in a place name and a small google map with details appears below the input field.

I tried deconstructing the site using Inspect Element via Google Chrome develop tools.
I did what i though was right, and copied my custom code into the section of my site.

I have included this code below.

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="http://maps.gstatic.com/maps-api-v3/api/js/18/5/main.js" type="text/javascript"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://geo-autocomplete.googlecode.com/svn/trunk/lib/jquery-ui/js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="http://geo-autocomplete.googlecode.com/svn/trunk/ui.geo_autocomplete.js"></script>
<script type="text/javascript">
$().ready(function() {
address();
});

function address() {
$('#Pick-Up-Suburb').geo_autocomplete();
}

</script>
<link type="text/css" href="http://geo-autocomplete.googlecode.com/svn/trunk/lib/jquery-ui/css/ui-lightness/jquery-ui-1.8.5.custom.css" rel="stylesheet">
<script type="text/javascript" charset="UTF-8" src="http://maps.gstatic.com/cat_js/maps-api-v3/api/js/18/5/%7Bcommon,util,geocoder,map%7D.js"></script>
<script type="text/javascript" charset="UTF-8" src="http://maps.gstatic.com/cat_js/maps-api-v3/api/js/18/5/%7Bonion%7D.js"></script>
<script type="text/javascript" charset="UTF-8" src="http://maps.gstatic.com/cat_js/maps-api-v3/api/js/18/5/%7Bstats%7D.js"></script>

The part of my site that i want this to work on is the shown via the screenshot below
'Ready to Quote' section, Local tab button and then 'Pick Up Suburb' input field.

Im not sure what part of the code i got wrong.

Any suggestions what could be the problem??

My design link:
https://webflow.com/design/best-quote-removals?preview=42cce2050cc9cdbd2fa4b132db58d7df

Thanks
Amreet


#2