0 
 <%@ Page Title="About" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="About.aspx.cs" Inherits="About" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
    var directionsDisplay;
    var directionsService = new google.maps.DirectionsService();


    function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
        var regexS = "[\\?&]" + name + "=([^&#]*)";
        var regex = new RegExp(regexS);
        var results = regex.exec(window.location.search);
        if (results == null)
            return "";
        else
            return decodeURIComponent(results[1].replace(/\+/g, " "));
    }


    function calcRoute() {

        start = document.getElementById('startvalue').value;

        end = document.getElementById('endvalue').value;

        var request = {
            origin: start,
            destination: end,
            travelMode: google.maps.DirectionsTravelMode.DRIVING
        };

        directionsService.route(request, function (response, status) {
            if (status == google.maps.DirectionsStatus.OK) {


                directionsDisplay.setDirections(response);
                this.distance = response.routes[0].legs[0].distance.value / 1000;

            }
        });

    }



    function Button1_onclick() {
        calcRoute();
    }

    window.onload = InitializeMap;
    </script>


    <div style="height: 86px; width: 689px; margin-left: 16px; margin-top: 0px">

        <table style="width: 96%;">
            <tr>
                <td class="auto-style1">
                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                </td>
                <td>
                    <asp:TextBox  runat="server" id ="startvalue"></asp:TextBox>
                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td class="auto-style2">
                    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
                </td>
                <td class="auto-style3">
                    <asp:TextBox runat="server" id ="endvalue"></asp:TextBox>
                </td>
                <td class="auto-style3"></td>
            </tr>
            <tr>
                <td class="auto-style1">&nbsp;</td>

                <td>                 
                       <input id="Button1" type="button" value="GetDirections" onclick="return Button1_onclick()" />

            </tr>

        </table>

Button1_onclick() 関数を呼び出したいのですが、うまくいきません。このコードは問題ありません。問題は、関数の呼び出しが間違っていることです。どうすればいいのか教えてください..

4

4 に答える 4

0

無効な HTML マークアップが原因である可能性があります

            <tr>
                <td class="auto-style1">&nbsp;</td>

                <td>                 
                       <input id="Button1" type="button" value="GetDirections" onclick="return Button1_onclick()" />

</td> <!-- Missing closing tag -->

            </tr>
于 2013-04-01T17:47:49.527 に答える
0

このコードを試してくださいonclick="return javascript:calcRoute()の代わりに OnClick="return Button1_onclick"

このスクリプト ファイル ( **<script type="text/javascript" src="../../Scripts/jquery-ui-1.9.2.min.js"></script>**)(最小化されたバージョン) がマスター ページで参照されていることを確認しますか??

              <tr>
                <td class="auto-style1">&nbsp;</td>

                <td>                 
                   <input id="Button1" type="button" value="GetDirections" *onclick="return javascript:calcRoute();"** />
               </td>    
            </tr>

編集：

これを別の方法で試してください

$("#filter").click(function(){
   Button1_onclick();
});

<input id="Button1" type="button" value="GetDirections" />
于 2013-04-01T17:57:14.827 に答える