problem with asp.net conrol binding in javascript

Question

<body onload="initialize()">
    <form id="form1" runat="server">
    <div id="map_canvas" style = "width:320px; height:480px">
    </div>
    <div>
        <asp:TextBox ID="address" runat="server"></asp:TextBox>
        <asp:Button Text="find" runat="server" OnClientClick="codeAddress()" />
    </div>
    </form>
</body>

and this is my javascript:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        var geocoder;
        var map;
        function initialize() {
            geocoder = new google.maps.Geocoder();
            var latlng = new google.maps.LatLng(-34.397, 150.644);
            var myOptions = {
                zoom: 8,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        }
        function codeAddress() {
            var address = document.getElementById("<%= address.ClientID %>").value;
            geocoder.geocode({ 'address': address }, function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    map.setCenter(results[0].geometry.location);
                    var marker = new google.maps.Marker({
                        map: map,
                        position: results[0].geometry.location
                    });
                } else {
                    alert("Geocode was not successful for the following reason: " + status);
                }
            });
        }
    </script>

the codeAddress() function is not working at all ! what's the problem?

What do you mean with not working at all? Have you set a breakpoint in this function? (IE-Developer-Toolbar / Firebug) — Tim Schmelter
– Tim Schmelter, Commented May 18, 2011 at 22:57
now it says Unable to get value of the property 'offsetWidth': object is null or undefined — alex
– alex, Commented May 18, 2011 at 23:03
@Tim it's skipping the geocoder.geocode() in the codeAddress function — alex
– alex, Commented May 18, 2011 at 23:19
@alex: i have no experiences with google's geocoding api and i don't see any obvious error or typo. But maybe here or here is something interesting. Edit: i see, the second link is where you have your code from ;) — Tim Schmelter
– Tim Schmelter, Commented May 18, 2011 at 23:26

Chains · Accepted Answer · 2011-05-18 23:43:06Z

0

Try...

document.getElementById("<%= address.ClientID %>")

Change to:

document.getElementById("address").value;

answered May 18, 2011 at 23:43

Chains

13.2k8 gold badges48 silver badges62 bronze badges

it's an asp control, so I have to bind it, else the value will change at run-time

alex
– alex

05/18/2011 23:47:44
Commented May 18, 2011 at 23:47
Really? (asp, not asp.net?) Are you using master pages or something? Otherwise, you might set the "clientID" property on the control, because that is different that the ID property.

Chains
– Chains

05/19/2011 00:11:03
Commented May 19, 2011 at 0:11

Add a comment |

Collectives™ on Stack Overflow

problem with asp.net conrol binding in javascript

1 Answer 1

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related