шахматный tooltip через javacript нужна помощь в алгоритме

Sergic, 449 просмотров

нужно сделать яваскриптовые подсказки в форме шахматки как на картинке
http://img545.imageshack.us/img545/1083/imggg.png
то есть.
5 или белее элементов в определенной дивке они одной формы и размеров, выстроены через float left
как вывести тултип возле выбранной картинки, чтоб тот закрыл рядом стоящие квадраты и учитывая что он не может выскочить за пределы дивки(где есть квадраты) - верх низ лево право.
подскажите, пожалуйста, алгоритм … как и что построить.
спасибо.

Примечание:
спасибо за отличную подсказку...
вопрос. мб это y = Matt.floar(hn/index) поменять на вот это y = Matt.floar(index/wn) и мы получим индекс по вертикали?

Ответы:

AlexSol

1 узнать сколько квадратов в строке : wn = math.floor(ширина контейнера/ширина квадрата)
2 сколько квадратов в высоту :hn = math.floor(высота контейнера/высота квадрата)
3 узнать индекс квадрата, для которого выводить подсказку : $('div').click(function(){index = $(контейнер).index(this)})
4 узнать по горизонтали номер квадрата, для которого выводить подсказку : x = index%wn
5 узнать по вертикали номер квадрата, для которого выводить подсказку : y = Matt.floar(hn/index)

14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.