imagemapster 스크립트의 데이터를 mysql db에 저장

Question

내 문제는 다음과 같습니다. 나는 이빨 이미지의 imagemapster 맵을 만들었고, 하나 이상의 치아를 선택하고 치아 사이의 다리를 몇 개 선택하고 싶습니다. 버튼, 몇 가지 확인을하고, 모든 좋은, mysql 데이터베이스에 선택한 이빨과 교량을 저장하십시오. 것은, 나는 그것을하는 방법을 모르겠다.이 새로운 메신저, 그리고 난 단지 bit of php and html ... 가장 쉬운 방법은 무엇입니까? 나는 AJAX에 관해 읽었지 만 그것을하는 법을 배우기에는 너무 복잡해 보였다. 숨겨진 양식에 대해서도 읽어 보셨습니까? 아마 뭔가 잘못했다, 그것을 시도했지만 작동하지 않았다 .. 이 내가 지금 가지고있는 간단한 mapster 스크립트입니다 ..

<script> 
    $(document).ready(
     function() 
     { 
      $('#img').mapster(
      { 
       mapKey: 'tooth', 
       fillColor: '118f3b', 
       fillOpacity: 0.5, 
       render_highlight: 
       { 
        fillColor: '78e99d', 
        fillOpacity: 0.5 
       }, 
      }); 
     } 
    ); 
    </script> 

편집 : 지금이 시도하고,이 종류의 일 .. 그것은 보인다 현재 클릭 한지도 doesnt 카운트, 오직 두 번째 클릭에 저장된 첫 번째입니다 .. 예를 들어 1과 2를 클릭하지만, 1이 표시됩니다 .. 나는 3과 1을 클릭하고 2가 표시됩니다 ..이 문제는 여기처럼 : ImageMapster (JavaScript)- "onClick" function wont work properly

onClick: function(data) 
    { 
     var test = image.mapster('get'); 
     document.cookie = "cookie_with_info = " + test_var; 
    } 

Answer 1

나는 마침내 어쩌면 그것은 최선의 해결책 아니다 .. 내 문제를 해결하기 위해 관리하지만, 일하고있어! 그래서,이를보고 난 후에 :

<script> 
var image = $('#teeth_map'); 

$(document).ready(function() 
{ 
     image.mapster(
     { 
      mapKey: 'tooth', 
      fillColor: '118f3b', 
      fillOpacity: 0.5, 
      render_highlight: 
      { 
       fillColor: '78e99d', 
       fillOpacity: 0.5 
      }, 
     }); 

     function showTeeth(){ 
      $("#send_button").bind("click", function (e) 
      { 
       e.preventDefault(); 
       var test = image.mapster("get"); 
       document.cookie = "teeth_cookie = " + test; 
      }); 
     } 

     showTeeth(); 
}); 
</script> 

은 ('#의 teeth_map')가

$입니다 : http://www.outsharked.com/ImageMapster/examples/usa.html 내가 선택한 영역을 표시에 대한 아래 부분을보고 코드를 확인하고이 답변에 도착,이 내 기본 스크립트입니다 지도, 내 이미지, $ ("# send_button")의 ID는 지금은 보내기/저장 버튼의 ID입니다,이 스크립트는 방금 쿠키에 클릭 영역을 저장, 지금은 그것을 읽을 수있는 몇 가지 PHP가 필요합니다 :

<?php 
if(isset($_COOKIE['teeth_cookie'])) 
{ 
    $cookie = $_COOKIE['teeth_cookie']; 
    echo "The selected areas are: " . $cookie; 
} 
else 
    echo "Text to show that there are no cookies!"; 
?> 

이제이 모든 것이 이제는 매우 간단 해 보이지만 me) 변수 $ cookie는 이미지 맵의 선택된 영역의 값을가집니다 ..