小编ibr*_*lah的帖子

如何使用Google Maps API一键点击一个位置到各个位置的距离?

目前该程序正在运行,但由于alert()我在getData()功能中使用的功能,界面很烦人!! 当我从getData()函数中删除这一行时整个程序出错!! 我不知道是什么问题?谁有人有更好的想法做这样的过程?

我在这里尝试的程序旨在帮助用户找到离他们当前地址50公里范围内的餐馆,我已经收集了各种位置地址并将其记录在数据库中.

initialize()加载HTML主体时调用的函数,在HTML主体的第一行中,使用PHP从MySQL中提取餐厅数据,将数据打印到JavaScript数组jsres_add,jsres_id,jsres_name和jsnu中,以便我可以在JavaScript代码中使用它们.*请注意,下面的JavaScript代码在.js文件中分隔

var geocoder, location1, location2, gDir, oMap, jsnu, arraynu, address2;
jsres_add = new Array();
jsres_id = new Array();
jsres_name = new Array();

function initialize() {
    geocoder = new GClientGeocoder();
    gDir = new GDirections();
    GEvent.addListener(gDir, "load", function() {
        var drivingDistanceMiles = gDir.getDistance().meters / 1609.344;
        var drivingDistanceKilometers = gDir.getDistance().meters / 1000;
        if (drivingDistanceKilometers < 50){
            // function to save search result within 50km into database using ajax
            saveSearchResult(jsres_id[arraynu],jsres_name[arraynu],drivingDistanceKilometers);
        }
    });
} …
Run Code Online (Sandbox Code Playgroud)

javascript ajax distance google-maps-api-2

6
推荐指数
1
解决办法
577
查看次数

JQuery 验证不检查所有引导选项卡

我正在使用 JQuery 验证扩展和引导选项卡,我面临的问题是 JQuery 验证未正确验证所有选项卡,它仅验证当前打开的选项卡!

如果有人可以帮助我或至少给出有关如何验证所有选项卡并在出现错误时跳转到不同选项卡的提示,我将非常感激。这样用户将轻松识别其他尚未打开的选项卡中的必填字段!

我不想放弃 Bootstrap 选项卡,它们非常漂亮且易于使用,否则我将在 1 页中排列所有 80 个控件,这不太好:(

    <form id="form1" runat="server">
            <ul class="nav nav-tabs">
                <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
                <li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
                <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
            </ul>

            <div class="tab-content">
                <div id="home" class="tab-pane fade in active">
                    <div class="form-group col-md-6">
                        <asp:TextBox ID="myFirstName" class="form-control" placeholder="FirstName" runat="server"></asp:TextBox>
                    </div>
                    <div class="form-group col-md-6">
                        <asp:TextBox ID="myLastName" class="form-control" placeholder="LastName" runat="server"></asp:TextBox>
                    </div>
                </div>
                <div id="menu1" class="tab-pane fade">
                    <div class="form-group col-md-6">
                        <asp:TextBox ID="myEmail" class="form-control" placeholder="Email" runat="server"></asp:TextBox>
                    </div>
                    <div class="form-group col-md-6">
                        <asp:TextBox ID="myMobile" class="form-control" placeholder="Mobile" runat="server"></asp:TextBox> …
Run Code Online (Sandbox Code Playgroud)

validation jquery twitter-bootstrap-3

3
推荐指数
1
解决办法
1860
查看次数