Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations John Tel on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

hotspot link won't goto where I set it up to link to

Status
Not open for further replies.

DrAsh

Technical User
May 3, 2001
46
US
This is my page where the hot map was created using frontpage 98.



if you move your mouse over the map, is says
I'n ot sure what that refers too. Also, when you click the link, it takes you to an repeated address.



and that is not where the movie is stored. Can anyone help me please.
I can submit the code if anyone requests it.

drash



DrAsh
 
In your code you specify the following:

<MAP NAME=&quot;FrontPageMap&quot;><AREA SHAPE=&quot;POLYGON&quot; COORDS=&quot;66, 2, 151, 3, 151, 72, 215, 71, 215, 102, 150, 101, 150, 119, 69, 118, 69, 101, 1, 102, 1, 75, 66, 75&quot; HREF=&quot;(66,-3)%20Rhttp:/ href=&quot;../_vti_bin/shtml.exe/_education/videomenu.htm/map&quot;><img src=&quot;../images/Vsafetybutton.gif&quot; alt=&quot;Vsafetybutton.gif (3181 bytes)&quot; border=&quot;0&quot; width=&quot;221&quot; height=&quot;124&quot; ismap usemap=&quot;#FrontPageMap&quot;></a><!--webbot bot=&quot;ImageMap&quot; endspan i-checksum=&quot;48156&quot; --></p>

Anyone clicking on the map will be taken to the link stored in the HREF parameter. That is what is happening to you. You need to change this to the correct URL Mise Le Meas,

Mighty :)
 
I appreciate your quick repsonse but I'm not sure how you were able to get that particular source code because this is my html code and HREf appears to be normal in my limited expereicne.

<html>

<head>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<title>videos</title>
<meta name=&quot;GENERATOR&quot; content=&quot;Microsoft FrontPage 3.0&quot;>
</head>

<body bgcolor=&quot;#56C5D8&quot;>

<p><font face=&quot;System&quot;>Below are all the videos for you to choose from.&nbsp; Just makes
some popcorn, pull up a chair, and relax.&nbsp; But be sure to pay attention because you
will have to pass a short quiz after each completed video.&nbsp; The quiz must be
submitted to HHCR-MCC in order to obtain credit for completing the individual video.&nbsp;
</font></p>

<p><font face=&quot;Arial&quot; size=&quot;2&quot; color=&quot;#964B4B&quot;><em>You must have Windows Multimedia Player
to View these videos.&nbsp; If you do not, click here</em></font>.&nbsp;
<applet code=&quot;fphover.class&quot; codebase=&quot;../_fpclass/&quot; width=&quot;120&quot; height=&quot;24&quot;>
<param name=&quot;text&quot; value=&quot;Windows Media&quot;>
<param name=&quot;color&quot; value=&quot;#000080&quot;>
<param name=&quot;hovercolor&quot; value=&quot;#0000FF&quot;>
<param name=&quot;textcolor&quot; value=&quot;#FFFFFF&quot;>
<param name=&quot;effect&quot; value=&quot;glow&quot;>
<param name=&quot;url&quot; value=&quot;Download%20Windows%20Media%20Player.htm&quot; valuetype=&quot;ref&quot;>
<param name=&quot;font&quot; value=&quot;Helvetica&quot;>
<param name=&quot;fontstyle&quot; value=&quot;regular&quot;>
<param name=&quot;fontsize&quot; value=&quot;14&quot;>
</applet>
&nbsp; </p>

<p>&nbsp;</p>

<p align=&quot;center&quot;><!--webbot bot=&quot;ImageMap&quot;
polygon=&quot;(66,2) (151,3) (151,72) (215,71) (215,102) (150,101) (150,119) (69,118) (69,101) (1,102) (1,75) (66,75) (66,-3) Rhttp:/src=&quot;../images/Vsafetybutton.gif&quot; alt=&quot;Vsafetybutton.gif (3181 bytes)&quot; border=&quot;0&quot;
width=&quot;221&quot; height=&quot;124&quot; --></p>
</body>
</html>

see what you can do with this. Thanx.

DrAsh
 
DrAsh,

Are you sure that you have the same version uploaded to the server. This is the code that I got by viewing the source on the link that you provide. I have highlighted the code that I referenced in the first post.

<html>

<head>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<title>videos</title>
<meta name=&quot;GENERATOR&quot; content=&quot;Microsoft FrontPage 3.0&quot;>
</head>

<body bgcolor=&quot;#56C5D8&quot;>

<p><font face=&quot;System&quot;>Below are all the videos for you to choose from.  Just makes
some popcorn, pull up a chair, and relax.  But be sure to pay attention because you
will have to pass a short quiz after each completed video.  The quiz must be
submitted to HHCR-MCC in order to obtain credit for completing the individual video. 
</font></p>

