PDA

View Full Version : Using Map tags



joshuab86
11 Sep 2010, 4:29 PM
Ok, So this is all very hackish I know, but I don't really know what I'm doing. Just stumbling blind.

Essentially what I'm trying to do it take an image, make a map with links to other images. I can do this is pure HTML, but havn't been able to get it working in Sencha (among other environments).

This is an exerpt of my code. Please let me know how to fix this or if there is a better way to do it. (p.s. I don't actually want tabs, I just don't know how to get rid of them)


demos.iP4Case = new Ext.TabPanel({
items: [{
id: 'iP4Case.Home',
cls: 'card card',
title: 'iPhone 4 Case Program',
html: '<img src="./resources/tda/pb/home.jpg" width="320" border="0" usemap="#map"><map name="map"><area shape="circle" coords="32,30,15" href="#Card1"><area shape="circle" coords="191,386,39" href="#iP4Case.P1"><area shape="circle" coords="252,316,37" href="#iP4Case.P1"></map>'},
{
id: 'iP4Case.P1',
cls: 'card Card1',
title: 'iPhone 4 Case Program',
html: 'Herrow 2?'}]

-JABrown

evant
11 Sep 2010, 7:44 PM
That's a little bit vague, but I assume you want a panel with a card layout, instead of a tabpanel.

Then, give the areas ids and bind events:



Ext.get('area1').on('click', function(){
demos.iP4Case.setCard(1);
});