OK, I used a picture from the forum, having the same image, and replaced the HTML IMG to suit, and still no change, oh well, at-least I tried.
Suppose, this Coffeecup one is not the right one for the job,
pity, it was a great user friendly program to use.
DAVE I
Guest
21 posts
Brian Durfee
Senior Advisor
1,096 posts
Dave,
Adding code to an image map is not quite so hard. Here's how.
When you generate the imagemap code it will produce code that looks something like this:
Put the map in your code wherever you would like. I like to put all my maps at the bottom of the code just above the close body tag. Here's the map part from the example above.
After that, all you need to do is tell the image which map to use. You do it by adding the variable "usemap" to the image tag. It looks like this:
By the way, you should never use spaces in your image names. If you need spaces, use dashes or underscores. To use your image above, it would look like this:
Since you are trying to post in a forum, it might not let you have access to the image code, so I don't know how you would add the usemap to the img src. That's something you would need to check on.
Adding code to an image map is not quite so hard. Here's how.
When you generate the imagemap code it will produce code that looks something like this:
<img src="Image001.jpg" USEMAP="#mymap" BORDER="0">
<map name="mymap">
<area name="Great Googley Moogley" shape="rect" coords="57,42,310,190" href="bar.htm" alt="" title="">
<area name="Area 2" shape="rect" coords="430,37,717,155" href="muppets.htm" alt="" title="">
<area shape="default" href="foo.htm" target="Page Default (None)">
</map>
<map name="mymap">
<area name="Great Googley Moogley" shape="rect" coords="57,42,310,190" href="bar.htm" alt="" title="">
<area name="Area 2" shape="rect" coords="430,37,717,155" href="muppets.htm" alt="" title="">
<area shape="default" href="foo.htm" target="Page Default (None)">
</map>
Put the map in your code wherever you would like. I like to put all my maps at the bottom of the code just above the close body tag. Here's the map part from the example above.
<map name="mymap">
<area name="Great Googley Moogley" shape="rect" coords="57,42,310,190" href="bar.htm" alt="" title="">
<area name="Area 2" shape="rect" coords="430,37,717,155" href="muppets.htm" alt="" title="">
<area shape="default" href="foo.htm" target="Page Default (None)">
</map>
<area name="Great Googley Moogley" shape="rect" coords="57,42,310,190" href="bar.htm" alt="" title="">
<area name="Area 2" shape="rect" coords="430,37,717,155" href="muppets.htm" alt="" title="">
<area shape="default" href="foo.htm" target="Page Default (None)">
</map>
After that, all you need to do is tell the image which map to use. You do it by adding the variable "usemap" to the image tag. It looks like this:
<img src="Image001.jpg" USEMAP="#mymap" BORDER="0">
By the way, you should never use spaces in your image names. If you need spaces, use dashes or underscores. To use your image above, it would look like this:
<img src="XU-RAT-Concept.jpg" usemap="#mymap" border="0">
Since you are trying to post in a forum, it might not let you have access to the image code, so I don't know how you would add the usemap to the img src. That's something you would need to check on.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
DAVE I
Guest
21 posts
Great Man Brian,
I will have to check your information out,
and thank-you for replying. Dave I
I will have to check your information out,
and thank-you for replying. Dave I
Brian Durfee
Senior Advisor
1,096 posts
No problem, Dave. I'm looking forward to seeing you here in the forum. Be sure to try to give as much as you get (a.k.a. "Pay it forward"). My guess is that you'll have a hard time giving more than you receive. The participants here on the forums are very helpful.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
DAVE I
Guest
21 posts
All New to me, and Time will tell Brian, thank's.
DAVE I
Guest
21 posts
Hello Brian and Community,
After several Coffeecup's, I have changed the spaces to underscores,
also have put the loaded image in the script and out of the script,
and asked the forum moderator about HTML, and said there are no switches turned off, and to go for it.
Now that all these idea's have been exhausted, and have done more reading about usemap,
still have not seen a preview working.
So a Question now is:-
Should the HTML script be visible in the preview, or does it disappear only when the page is loaded?
Below is the script with just the one area in for ease of view:-
[attachment=43759:XU_RAT_Concept.jpg]
[code=html:0]<html>
<head>
<title>Test Preview Page</title>
<meta name="generator" content="CoffeeCup Image Mapper">
</head>
<body>
<!-- Created by CoffeeCup Image Mapper (www.coffeecup.com) -->
<!-- Beginning of Client Side Image Map -->
<img src="XU_RAT_Concept.jpg" USEMAP="#69_RAT_CONCEPT_BUILD" BORDER=0>
<map name="69_RAT_CONCEPT_BUILD">
<area name="SILL MUFFLERS" shape="poly" coords="576,281,761,233,761,264,577,325,577,278,576,279" href="****removed by admin***" alt="SIDE PIPES" title="SIDE PIPES" OnMouseOver="window.status='Click to see'; return true" OnMouseOut="window.status=''; return true" target="_blank">
</map>
<!-- End of Client Side Image Map -->
</body>
</html>
[/code]
Thank's in advance for any help. Regards Dave I
After several Coffeecup's, I have changed the spaces to underscores,
also have put the loaded image in the script and out of the script,
and asked the forum moderator about HTML, and said there are no switches turned off, and to go for it.
Now that all these idea's have been exhausted, and have done more reading about usemap,
still have not seen a preview working.
So a Question now is:-
Should the HTML script be visible in the preview, or does it disappear only when the page is loaded?
Below is the script with just the one area in for ease of view:-
[attachment=43759:XU_RAT_Concept.jpg]
[code=html:0]<html>
<head>
<title>Test Preview Page</title>
<meta name="generator" content="CoffeeCup Image Mapper">
</head>
<body>
<!-- Created by CoffeeCup Image Mapper (www.coffeecup.com) -->
<!-- Beginning of Client Side Image Map -->
<img src="XU_RAT_Concept.jpg" USEMAP="#69_RAT_CONCEPT_BUILD" BORDER=0>
<map name="69_RAT_CONCEPT_BUILD">
<area name="SILL MUFFLERS" shape="poly" coords="576,281,761,233,761,264,577,325,577,278,576,279" href="****removed by admin***" alt="SIDE PIPES" title="SIDE PIPES" OnMouseOver="window.status='Click to see'; return true" OnMouseOut="window.status=''; return true" target="_blank">
</map>
<!-- End of Client Side Image Map -->
</body>
</html>
[/code]
Thank's in advance for any help. Regards Dave I
SadDuck
Ambassador
2,958 posts
Dave, I don't really code but I thought I'd chime in anyway. Your CODE should not show in the page. Preview or live. Only when you select to 'view' the code. You may be inserting it incorrectly in the forum. You should be inserting an HTML block. Every forum is different. I would check with those that run your forum and/or produced the forum script and see exactly how to insert an HTML block. I'm just not sure if you put it where it says 'CODE' if that is the correct way. I do know a lot of users here use the ImageMap and it seems to work okay. It's just going to be a matter of figuring out how to add it to your particular forum. 
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
-------------------------------------
https://sadduck.com
Brian Durfee
Senior Advisor
1,096 posts
Dave,
Because the forum page already exists, you need to put in ONLY two snippets (below), not the entire code that you show above. Both have to go in as html or they will not work.
Honestly, I've never seen a forum where a person could post a picture with an imagemap. Therefore, how you implement the snippets below will need to be discussed with someone at the forum, most likely an administrator.
For the image itself, this is all you need. It's not just a matter of uploading the image. The usemap variable needs to be in the img tag.
Typically, if you just type the code below in the form where you post, it will treat all of it as text to display. Therefore, you have to include the map information somewhere in the html on the same page. That requires access to the html code of the page, not just a form in which to put in text.
Because the forum page already exists, you need to put in ONLY two snippets (below), not the entire code that you show above. Both have to go in as html or they will not work.
Honestly, I've never seen a forum where a person could post a picture with an imagemap. Therefore, how you implement the snippets below will need to be discussed with someone at the forum, most likely an administrator.
For the image itself, this is all you need. It's not just a matter of uploading the image. The usemap variable needs to be in the img tag.
DAVE I wrote:
<img src="XU_RAT_Concept.jpg" USEMAP="#69_RAT_CONCEPT_BUILD" BORDER=0>
<img src="XU_RAT_Concept.jpg" USEMAP="#69_RAT_CONCEPT_BUILD" BORDER=0>
Typically, if you just type the code below in the form where you post, it will treat all of it as text to display. Therefore, you have to include the map information somewhere in the html on the same page. That requires access to the html code of the page, not just a form in which to put in text.
DAVE I wrote:
<map name="69_RAT_CONCEPT_BUILD">
<area name="SILL MUFFLERS" shape="poly" coords="576,281,761,233,761,264,577,325,577,278,576,279" href="**removed by admin**" alt="SIDE PIPES" title="SIDE PIPES" OnMouseOver="window.status='Click to see'; return true" OnMouseOut="window.status=''; return true" target="_blank">
</map>
<map name="69_RAT_CONCEPT_BUILD">
<area name="SILL MUFFLERS" shape="poly" coords="576,281,761,233,761,264,577,325,577,278,576,279" href="**removed by admin**" alt="SIDE PIPES" title="SIDE PIPES" OnMouseOver="window.status='Click to see'; return true" OnMouseOut="window.status=''; return true" target="_blank">
</map>
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
DAVE I
Guest
21 posts
Great Work Gunsmoke ( hello ) and Brian,
So now after talking to the Forum Moderator, and has since told me to PM the Site Administrator about how to Script the Imagemap,
I then can relay back here the outcome. Regards Dave I
p.s. will be as quick as information comes in in the next week I guess
p.p.s. hopefully we can do this, and will be good for future users
p.p.p.s. I notice we have CODE here in the Edit Box, I wonder if anybody here can put an Imagemap here in post, hmm
So now after talking to the Forum Moderator, and has since told me to PM the Site Administrator about how to Script the Imagemap,
I then can relay back here the outcome. Regards Dave I
p.s. will be as quick as information comes in in the next week I guess
p.p.s. hopefully we can do this, and will be good for future users
p.p.p.s. I notice we have CODE here in the Edit Box, I wonder if anybody here can put an Imagemap here in post, hmm
DAVE I
Guest
21 posts
OK, I had a go at your bit Brian, 
and nothing has happened,
here is the screen print and I have the image in the script,
which is the grey colour script box:-
I did the script with the image out of the script too.
Imagemap, still not working.
and nothing has happened,
here is the screen print and I have the image in the script,
which is the grey colour script box:-
I did the script with the image out of the script too.
Imagemap, still not working.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
