RU

HTML-тэги map и area

electrolux #1207 15.08.2014 05:21 5 comments 22778 views

Соответственно попытался использовать эти теги для разметки картинки-карты, чтобы при нажатии на отдельные регионы осуществлялся переход по локациям. Вот код:
*pl ‘<map id=“CityMap” name=“CityMap”>
<area shape=“rect” coords=“0,0,100,100” href=“exec:gt ‘‘Flat’’” alt=“Моя квартира”>
<area shape=“rect” coords=“100,100,200,200” href=“exec:gt ‘‘Shop’’” alt=“Магазин”>
</map>
<img src=“img/CityMap.jpg” width=“1024” height=“768” usemap=“#CityMap”>’
Создается разметка с двумя прямоугольными областями и кодом перехода. В итоге картинка появляется но переход не осуществляется. Пробовал картинку просто в <a> обернуть - та же песня - картинка есть ссылки нет. Вопрос - можно ли такое провернуть? или qsp не поддерживает эти теги?

Список поддерживаемых классическим плеером тегов

Но в данном случае какой-то странный баг - Map не работает из-за форматирования кода.
Следующий вариант работает, но перед картинкой будет перенос строки:

*pl '<map id="CityMap" name="CityMap"><area shape="rect" coords="0,0,100,100" href="exec:gt ''Flat''" alt="Моя квартира"><area shape="rect" coords="100,100,200,200" href="exec:gt ''Shop''" alt="Магазин"></map> 
    <img src="img/CityMap.jpg" width="1024" height="768" usemap="#CityMap">'

Любые переносы строк отображаются на экране. В предыдущем примере перед тегом img будет перенос строки.
Способ нормально форматировать код, но выводить в одну строку:

*pl '<map id="CityMap" name="CityMap">'+ _ 
        '<area shape="rect" coords="0,0,100,100" href="exec:gt ''Flat''" alt="Моя квартира">'+ _
        '<area shape="rect" coords="100,100,200,200" href="exec:gt ''Shop''" alt="Магазин">'+ _
    '</map>'+ _
    '<img src="img/CityMap.jpg" width="1024" height="768" usemap="#CityMap">'

P.S. Возможно стоит посмотреть в сторону разработки игры на Quest Navigator вместо классического плеера.

Рекомендую не на Навигатор смотреть, а делать первую игру без всяких интерактивных карт.

newsash:

Список поддерживаемых классическим плеером тегов

Но в данном случае какой-то странный баг - Map не работает из-за форматирования кода.
Следующий вариант работает, но перед картинкой будет перенос строки:

*pl '<map id="CityMap" name="CityMap"><area shape="rect" coords="0,0,100,100" href="exec:gt ''Flat''" alt="Моя квартира"><area shape="rect" coords="100,100,200,200" href="exec:gt ''Shop''" alt="Магазин"></map> 
    <img src="/img/CityMap.jpg" width="1024" height="768" usemap="#CityMap">'

Любые переносы строк отображаются на экране. В предыдущем примере перед тегом img будет перенос строки.
Способ нормально форматировать код, но выводить в одну строку:

*pl '<map id="CityMap" name="CityMap">'+ _ 
        '<area shape="rect" coords="0,0,100,100" href="exec:gt ''Flat''" alt="Моя квартира">'+ _
        '<area shape="rect" coords="100,100,200,200" href="exec:gt ''Shop''" alt="Магазин">'+ _
    '</map>'+ _
    '<img src="/img/CityMap.jpg" width="1024" height="768" usemap="#CityMap">'

P.S. Возможно стоит посмотреть в сторону разработки игры на Quest Navigator вместо классического плеера.

Огромное спасибо! Это то что нужно, с мелочами разберусь. Я программист привыкший к профессиональным средам разработки, и расчитывать на наличие багов во фреймворке не приходилось :)

Nex:

Рекомендую не на Навигатор смотреть, а делать первую игру без всяких интерактивных карт.

То есть по вашему из-за ошибки во фреймворке, нужно остановить разработку приложения? ;)

electrolux:

То есть по вашему из-за ошибки во фреймворке, нужно остановить разработку приложения?

Виноват не фреймфорк, а плеер. И речь идёт не про остановку разработки, а про перенос на бета-версию нового плеера, который отличается полной поддержкой HTML, CSS и Javascript, и запланированной кроссплатформенностью.

UPD>Прошу прощения, показалось, что это был ответ на моё предложение посмотреть на Навигатор.

electrolux,
я просто предложил для начала сделать игру попроще. Начинать с непосильно сложных задач - известная грабля новичков.

Что касается классического плеера, то в нём действительно HTML-рендер со множеством косяков.

Log in or Register to post comments.