將javascript輸出重定向到HTML

我有一個javascript函數，它計算'我的位置'和另一個座標從數據庫中提取的位置之間的距離。現在，我使用php從數據庫提取數據並將數據顯示在HTML表格中。我也使用php調用javascript。該函數執行得很好，我得到了預期的結果。但是，我現在想要將該函數的輸出重定向到HTML表格中。將javascript輸出重定向到HTML

這裏是我的代碼：

<script> 
var latLngA; 
function getLocation(coordinates,call_number) { 
    //alert("Entering with coordinates " + coordinates + " and call number " + call_number); 
    navigator.geolocation.getCurrentPosition(
     function(position) { 
      if(call_number == 0){ 
       latLngA = new google.maps.LatLng(position.coords.latitude,position.coords.longitude); 
      } 
      var latlong = coordinates.split(","); 
      var latLngB = new google.maps.LatLng(parseFloat(latlong[0]), parseFloat(latlong[1])); 
      var distance = google.maps.geometry.spherical.computeDistanceBetween(latLngA, latLngB); 
      var table = document.getElementById('venue_list'); 
      var tbody = table.getElementsByTagName('tbody')[0]; 
      var rows = tbody.getElementsByTagName('tr'); 
      rows[i].getElementsByTagName('td')[2].innerHTML = distance/1000; 
     }, 
     function() { 
      alert("Geo-location not supported!"); 
     } 
    ); 
} 
</script> 
<?php 
$i = 0; 
$result = mysqli_query($con,$query); 
while($row = mysqli_fetch_array($result)) 
        { 
         $name = $row['NAME']; 
         $img = $row['IMAGE_SRC']; 
         $addr = $row['ADDRESS']; 
         $location = $row['LOCATION']; 
         $coordinates = $row['COORDINATES']; 

         echo "<script type='text/javascript'>map_function('{$addr}','{$name}','{$img}','{$i}');</script>"; 
        ?> 
         <tr> 
          <td> 
            <img src="<?php echo $img.".jpg"?>" height="100" width="100"> 
          </td> 
          <td> 
            <?php echo $name?> 
          </td> 
          <td> 
            <?php echo "<script type='text/javascript'>getLocation('{$coordinates}','{$i}');</script>";?> 
          </td> 
          <td style="display:none;"> 
            <?php echo $location?> 
          </td> 
         </tr>      
        <?php 
         $i=$i+1; 
        } 
       ?>

venue_list是在其中顯示的數據表的ID。雖然函數執行得很好，但我無法獲得相應表格行中的輸出。等待一個解決方案。謝謝。

來源

2014-03-12 Jones

rows [i]東西似乎不正確。嘗試給予td的不同ID，如果你使用循環來反正它們。使訪問它們變得更容易。

來源

2014-03-12 17:05:21 ravi

將javascript輸出重定向到HTML

回答

相關問題