Próbuję wziąć dane z mojego pliku JavaScript i umieścić go w nowe wiersze i kolumny w moim pliku HTML. Myślę, że problem może zrobić z moim skryptem zamykającym się przed stołem w moim pliku HTML. Obecnie mam stół w moim pliku HTML, który wygląda tak:

<div id="map" style="width: 700px; height: 700px"></div>
            <script src="js/mapping.js"></script>


            <div id="tablebody">
            <p>
                <b>List of Nearby Locations</b>
            </p>
                <table class="table table-stripped">
                    <tbody>
                        <tr>
                            <th>Name</th>
                            <th>Address</th>
                        </tr>
                        <tr>
                            <td>John Smith</td>
                            <td>1500 Pennsylvania Ave</td>
                        </tr>
                    </tbody>
                </table>
            </div>

I kod JS, który wygląda tak:

service = new google.maps.places.PlacesService(map);
    service.nearbySearch(request, callback);


    function callback(results, status) {
        if (status == google.maps.places.PlacesServiceStatus.OK) {

            for (var i = 0; i < results.length; i++) {
                createMarker(results[i]);
                alert("name: " + results[i].name + ", Address:" + results[i].vicinity);
                $('#tablebody tr:last').after('<tr>"Name: " + results[i].name + ", Address: " + results[i].vicinity</tr>');
            }
        }
    }
0
user3076590 8 grudzień 2013, 01:22

2 odpowiedzi

Najlepsza odpowiedź

Brakuje komórek stołowych w wierszu tabeli i zakładam, że chcesz połączyć nazwę i okolice do kodu, nie tylko pokazując kod JavaScript w tabeli:

$('#tablebody tr:last').after('<tr><td>Name: ' + results[i].name + ', Address: ' + results[i].vicinity + '</td></tr>');

A może z dwiema komórkami w rzędzie:

$('#tablebody tr:last').after('<tr><td>' + results[i].name + '</td><td>' + results[i].vicinity + '</td></tr>');
1
Guffa 7 grudzień 2013, 21:29

Wypróbuj to dla oparty na JavaScript:

  tableObject.insertRow(index)

Lub jQuery.

 $('#tablebody').append('<tr>"Name: " + results[i].name + ", Address: " + results[i].vicinity</tr>');
1
Casey 7 grudzień 2013, 21:26