поле в виде не прямоугольника

 
0
 
JavaScript
ava
Astraller | 16.08.2007, 12:12
Надо создать структуру сот. Т.е. шестигранники составленные в шахматном порядке. Причём чтобы каждый из них в отдельности менял цвет по Onmouseover. Думал делать множеством gif изображений составленный в нужном порядке. Но так будут глюки, потому что изображение только оптически шестигранное. В действительности это обычный прямоугольник и будет он реагировать даже своими прозрачными частями. Вот собственно вопрос. Как организовать такую структуру?

PS Я не прошу решения на блюдечке - просто подтолкните в нужную сторону. smile
Comments (8)
ava
dstorm81 | 16.08.2007, 12:28 #
1 рисуем фигуру 6гранник
2 затем нужные места где будет меняться цвет делаем прозрачными, то есть рисунок у нас уже гиф или пнг
3 вставляем в старницу, и через стили позади 6гранника позиционируем куски другого гифа
4 использую маппинг <map>, описываем нужные территории
5 при наведении на нужную территорию активируем скрипт который заменит нужную картинку позади 6гранница на другую с другим цветом

примерно так
ava
12345c | 17.08.2007, 13:07 #
Каждый момент будет подсвечен только 1 шестигранник? Тогда просто позади прозрачного дива ставите рисунок шестигранника (или много рисунков, если не 1), а движения отслеживаете по onmousemove на диве. Можно, конечно, отслеживать и через map (не на диве, а на полностью прозрачном гифе), если с математикой неохота возиться.
ava
Astraller | 18.08.2007, 13:26 #
Вот нечто подобное. Решил по последнему предложенному методу
http://www.museum-of-money.org/tmp/war.html
ava
Astraller | 22.08.2007, 10:18 #
Продолжая тему. Помогите найти решение проблемы:
http://www.post-coins.com/chat/war.html
Под IE 6/7, FF все работает прекрасно, а вот под оперой не срабатывает onclick.

Где у меня ошибка? smile
ava
Ghirik | 23.08.2007, 11:13 #
Объект то Опера видит? Проверьте onClick=alert(this.id или просто this).
ava
Astraller | 23.08.2007, 12:13 #
Хе в том то все и дело. Онклик не происходит.Только он у меня иначе присваивается:

war.onclick=alert;

ava
dstorm81 | 23.08.2007, 14:27 #
war.onclick=function(){alert('бу-га-га';
ava
ksnk | 23.08.2007, 15:39 #
А вот решение для карты Европы... Может так будет лучше?
Please register or login to write.
Firm of day
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Contributors
advanced
Submit