2016-07-11 5 views
0

だから、私の問題は、以下である:私は歯の画像のimagemapsterマップを作った、と私は、複数の歯を選択したい、と歯の間にいくつかの橋、をクリックしますボタンには、いくつかの検証を行い、すべての良い場合には、これまでImは新しい..私はそれを行う方法がわからない... 事がある、mysqlデータベースに選ばれた歯とブリッジを保存し、私は知っていますPHPとHTMLのビット...これを行うのが最も簡単で簡単な方法は何ですか?私はAJAXについて読んだけど、それをやる方法を学ぶにはあまりにも複雑に思えた..隠されたフォームについて読む? EDIT保存データ

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

。これは私が今持っているシンプルなmapsterスクリプトです ...何か間違ったことをしただろう、それを試みたが、うまくいきませんでした:..私は今、これを試みたが、それは一種の勤務に思えます現在のクリックされたマップのdoesntのカウントは、唯一の第二のクリックに例えばここに、この問題のように..私は3と1と2が示されているクリック..私は1と2をクリックして、しかし、唯一の1が示されます。..保存された最初のものです: ImageMapster (JavaScript)- "onClick" function wont work properly

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

答えて

0

私は最後に...多分それが最善の解決策ではないのですが、それは働いている私の問題を解決するために管理!だから、この見た後: http://www.outsharked.com/ImageMapster/examples/usa.html を私は選択した領域を示す程度ダウン部分を見て、コードをチェックして、この答えになった、これは私の基本的なスクリプトです:

<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」)されます私は私のイメージで作られたマップは、 $(「#のsend_button」)は、送信/今ボタン、 を救うの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!"; 
?> 

この後、これは非常に単純なようですが、私)、変数$クッキーは、イメージマップの選択領域の値を持っている..