<p><font face=&quot;Arial&quot; size=&quot;2&quot; color=&quot;#964B4B&quot;><em>You must have Windows Multimedia Player
to View these videos.  If you do not, click here</em></font>. 
<applet code=&quot;fphover.class&quot; codebase=&quot;../_fpclass/&quot; width=&quot;120&quot; height=&quot;24&quot;>
<param name=&quot;text&quot; value=&quot;Windows Media&quot;>
<param name=&quot;color&quot; value=&quot;#000080&quot;>
<param name=&quot;hovercolor&quot; value=&quot;#0000FF&quot;>
<param name=&quot;textcolor&quot; value=&quot;#FFFFFF&quot;>
<param name=&quot;effect&quot; value=&quot;glow&quot;>
<param name=&quot;url&quot; value=&quot;Download%20Windows%20Media%20Player.htm&quot; valuetype=&quot;ref&quot;>
<param name=&quot;font&quot; value=&quot;Helvetica&quot;>
<param name=&quot;fontstyle&quot; value=&quot;regular&quot;>
<param name=&quot;fontsize&quot; value=&quot;14&quot;>
</applet>
  </p>

<p> </p>

<p align=&quot;center&quot;><!--webbot bot=&quot;ImageMap&quot;
polygon=&quot;(66,2) (151,3) (151,72) (215,71) (215,102) (150,101) (150,119) (69,118) (69,101) (1,102) (1,75) (66,75) (66,-3) Rhttp:/src=&quot;../images/Vsafetybutton.gif&quot; alt=&quot;Vsafetybutton.gif (3181 bytes)&quot; border=&quot;0&quot;
width=&quot;221&quot; height=&quot;124&quot; startspan --><MAP NAME=&quot;FrontPageMap&quot;><AREA SHAPE=&quot;POLYGON&quot; COORDS=&quot;66, 2, 151, 3, 151, 72, 215, 71, 215, 102, 150, 101, 150, 119, 69, 118, 69, 101, 1, 102, 1, 75, 66, 75&quot; HREF=&quot;(66,-3)%20Rhttp:/www.hhcr.com/_education/videos/homehealthsafety.wmv&quot;></MAP><a href=&quot;../_vti_bin/shtml.exe/_education/videomenu.htm/map&quot;><img src=&quot;../images/Vsafetybutton.gif&quot; alt=&quot;Vsafetybutton.gif (3181 bytes)&quot; border=&quot;0&quot; width=&quot;221&quot; height=&quot;124&quot; ismap usemap=&quot;#FrontPageMap&quot;></a><!--webbot bot=&quot;ImageMap&quot; endspan i-checksum=&quot;48156&quot; --></p>
</body>
</html>
Mise Le Meas,

Mighty :)
 
That isn't the code that shows up when you view source on your page, Mighty's code is. Where are you getting that source code from? Also why use an image map? (just out of interest)
 
I highlighted the part of the code that I think is causing the problem...

<MAP NAME=&quot;FrontPageMap&quot;><AREA SHAPE=&quot;POLYGON&quot; COORDS=&quot;66, 2, 151, 3, 151, 72, 215, 71, 215, 102, 150, 101, 150, 119, 69, 118, 69, 101, 1, 102, 1, 75, 66, 75&quot; HREF=&quot;(66,-3)%20Rhttp:/www.hhcr.com/_education/videos/homehealthsafety.wmv&quot;></MAP>[red]<a href=&quot;../_vti_bin/shtml.exe/_education/videomenu.htm/map&quot;>[/red]<img src=&quot;../images/Vsafetybutton.gif&quot; alt=&quot;Vsafetybutton.gif (3181 bytes)&quot; border=&quot;0&quot; width=&quot;221&quot; height=&quot;124&quot; ismap usemap=&quot;#FrontPageMap&quot;></a><!--webbot bot=&quot;ImageMap&quot; endspan i-checksum=&quot;48156&quot; --></p>

 
Well I'm new to webpage building so I used an image map to learn from. I created a gif button but it had a background and Ididn't want the entire image to be a link. So I jsut used a polygonal to hotspot the area of the image I wanted as a link.

In terms of what you guys see on view source, I aggree. When I check the page out, I also get the same thing as you. BUT when I cut an pasted it into frontpage editor to replace the old code, and previewed it, and then went back to hte code, it changed it to hte original code you see posted above by me. I don't understand why the 2 would be differnt.

I too belie that the problem lies in the vti- line. But I don'tk now what hat menas either. Man, is this is touger than i thought. Being a physician feels a lot easier. DrAsh
 
DrAsh,

If I was you, I'd get rid of the image map altogether. If the image has parts that you don't want to use then open it in PSP or something similar and edit the image. Then all you will need is:

<a href=&quot;where_you_want_to_go.htm&quot;><IMG SRC=&quot;yourImage.jpg&quot;></a>

Well, you can make it more complicated if you want but that is all you really need. Mise Le Meas,

Mighty :)
 
If you're looking for a quick fix, try editing the part I highlighted above to point to the location of your movie...

But I would strongly recommend taking Mighty's advice in the long run, it's easier and cleaner.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top