Solved

FP98: onmouseover and Webbot for imagemaps

Posted on 1999-01-12
4
308 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
Envision that you are chipping away at another e-business site with a team of pundit developers and designers. Everything seems, by all accounts, to be going easily.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

863 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now