.toCenter {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

вам нужна кнопка которая будет делать запрос, прост.

html
<button onclick="doRequest()">кнопка</button>

js / jQuery

function doRequest(){
$.post('myPhpFile.php', {
   action: 'doFunctionOnServer'
}, function(data){
 });
}

myPhpFile.php

if($_POST['action'] && $_POST['action'] === 'doFunctionOnServer'){

     $sql = "INSERT INTO test(id1, date)
     VALUES ('$id1','$date')";

}

хотя лучше спросить у профессионалов, я всего лишь грузчик.

Зря вы так о книгах.

palmistry.hol.es —

Меры по оптимизации после копирования из файла сделаного в редакторе "incskape" и сохраненного как hand.svg

- влепил на страницу весь код, скопированный из файла SVG,
- немного почистил от мусора, который остается после редактора
- подписал элементы своими классами
- на сколько мог - вынес стили в CSS файл, чтоб ещё больше освободить пространство

SVG готов к работе. Есть селекторы которые можно использовать для управления через jQuery практически как и любыми другими тегами на странице.

Это без обсуждения серверной стороны. Вполне достаточно, чтоб удобно работать.