1 Replies - 970 Views - Last Post: 07 March 2013 - 06:18 AM

#1 vindyauwu  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 6
  • Joined: 03-March 13

Map's hotspots area not showing in joomla artcle

Posted 07 March 2013 - 04:29 AM

I m developing a website using joomla.And i created a map using cordinates.When I add that in to a artcle its display with <p> tag and missed the id of the map so,its not displayng in article when i browse it.and wehen I use it in Html page it shows its destinations i marked.This is code used ,





<img src="tiest.png" border="0" alt="" title="Map" usemap="#name"/>
<map name="map" id="name"> 
<area shape="circle" coords="1050,400,10" href="javascript:clicked_on('ALGERIA
')";/>
 
<area shape="circle" coords="1082,510,10" href="javascript:clicked_on('ANGOLA
')"; alt="" />
 
<area shape="circle" coords="872,555,25" href="javascript:clicked_on('ARGENTINA
')"; alt="" />

<area shape="circle" coords="1360,550,60" href="javascript:clicked_on('AUSTRALIA
')"; alt="" />

<area shape="circle" coords="911,495,30" href="javascript:clicked_on('BRAZIL
')"; alt="" />

<area shape="circle" coords="748,327,10" href="javascript:clicked_on('CANADA
')"; alt="" />

<area shape="circle" coords="1292,385,30" href="javascript:clicked_on('CHINA
')"; alt="" />

<area shape="circle" coords="1077,352,5" href="javascript:clicked_on('CZECH REPUBLIC
')"; alt="" />

<area shape="circle" coords="1066,348,5" href="javascript:clicked_on('DEUTSCHLAND
')"; alt="" />

<area shape="circle" coords="840,483,10" href="javascript:clicked_on('ECUADOR
')"; alt="" />

<area shape="circle" coords="1044,354,10" href="javascript:clicked_on('FRANCE
')"; alt="" />

<area shape="circle" coords="1059,358,5" href="javascript:clicked_on('GERMANY
')"; alt="" />

<area shape="circle" coords="1323,422,10" href="javascript:clicked_on('HONG KONG
')"; alt="" />

<area shape="circle" coords="1075,351,10" href="javascript:clicked_on('HUNGARY
')"; alt="" />

<area shape="circle" coords="1232,419,10" href="javascript:clicked_on('INDIA
')"; alt="" />

<area shape="circle" coords="1322,471,10" href="javascript:clicked_on('INDONESIA
')"; alt="" />

<area shape="circle" coords="1175,394,10" href="javascript:clicked_on('IRAN
')"; alt="" />

<area shape="circle" coords="1128,395,10" href="javascript:clicked_on('ISRAEL

')"; alt="" />

<area shape="circle" coords="1068,368,10" href="javascript:clicked_on('ITALY

')"; alt="" />

<area shape="circle" coords="1388,382,10" href="javascript:clicked_on('JAPAN

')"; alt="" />

<area shape="circle" coords="1089,340,10" href="javascript:clicked_on('LITHUANIA

')"; alt="" />

<area shape="circle" coords="1296,463,10" href="javascript:clicked_on('MALAYSIA

')"; alt="" />

<area shape="circle" coords="1214,487,10" href="javascript:clicked_on('MALDIVES

')"; alt="" />


<area shape="circle" coords="1426,578,10" href="javascript:clicked_on('NEW ZEALAND

')"; alt="" />

<area shape="circle" coords="1204,407,10" href="javascript:clicked_on('PAKISTAN

')"; alt="" />

<area shape="circle" coords="1351,445,10" href="javascript:clicked_on('PHILIPPINES

')"; alt="" />

<area shape="circle" coords="1066,345,10" href="javascript:clicked_on('POLAND

')"; alt="" />

<area shape="circle" coords="1018,379,10" href="javascript:clicked_on('PRUTUGAL

')"; alt="" />

<area shape="circle" coords="1102,372,10" href="javascript:clicked_on('ROMANIA

')"; alt="" />

<area shape="circle" coords="1152,417,10" href="javascript:clicked_on('SAUDI ARABIEN

')"; alt="" />

<area shape="circle" coords="1071,354,10" href="javascript:clicked_on('SAUDI ARABIEN

')"; alt="" />


<area shape="circle" coords="1059,360,10" href="javascript:clicked_on('SCHWEIZ

')"; alt="" />


<area shape="circle" coords="1289,481,10" href="javascript:clicked_on('SINGAPORE

')"; alt="" />

<area shape="circle" coords="1100,554,10" href="javascript:clicked_on('SOUTH  AEFRICA

')"; alt="" />

<area shape="circle" coords="1035,374,10" href="javascript:clicked_on('SPAIN

')"; alt="" />

<area shape="circle" coords="1078,317,10" href="javascript:clicked_on('SWEDEN

')"; alt="" />


<area shape="circle" coords="1061,358,10" href="javascript:clicked_on('SWITZERLAND

')"; alt="" />

<area shape="circle" coords="1061,358,10" href="javascript:clicked_on('SWITZERLAND

')"; alt="" />

<area shape="circle" coords="1294,471,10" href="javascript:clicked_on('THAILAND

')"; alt="" />

<area shape="circle" coords="1309,447,10" href="javascript:clicked_on('VIETNAM

')"; alt="" />

<area shape="circle" coords="1030,340,10" href="javascript:clicked_on('UNITED KINGDOM

')"; alt="" />

<area shape="circle" coords="771,371,10" href="javascript:clicked_on('USA

')"; alt="" />
 </map>








When I copy and pasete this in joomla artcle and it missing some tags i added,

its not getting : usemap="#name",I guess this is the problem map not shows its hotspot areas..Is there any solution for this?And i need to remove that p tag..even i remove it automaticaly adding..

