Solved

FP98: onmouseover and Webbot for imagemaps

Posted on 1999-01-12
4
311 Views
Last Modified: 2013-12-25
I've got a homepage were I need Imagemaps, but at the same picture I want to change the picture when the mouse is over the picture. Is there another Webbot in FP98 or have I to use the 'OnMouseover' and 'onMouseout' commands?

here's the actual code:
<!--webbot bot="ImageMap" default="shop/"
        rectangle="(0,0) (115, 14)  shop/aktion.htm"
        rectangle="(0,15) (115, 29)  shop/beliebt.htm"
        rectangle="(0,30) (115, 44)  shop/trend.htm" src="../Images/buttons/shop.GIF"
        alt="shop_a.GIF (542 bytes)" border="0" name="shop" width="114" height="75" -->

during the Mouse is over the Picture it should change to shop_a.gif.

Can anybody help me?
0
Comment
Question by:zulliger
  • 2
  • 2
4 Comments
 
LVL 5

Accepted Solution

by:
Christian_Wenz earned 50 total points
ID: 1857903
hello, unfortunately FP98 (even 98b) deletes the onmouseover/onmouseout parameters of an imagemap, so your only chance is to save the page in Frontpage, manually edit the imagepam (<MAP>.....</MAP>) and set the onmouse* parameters to something like this:

onmouseover="changeimage(this.name, 'new.gif')"
onmouseout="changeimage(this.name, 'new2.gif')"

function changeimage(a, b){
  if (document.images) eval("document."+a+".src="+b)
}

However, it's impossible to change parts of the map, so you either need to exchange the whole (imagemap) image - or use many small pictures instead, no map (then you can open the page in Frontpage again, otherwise you won't be able to do that)
0
 

Author Comment

by:zulliger
ID: 1857904
thank you for your answer:
I've some problems to understand your answer (I can't speak English very well). But there are technical problems too.
My problem is: after I generated with MapEdit an imagemap Frontpage always changes the <map> .. </map> params to ......<!--webbot...... so I never see the <map> params in FP98 (only in Homesite or something else). I think I can't change fp98 so it doesn't convert it to a webbot (is that true?).
But where have I to insert the onMouseover condition?? (in webbot?)

Thank you!!!
0
 
LVL 5

Expert Comment

by:Christian_Wenz
ID: 1857905
you have to insert the onMouseover in another editor, as Frontpage will always destroy this. So after saving the file using frontpage, open it in any other editor (homesite, even Window's NOTEPAD will do fine) and add the ONMOUSEOVER="....." and ONMOUSEOUT="....." stuff in the <AREA> tags of the <MAP>, ignoring the webbot stuff (which is in comments <!--webbot .... --> anyway).
However I suggest that you split up your image map into single images so that you don't need a map anymore; then Frontpage will not destroy all of it.
If you are not comfortable with (my) English, is there any other language we could solve this problem?
0
 

Author Comment

by:zulliger
ID: 1857906
so each time i change the Page, i have to edit my Hoempage in the Editor or another Tool?
The Page I talk of you can watch here:
http://www.merkofer-rauch.ch/shop/
when I split my picture it doesn't works I think, because there are more than one link.
please look at:
http://www.merkofer-rauch.ch/shop/images/buttons/shop_a.gif

b.t.w. I speak only a Bit English and German and SwissGerman

Tank you
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
This video teaches users how to migrate an existing Wordpress website to a new domain.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question