Morfeey

$(document).on("mouseenter", ".item_icon", function () {
   $(this).fadeIn(300);
});
$(document).on("mouseleave", "item_icon", function () {
   $(this).fadeOut(300);
});

var filename = "File01; // ковычка не закрыта

Попробуй лучше sessionStorage.

Вы отправляете данные методом POST, значит им и принимайте. В глобальной переменной $_POST ищите.

Попробуй ajax (jquery).

<select>
    <option> <a href='http://url-first.domen'> URL first</a> </option>
    <option> <a href='http://url-second.domen'> URL second</a> </option>
</select>

Но лучше почитай про бутстрап.

Попробуй bootstrap.

Можно попробовать сокеты (если например хотите видеть другие движущиеся объекты в реалтайме), плюс хитрые события реализовать. Если объект планируется всего один, то конечно проще ajax и обновление например когда объект остановился или перезагрузка страницы.

А лучше используй курлы.
например вот так:

function post($url, $data) {
    $ch = curl_init($url);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    $response = curl_exec($ch);
    curl_close($ch);
    return $response;
}
$data = [
"json_string" = '{"key":"value"}';
];

post("my-second.domen/api.php", $data);

А на другой стороне уже обрабатывай как обычный $_POST["json_string"].

Можешь почитать про REST API, думаю и в дальнейшем так же пригодится.