将imagemapster脚本中的数据保存到mysql数据库

时间:2016-07-11 09:28:02

标签: javascript php jquery mysql imagemapster

所以,我的问题如下:我制作了牙齿图像的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;
    }

1 个答案:

答案 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具有图像映射的选定区域的值。