HTML Imagemap As 양식 제출

Question

현재 온라인으로 호스팅되는 mysql 데이터베이스에 대한 간단한 PHP 프런트 엔드를 만들려고합니다.

내가 진행하고있는 프로젝트는 사무실 건물의 책상을 그리드 레이아웃으로 가져 와서 이미지 맵으로 변환합니다. 여기에서 클릭 한 시트에 따라 MySQL 데이터베이스에서 정보를 가져 와서 양식 필드를 채우고 필요한 경우 편집 할 수 있습니다.

나는 그 기능과 아래의 몇 가지 파일이 있습니다

locator.php을 - 좌석 번호 변수가

형태에서 오는 될 위치를 이미지 맵을 보유하고 인 '홈페이지'. php - locator.php에서 전달 된 시트 번호에 따라 데이터가 채워지는 양식입니다 (지금은 나중에 완료 할 계획 인 기본 HTML 양식입니다)

정규 양식으로 만들었지 만, 분명히 imagemap은 일을 좀 더 까다롭게 만듭니다. onClick() 이벤트를 만들려고했는데 클릭 한 시트 번호를 자바 스크립트 함수로 전달했지만 거기에서 그 변수로 다음 페이지를 계속 진행하는 방법을 알 수 없습니다.

필자는 코드에 부분적으로 만 구현 된 아이디어가 몇 개 있으며 벽에 부딪쳤다. 어떤 아이디어라도 크게 감사 할 것입니다.

locator.php :

<img src="map.jpg" usemap="#disp_map"> 
<form name="formmap" action="form.html" method="post"> 
    <map name="disp_map"> 
     <area name="area_159" shape="rect" coords="11,261,58,308" href='#' onClick="submitform(159)" alt="#159"> 
     <area name="area_160" shape="rect" coords="11,311,58,358" href='#' onClick="submitform(160)" alt="#160"> 
    </map> 
</form> 

<br> 
<hr> 

<?php 
$dbhost = "<<removedforprivacy>>"; 
$dbname = "<<removedforprivacy>>"; 
$dbuser = "<<removedforprivacy>>"; 
$dbpass = "<<removedforprivacy>>"; 

try{ 
    $conn = mysql_connect($dbhost,$dbuser,$dbpass); 
    $db = mysql_select_db($dbname, $conn); 
    echo '<img src="check.jpg" alt="Database Connection Made">' . 'Connection to the server was successfully made.<br>'; 
}catch(Exception $e){ 
    echo 'Exception!: ' . $e->getMessage() . '<br>'; 
} 
?> 

<script language="javascript" type="text/javascript"> 
function submitform(jack) { 
    window.alert("Data will be displayed for jack #"+ jack +"."); 
    document.formmap.submit(); 
} 
</script> 

Answer 1

다음 조각을 고려

<form name="formmap" action="form.html" method="POST"> 
    <input type='hidden' id='seatNumber'/> 
</form> 

function submitform(jack) { 
    window.alert("Data will be displayed for jack #"+ jack +"."); 
    document.getElementById('seatNumber').value = jack; 
    document.formmap.submit(); 
}