다른 웹 사이트에 웹 사이트의 일부를 포함하십시오.

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

난 당신이 자바 스크립트 부분

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

onclick="toggleUnits('KMS');" 

onclick="toggleUnits('MILES');" 

이 누락 있다고 생각됩니다 모두 자바 스크립트 재미 있습니다 ction 호출하지만, 게시 한 것은 HTML 부분 일뿐입니다. 게시 한 웹 페이지를 신속하게 검토 적어도 다음 JS 파일이 누락되었다고 생각합니다. (http://www.freemaptools.com/script/how-far-is-it-between.js

난 당신이없는 경우는 웹 페이지를 만드는 처음이기 때문에, 될 수 있다고 생각하지만 은, HTML은 레이아웃과 자바 스크립트는 HTML을 "dynamize"할 수 있습니다 글쎄, 난 많은 사람들이 동의하지 않겠지 만 그와 같은 것이라고 생각합니다.)

나는 JavaScript 튜토리얼을 보길 권한다. 지금 당장은 좋은 것을 기억하지 못하지만, 당신이 구글이라면 거기에 좋은 튜토리얼이 많이있다.

희망 당신은 당신의 페이지에서 다른 페이지를 포함하는 을 사용할 수 있습니다

Answer 2

당신은 시도 할 수 있습니다 "iframe이"또는 JQuery와 "로드"기능 : 여기에 지금까지

코드있어거야. 여기

몇 가지 예제이 도움이

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

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

희망 ....