<p><img src="images/map/map3.jpg" border="0" alt="" title="Map" /> <map id="name" name="map"> 
<area shape="circle" coords="1050,400,10" href="javascript:clicked_on('ALGERIA
')" />
 
<area shape="circle" coords="1082,510,10" href="javascript:clicked_on('ANGOLA
')" alt="" />
 
<area shape="circle" coords="872,555,25" href="javascript:clicked_on('ARGENTINA
')" alt="" />
 
<area shape="circle" coords="1360,550,60" href="javascript:clicked_on('AUSTRALIA
')" alt="" />
 
<area shape="circle" coords="911,495,30" href="javascript:clicked_on('BRAZIL
')" alt="" />
 
<area shape="circle" coords="748,327,10" href="javascript:clicked_on('CANADA
')" alt="" />
 
<area shape="circle" coords="1292,385,30" href="javascript:clicked_on('CHINA
')" alt="" />
 
<area shape="circle" coords="1077,352,5" href="javascript:clicked_on('CZECH REPUBLIC
')" alt="" />
 
<area shape="circle" coords="1066,348,5" href="javascript:clicked_on('DEUTSCHLAND
')" alt="" />
 
<area shape="circle" coords="840,483,10" href="javascript:clicked_on('ECUADOR
')" alt="" />
 
<area shape="circle" coords="1044,354,10" href="javascript:clicked_on('FRANCE
')" alt="" />
 
<area shape="circle" coords="1059,358,5" href="javascript:clicked_on('GERMANY
')" alt="" />
 
<area shape="circle" coords="1323,422,10" href="javascript:clicked_on('HONG KONG
')" alt="" />
 
<area shape="circle" coords="1075,351,10" href="javascript:clicked_on('HUNGARY
')" alt="" />
 
<area shape="circle" coords="1232,419,10" href="javascript:clicked_on('INDIA
')" alt="" />
 
<area shape="circle" coords="1322,471,10" href="javascript:clicked_on('INDONESIA
')" alt="" />
 
<area shape="circle" coords="1175,394,10" href="javascript:clicked_on('IRAN
')" alt="" />
 
<area shape="circle" coords="1128,395,10" href="javascript:clicked_on('ISRAEL

')" alt="" />
 
<area shape="circle" coords="1068,368,10" href="javascript:clicked_on('ITALY

')" alt="" />
 
<area shape="circle" coords="1388,382,10" href="javascript:clicked_on('JAPAN

')" alt="" />
 
<area shape="circle" coords="1089,340,10" href="javascript:clicked_on('LITHUANIA

')" alt="" />
 
<area shape="circle" coords="1296,463,10" href="javascript:clicked_on('MALAYSIA

')" alt="" />
 
<area shape="circle" coords="1214,487,10" href="javascript:clicked_on('MALDIVES

')" alt="" />
 
<area shape="circle" coords="1426,578,10" href="javascript:clicked_on('NEW ZEALAND

')" alt="" />
 
<area shape="circle" coords="1204,407,10" href="javascript:clicked_on('PAKISTAN

')" alt="" />
 
<area shape="circle" coords="1351,445,10" href="javascript:clicked_on('PHILIPPINES

')" alt="" />
 
<area shape="circle" coords="1066,345,10" href="javascript:clicked_on('POLAND

')" alt="" />
 
<area shape="circle" coords="1018,379,10" href="javascript:clicked_on('PRUTUGAL

')" alt="" />
 
<area shape="circle" coords="1102,372,10" href="javascript:clicked_on('ROMANIA

')" alt="" />
 
<area shape="circle" coords="1152,417,10" href="javascript:clicked_on('SAUDI ARABIEN

')" alt="" />
 
<area shape="circle" coords="1071,354,10" href="javascript:clicked_on('SAUDI ARABIEN

')" alt="" />
 
<area shape="circle" coords="1059,360,10" href="javascript:clicked_on('SCHWEIZ

')" alt="" />
 
<area shape="circle" coords="1289,481,10" href="javascript:clicked_on('SINGAPORE

')" alt="" />
 
<area shape="circle" coords="1100,554,10" href="javascript:clicked_on('SOUTH  AEFRICA

')" alt="" />
 
<area shape="circle" coords="1035,374,10" href="javascript:clicked_on('SPAIN

')" alt="" />
 
<area shape="circle" coords="1078,317,10" href="javascript:clicked_on('SWEDEN

')" alt="" />
 
<area shape="circle" coords="1061,358,10" href="javascript:clicked_on('SWITZERLAND

')" alt="" />
 
<area shape="circle" coords="1061,358,10" href="javascript:clicked_on('SWITZERLAND

')" alt="" />
 
<area shape="circle" coords="1294,471,10" href="javascript:clicked_on('THAILAND

')" alt="" />
 
<area shape="circle" coords="1309,447,10" href="javascript:clicked_on('VIETNAM

')" alt="" />
 
<area shape="circle" coords="1030,340,10" href="javascript:clicked_on('UNITED KINGDOM

')" alt="" />
 
<area shape="circle" coords="771,371,10" href="javascript:clicked_on('USA

')" alt="" />
 </map></p>




Is This A Good Question/Topic? 0
  • +

Replies To: Map's hotspots area not showing in joomla artcle

#2 andrewsw  Icon User is online

  • Fire giant boob nipple gun!
  • member icon

Reputation: 2877
  • View blog
  • Posts: 9,548
  • Joined: 12-December 12

Re: Map's hotspots area not showing in joomla artcle

Posted 07 March 2013 - 06:18 AM

Use the same word for both the name and id of the map then, as per your first code, the img has
usemap="#idorname"
.

But I don't use joomla so can't advise you regarding that.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1