Question

您好我正在尝试使用/添加我在此网站http://www.freemaptools.com/how-far-is-it-between.htm上找到的免费地图工具到我当前的网站，这些网站是我们工作人员常用的工具列表，我打算嵌入它，但它似乎没有那种功能，我问你们，如果你能给我一个替代我想做的任务。在做这个“工具箱”时，我也愿意制作自己的地图工具来衡量国家之间的距离。如果你能善意指导我。谢谢。这是我到目前为止所得到的

代码：

<form name="inp">
<table align="center" width="95%" border="0">
<tbody><tr>
    <td width="30"></td>
    <td align="right">City, Country</td>
    <td></td>
    <td>City, Country</td>
    <td width="30"></td>
</tr>

<tr>
<td width="30"></td>
 <td width="269" align="right">From 
<input name="pointa" type="text" value="" size="22" onkeypress="autocompletea(this.value, event)"></td>
<td width="34"><div align="center">to</div></td>
<td width="271"><input name="pointb" type="text" value="" size="22" onkeypress="autocompleteb(this.value, event)"> <input name="show" type="button" value="Show" onclick="findaandb(document.forms['inp']['pointa'].value,document.forms['inp']['pointb'].value);">
  <label></label></td>
<td width="30"></td>
</tr>
<tr>
<td colspan="2">
<div id="autocompletediva" class="autocomp" style="display: block; visibility: hidden; height: 0px; width: 0px;"></div>
</td>
<td></td>
<td colspan="2">
<div id="autocompletedivb" class="autocomp" style="display: block; visibility: hidden; height: 0px; width: 0px;"></div></td>
</tr>
<tr>
<td colspan="5"><div id="msg" class="msg">&nbsp;</div></td>
</tr>

<tr>
<td colspan="5" align="center"> Measure in :
<input name="dist" type="radio" onclick="toggleUnits('MILES');" checked="CHECKED">
<font face="verdana, geneva, helvetica" size="2">miles<input type="radio" name="dist" onclick="toggleUnits('KMS');">
 km</font>
</td>
</tr>

<tr><td colspan="5" align="center"><strong>Distance as the Crow Flies </strong> :
      <input style="display: inline;" id="distance" type="text" size="10" value="0.000" readonly="true"> 
      <img src="" alt="As the crow Flies"> </td>
</tr>
<tr>
<td colspan="5" align="center"><strong>Distance by Land Transport</strong> :
      <input style="display: inline;" id="transport" type="text" size="10" value="0.000" readonly="true">
      <img src="" alt="Land Transport"> 
</td>
</tr>
</tbody></table>
</form>

Answer 1

我认为你错过了javascript部分

onkeypress="autocompletea(this.value, event)"

onclick="toggleUnits('KMS');"

onclick="toggleUnits('MILES');"

这些都是javascript函数调用，但你发布的只是HTML部分。快速查看您发布的网页我认为至少您缺少以下JS文件。 http://www.freemaptools.com/script/how-far-is-it-between.js

虽然我认为如果你错过了这个，可能是因为这是你第一次创建网页，HTML只是布局而JavaScript可以让你“动态化”HTML（好吧，我想很多会不同意，但它有点）。

我建议你看一下JavaScript教程，我现在不记得任何好处，但是如果你谷歌的话，你会发现很多很好的教程。

希望帮助

Answer 2

您可以尝试“Iframe”或Jquery“加载”功能。

以下是一些例子

http://www.w3schools.com/jquery/jquery_ajax_load.asp

http://www.w3schools.com/tags/tag_iframe.asp

希望这会有所帮助......

将网站的一部分嵌入另一个网站

2 个答案: