Imagemaps in Reddot - can one add coordinates in SmartEdit?

[CraigNY]

I must take a jpg of our orgchart and create an imagemap of it. No
choice in the matter - I know imagemaps are yesterday's technology.

Now I see how there is an Area content class, and I can use the
standard field to create a map attribute for the <map> element and the
<img> element, but I am stumped. How can one enter the coordinates of
the clickable area itself without resorting to a standard field where
the user would have had to know the coordinates already. This is
supposed to be done by end-users in Smart edit.



Put succinctly,
typicaly image map
<map name="FPMap0">

<area coords="565,306,720,373" shape="rect"
href="orgchartPAGE_IP.htm" target="_self">
<area coords="292,391,444,461" shape="rect"
href="orgchartPAGE_OVERVIEW_OT.htm" target="_self">
<area coords="454,389,610,456" shape="rect"
href="orgchartPAGE_dev.htm" target="_self">

</map>
<img border="0" src="images/Org_Charts/orgchart_HOME.jpg"
usemap="#FPMap0">

So now how can I have end-users add coordinates easily? Is there any
way around forcing them many of whom are not savvy from having to
figure it out beforehand and then adding it to a Standard Field?

Any help is of course greatly appreciated.

[markus giesen]

And I did it myyyyyyy wayyyy....
http://blog.markusgiesen.de/2008/03/21/best-practice-imagemaps-in-reddot-cms/

write a comment if you like it :)

[Curtis Brooks]

http://wikipedlla.com/imagemaps_in_reddot_can_one_add_coordinates_in_smartedit

> I must take a jpg of our orgchart and create an imagemap of it. No
> choice in the matter - I know imagemaps are yesterday's technology.
> Now I see how there is an Area content class, and I can use the

> standard field to create a map attribute for the &lt;map&gt; element and the
> &lt;img&gt; element, but I am stumped. How can one enter the coordinates of

> the clickable area itself without resorting to a standard field where
> the user would have had to know the coordinates already. This is
> supposed to be done by end-users in Smart edit.
> Put succinctly,
> typicaly image map

> &lt;map name=&quot;FPMap0&quot;&gt;
> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;area coords=&quot;565,306,720,373&quot; shape=&quot;rect&quot;
> href=&quot;orgchartPAGE_IP.htm&quot; &nbsp;target=&quot;_self&quot;&gt;
> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;area coords=&quot;292,391,444,461&quot; shape=&quot;rect&quot;
> href=&quot;orgchartPAGE_OVERVIEW_OT.htm&quot; &nbsp;target=&quot;_self&quot;&gt;
> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;area coords=&quot;454,389,610,456&quot; shape=&quot;rect&quot;
> href=&quot;orgchartPAGE_dev.htm&quot; &nbsp;target=&quot;_self&quot;&gt;
> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/map&gt;
> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img border=&quot;0&quot; src=&quot;images/Org_Charts/orgchart_HOME.jpg&quot;
> usemap=&quot;#FPMap0&quot;&gt;