所以,我的问题如下:我制作了 dentry 图像的 imagemapster map ,我想选择多于一颗 dentry ,以及 dentry 之间的一些牙桥,然后单击一个按钮,进行一些验证,如果全部好的,将选择的 dentry 和牙桥保存在 mysql 数据库中.. 问题是,我不知道该怎么做。我对此很陌生,我只知道一点 php 和 html...执行此操作最简单/最简单的方法是什么?我读过有关 AJAX 的内容,但学习如何操作它似乎太复杂了。还读过有关隐藏表单的内容?试过了,但是没用,可能是哪里做错了。 这是我现在拥有的简单的mapster脚本..
<script>
$(document).ready(
function ()
{
$('#img').mapster(
{
mapKey: 'tooth',
fillColor: '118f3b',
fillOpacity: 0.5,
render_highlight:
{
fillColor: '78e99d',
fillOpacity: 0.5
},
});
}
);
</script>
编辑:我现在尝试了这个,它有点工作。似乎当前单击的 map 不算数,只有第二次单击时才保存第一个 map 。例如,我单击 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;
}
最佳答案
我终于成功解决了我的问题..也许这不是最好的解决方案,但它有效!所以,看到这个之后: 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') 是我根据图像制作的 map , $("#send_button") 是发送/保存按钮的 id, 现在,这个脚本只是将点击的区域保存到 cookie 中,现在我需要一些 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!";
?>
现在,在这一切之后,现在看起来非常简单,但很难获得(对我来说),变量 $cookie 具有图像映射的选定区域的值..
关于javascript - 将 imagemapster 脚本中的数据保存到 mysql 数据库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38303479/