Call client script on Updatepanel refresh?

[SeanGrebey]

Anybody have any idea how to do this? I'm trying to update just the bing map I am using in an UpdatePanel because it takes a few seconds load. I need to call a javascript to refresh my pushpins though when the refresh is complete.

[mendhak]

Use ScriptManager.RegisterStartupScript. This is specifically for updatepanels.

ScriptManager.RegisterStartupScript(this.getType, "myBingUpdate" "alert('your javascript here');", true);

[SeanGrebey]

Where do I put that? In my UpdatePanel OnLoad event?

[SeanGrebey]

Tried it in the page load and the updatepanel load, both times I got a script error on the page:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; InfoPath.2; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 2.0.50727)
Timestamp: Wed, 10 Mar 2010 20:06:24 UTC


Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Line: 0
Char: 0
Code: 0
URI: http://localhost:2322/SMD%20Web%20Portal/Dashboard.aspx


------------------------

Any thoughts? That's the same error I was getting before when I was trying to load a map with an inline script.

[gep13]

Hey,

Can you show the code that you are using?

Gary

[SeanGrebey]

Sure, here's the javascript:

<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
    <script type="text/javascript">
        var map = null;
        
        function MapIt() {
            
            var CurrentPos = null;
            var pinPoint = null;
            var pinPixel = null;

            var mypoints = new Array();

            var names = document.getElementById("<%=txtName.ClientID%>").value;
            var lat = document.getElementById("<%=txtMapLat.ClientID%>").value;
            var lon = document.getElementById("<%=txtMapLon.ClientID%>").value;
            var pos = document.getElementById("<%=txtPosition.ClientID%>").value;
            var color = document.getElementById("<%=txtColor.ClientID%>").value;

            var latlist = lat.split(",");
            var longlist = lon.split(",");
            var namelist = names.split(",");
            var poslist = pos.split(",");
            var colorlist = pos.split(",");

            CurrentPos = new VELatLong(latlist[0], longlist[0]);

            map = new VEMap('myMap');
            map.LoadMap(CurrentPos, 15, VEMapStyle.Road, false, VEMapMode.Mode2D, true, 1);

            for (var i = 0; i < latlist.length; i++) {
                try {
                    var latlong = new VELatLong(latlist[i], longlist[i])
                    var shape = new VEShape(VEShapeType.Pushpin, latlong);
                    shape.SetTitle("Truck " + namelist[i]);
                    shape.SetDescription(poslist[i]);
                    
                    /*if (colorlist[i] == "red") {
                        shape.SetFillColor(new VEColor(255, 0, 0, 1.0)); 
                    }
                    else{
                        shape.SetFillColor(new VEColor(0, 255, 0, 1.0));
                    }*/
                    
                    map.AddShape(shape);

                    mypoints.push(latlong);
                }
                catch (err) {
                }

            }

            map.SetMapView(mypoints);

            map.ZoomIn();
        };

        function body_onload() {
            MapIt();
        }
    </script>

Then on the page load I added:

ScriptManager.RegisterStartupScript(udpmetrics, Me.GetType, "test", "MapIt();", True)

It looks like it calls the script ok, but it errors when I ge tto the Loaf map line of it:

map.LoadMap(CurrentPos, 15, VEMapStyle.Road, false, VEMapMode.Mode2D, true, 1);

[mendhak]

That error indicates that some of the objects aren't ready. What exactly are you doing in this partial postback - are you recreating the map from scratch within the partial postback code? Does the map already exist on the page, and if it does, why not just call MapIt() in a button click (client side) on the page itself?

[SeanGrebey]

That error indicates that some of the objects aren't ready. What exactly are you doing in this partial postback - are you recreating the map from scratch within the partial postback code? Does the map already exist on the page, and if it does, why not just call MapIt() in a button click (client side) on the page itself?

I have a map with about a 100 vehicles positions mapped on it. I am trying to refresh it automatically every 5 minutes to show their current position. There is no user interaction, so I can't do it on a button click. I am recreating the map. Maybe I can just refresh it. Let me try that.