所以,我的问题如下:我制作了牙齿图像的imagemapster地图,我想选择多个牙齿,牙齿之间的桥梁,点击按钮,做一些验证,如果全部好的,保存在mysql数据库中选择的牙齿和桥梁.. 问题是,我不知道该怎么做。我是新手,我只知道一些php和html ...最简单/最简单的方法是什么?我读到了关于AJAX的内容,但是要学习如何去做它似乎太复杂了。还读一下隐藏的表格?尝试过,但没有工作,可能做错了什么.. 这是我现在拥有的简单的mapter脚本..
<script>
$(document).ready(
function ()
{
$('#img').mapster(
{
mapKey: 'tooth',
fillColor: '118f3b',
fillOpacity: 0.5,
render_highlight:
{
fillColor: '78e99d',
fillOpacity: 0.5
},
});
}
);
</script>
编辑:我现在尝试了这个,它有点工作..似乎当前点击的地图不算,只有第二次点击是第一个保存..例如我点击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;
}
答案 0 :(得分: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, 现在,这个脚本只是将点击的区域保存到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具有图像映射的选定区域的值。