Jump to content

Riddik

Neophyte
  • Posts

    1
  • Joined

  • Last visited

Everything posted by Riddik

  1. Привет! Я начинающий в веб-программировании, пытаюсь реализовать задачу, когда на карте есть несколько точек, при наведении курсора мыши на эти "точки", всплывает окошко с изображением и подписью. И всё это ещё надо вставить в качестве модуля для joomla. Но всё по порядку. Я опишу как я собираюсь её решить, и большая просьба - сказать, верно ли я всё понял и делаю? Для начала я собираюсь расставить объекты (точки) на карте. Для этого есть пустой контейнер div, у которого в качестве фонового изображения выступает карта. В его стиле я задал ему размер, равный размеру изображения карты, и указал в качестве background саму карту. Далее я планирую с помощью JavaScript создать требуемое число div, которые будут "точками" на карте и расставить их. Они будут дочерними для "карты". Чтобы можно было расставлять их в системе координат родителя, я задал им свойства position: absolute, в то время как у карты-родителя свойство position: relative; пока создаю одну "точку": window.onload = function(){ var map = document.getElementById("map"); for(var i = 0; i < 1; ++i) //18 { var img = document.createElement("div"); img.id = "building"; img.style.left = "100px"; img.style.top = "200px"; map.appendChild(img); }}пока одну, потому что ещё не придумал, где и как буду хранить/загружать координаты. Возможно прямо в скрипте опишу. Но смысл в том, что создаются div'ы, у которых в стиле css #building указан background и размер. И присваивая нужные значения в img.style.left и img.style.top я расставлю их в нужные позиции на карте. Затем я напишу ф-ию, которая будет вызываться, когда на наш точку-div наводится курсор мыши. И буду "всплывать" окно. До окна пока не добрался. Скажите, пожалуйста, верно ли так делать? Или я уже не по верному пути пошёл? Нужно будет потом встроить это в качестве модуля джумлы. Как писать каркас модуля на php для джумлы и вставлять модуль на сайт - разобрался.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy