Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> поле в виде не прямоугольника, реакция сложной фигуры на события 
:(
    Опции темы
Astraller
Дата 16.8.2007, 11:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.8.2007
Где: $Украина[Кры м]->Феодосия

Репутация: 2
Всего: 5



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

PS Я не прошу решения на блюдечке - просто подтолкните в нужную сторону. smile 


--------------------
A.S.T.R.A.L.L.E.R.: Artificial Synthetic Technician Responsible for Assassination, Logical Learning and Efficient Repair
PM MAIL WWW ICQ   Вверх
dstorm81
Дата 16.8.2007, 12:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


бездельник
***


Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39



1 рисуем фигуру 6гранник
2 затем нужные места  где будет меняться цвет делаем прозрачными, то есть рисунок у нас уже гиф или пнг
3 вставляем в старницу, и через стили позади 6гранника позиционируем куски другого гифа
4 использую маппинг <map>, описываем нужные территории
5 при наведении на нужную территорию активируем скрипт который заменит нужную картинку позади 6гранница на другую с другим цветом

примерно так


--------------------
на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

PM   Вверх
12345c
Дата 17.8.2007, 13:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Каждый момент будет подсвечен только 1 шестигранник? Тогда просто позади прозрачного дива ставите рисунок шестигранника (или много рисунков, если не 1), а движения отслеживаете по onmousemove на диве. Можно, конечно, отслеживать и через map (не на диве, а на полностью прозрачном гифе), если с математикой неохота возиться.
PM WWW   Вверх
Astraller
Дата 18.8.2007, 13:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.8.2007
Где: $Украина[Кры м]->Феодосия

Репутация: 2
Всего: 5



Вот нечто подобное. Решил по последнему предложенному методу
http://www.museum-of-money.org/tmp/war.html


--------------------
A.S.T.R.A.L.L.E.R.: Artificial Synthetic Technician Responsible for Assassination, Logical Learning and Efficient Repair
PM MAIL WWW ICQ   Вверх
Astraller
Дата 22.8.2007, 10:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.8.2007
Где: $Украина[Кры м]->Феодосия

Репутация: 2
Всего: 5



Продолжая тему. Помогите найти решение проблемы:
http://www.post-coins.com/chat/war.html
Под IE 6/7, FF  все работает прекрасно, а вот под оперой не срабатывает onclick.

Где у меня ошибка?  smile 


--------------------
A.S.T.R.A.L.L.E.R.: Artificial Synthetic Technician Responsible for Assassination, Logical Learning and Efficient Repair
PM MAIL WWW ICQ   Вверх
Ghirik
Дата 23.8.2007, 11:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 919
Регистрация: 26.3.2007

Репутация: 13
Всего: 20



Объект то Опера видит? Проверьте onClick=alert(this.id или просто this).


--------------------
Отдадим всё клиенту, пускай его машина мучается...

PM MAIL   Вверх
Astraller
Дата 23.8.2007, 12:13 (ссылка) |  (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.8.2007
Где: $Украина[Кры м]->Феодосия

Репутация: 2
Всего: 5



Хе в том то все и дело. Онклик не происходит.Только он у меня иначе присваивается:
Код

war.onclick=alert;




--------------------
A.S.T.R.A.L.L.E.R.: Artificial Synthetic Technician Responsible for Assassination, Logical Learning and Efficient Repair
PM MAIL WWW ICQ   Вверх
dstorm81
Дата 23.8.2007, 14:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


бездельник
***


Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39



war.onclick=function(){alert('бу-га-га';

Это сообщение отредактировал(а) dstorm81 - 23.8.2007, 14:28


--------------------
на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

PM   Вверх
ksnk
Дата 23.8.2007, 15:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386



А вот решение для карты Европы... Может так будет лучше? 


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0942 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.