UseMapデータをフォームに挿入する

Question

私はチュートリアルを見つけようとしているか、誰かが私を正しい方向に向けることができます。私は小学校のイントラネットサイトをやっていて、ログインしていますが、私は画像の上にusemapを使用しています。その画像に数字があります。

イメージをクリックすると、テキストボックスに値が挿入されます。

Answer 1

function setValue(value) { 
 
    document.getElementById('textbox').value = value; 
 
}

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> 
 

 
<map name="planetmap"> 
 
    <area shape="rect" coords="0,0,82,126" href="javascript:setValue('Sun')" alt="Sun"> 
 
    <area shape="circle" coords="90,58,3" href="javascript:setValue('Mercury')" alt="Mercury"> 
 
    <area shape="circle" coords="124,58,8" href="javascript:setValue('Venus')" alt="Venus"> 
 
</map> 
 

 
<input type="text" id="textbox" />