Image Maps & Paths

[Chae]

Hi Yah,

Just wondering if anyone has come across this problem with the LITE version. The problem happens in both IE & Firefox...

We create the site for a customer & 9 times out of ten we keep it simple with a basic header image using an image map for any internal links. Now the problem is every time the customer edit the page snippetmaster seems to kill all the links on the image maps. When we open the page up after editing, the image map code is still there except for the fact all the co-ordinates seem to go missing.

We've also tried creating absolute paths to the internal links & then tried relative links...and as I said everytime the customer edits the page or we do, save the page & the image map dies.

Any suggestions or pointers in the right direction would be great.

Thanks in advance

Chae

[Jenkinhill]

Two things come to mind. Ensure that the map code is valid XHTML 1.0 - and preferably strict rather than transitional. A check list for client side mapping in XHTML is here.

Secondly, why is the client editing header/menu areas? Sounds like they are doung a full page edit. I suggest you put the snippet tags around the actual content they should be editing, and assign them to a group which does not have the ability (permissions) to edit the whole page.

[Chae]

Hi Yah,

Firstly the client isn't changing the header area, they can't. Secondly the pages were designed using XHTML 1.0 Transitional, so we'll change those to see if it makes any difference, pages were initially designed in CS3, then uploaded to server for customer to change only the body text nothing else.

The image map code when designed is this...

<map name="Map">
  <area shape="rect" coords="6,13,72,33" href="../index.html" title="Back Home...">
  <area shape="rect" coords="5,37,100,59" href="../about_us.html" title="About Us...">
  <area shape="rect" coords="7,62,154,85" href="../rooms_rates.html" title="Rooms &amp; Rates...">
  <area shape="rect" coords="8,91,123,107" href="../whats_new.html" title="Whats New...">
  <area shape="rect" coords="8,112,117,133" href="../contact.html" title="Contact Us...">
</map>

After the customer edits a page (body text area only) then code on the page changes the image map to this...

<map name="Map">

<area href="index.html" />

<area href="about_us.html" />

<area href="rooms_rates.html" />

<area href="whats_new.html" />

<area href="contact.html" />

</map>

Totally confused as to why it would do this. The customer uses the WYSIWYG editor not the HTML part

Regards

Chae

[Jenkinhill]

Since my earlier reply I popped over to the Moxiecode forum, where the developers of the tinyMCE editor used in SnippetMaster are found, and a bit of investigation turns up reports of just what you describe - but only in IE, while you report it also in Firefox.

If you are going to include the map code within the editable snippet (and I would exclude it, as there is nothing for the client to edit) then you may need to try adding the map elements you need to be ignored into the  Extended Valid Elements field on the SnippetMaster Admin/General tab. You could try:

map[name],area[shape|coords|href]

[Chae]

I'd already come across their post & had previously told customer to use Firefox.

Anyway's looks like I have the problem solved, but will know for sure once customer starts editing again. It was actually something extremely simple...

The initial problems he was getting was the IE issue, the 2nd problem was the image map part. This is how I resolved it (fingers crossed)

In the General/Admin settings where it states "Editor Link Type" I changed the default setting to "Absolute http://"

That was it.