Сохраните данные из сценария imagemapster в MySQL DB

Question

Итак, моя проблема заключается в следующем: я сделал карту изображений с изображением зубов, и я хочу выбрать более одного зуба и несколько мостов между зубами и нажать кнопку, выполнить некоторые проверки и, если все хорошо, сохранить выбранные зубы и мосты в базе данных mysql.. Дело в том, что я не знаю, как это сделать.. Я новичок в этом, и я знаю только немного php и html... Что самое простое / простое способ сделать это? Я читал об AJAX, но мне показалось слишком сложным, чтобы научиться это делать. Также читал о скрытых формах? Пробовал, но не сработало, вероятно, сделал что-то не так.. Это простой скрипт для картстера, который у меня сейчас

    <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" не будет работать должным образом

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

Answer 1

Мне наконец удалось решить мою проблему.. Возможно, это не лучшее решение, но оно работает! Итак, увидев это: 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>

$ ('# tooth_map') - это карта, которую я сделал из своего изображения, $("#send_button") - это идентификатор кнопки отправки / сохранения, теперь этот скрипт просто сохранил выделенные области в 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 имеет значения выбранных областей карты изображения.