JavaScript — сохранить данные из сценария imagemapster в MySQL базы данных

Question

JavaScript — сохранить данные из сценария imagemapster в MySQL базы данных

Итак, моя проблема заключается в следующем: я сделал карту изображений с изображением зубов, и я хочу выбрать более одного зуба и несколько мостов между зубами и нажать кнопку, выполнить некоторые проверки и, если все хорошо, сохранить выбранные зубы и мосты в базе данных 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: function(data)
{
var test = image.mapster('get');
document.cookie = "cookie_with_info = " + test_var;
}

0

imagemapster javascript jquery mysql php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

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

0