Есть такая система мониторинга
Zabbix. Меня интересуют карты Zabbix. На них отображаются узлы сети. Пример на картинке ниже.
http://javascript.ru/forum/attachmen...achmentid=3399
Узлов на одной карте может быть очень много. Координаты каждого узла на каждой из карт у меня есть. К сайту (веб-интерфейсу Zabbix) доступа нет, только просмотр, редактировать не могу.
Задача: генерировать у себя html-страничку на которой будет веб-интерфейс системы мониторинга с наложенным изображением на определенный (каждый раз разный) узел. Примерно так (желтый кружок):
http://javascript.ru/forum/attachmen...d=148480965 6
Делалось это так:
Код:
|
<html>
<head>
<title>Zabbix</title>
</head>
<body>
<div style="height:100%; position:relative">
<iframe src="http://192.168.1.50/zabbix/maps.php?sysmapid=3" style="width:100%; height:100%; border:0px; position:absolute; " ></iframe>
<img src="krug.gif" style="position:absolute; left: 840; top: 270;"/>
</div>
</body>
</html> |
Но проблема в том, что при скролле вниз желтый кружок остается на месте, не скроллится вместе с фоном (iframe).
http://gifmaker.cc/PlayGIFAnimation....put_yPuGiE.gif
Какие есть способы, чтобы "приклеить" картинку к iframe? Поигрался с position, не помогло.
Не обязательно делать это с помощью iframe, просто других способов не знаю.
Скачивать страничку и редактировать ее не предлагать.