Image Map Linked to Text w/in Same Topic (RoboHelp 10)

I would like to create an image map using certain text that resides in the same topic as the image. I do not want the user to see the text when viewing online; I only want them to see the pop-up when they click on the mapped image. I do, however, want the text to print if the user chooses to do so. I've been playing around with bookmarks and conditional flags but can't seem to get it to function properly. Can what I'm trying to do be done?

I doubt this is achievable, certainly not within the Rh interface. You could link the image to a popup but it would have the content of another topic set up for the purpose. As such it would not be included when you print the topic with the image.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Similar Messages

Image map links not working in all browsers

Hi, I develop HTML marketing emails once a week and my boss
has recently informed me that some, not all, of the image mapping
links do not work in all browsers or emails i.e. MacMail, Opera,
Safari, etc. He's positive there's something in Dreamweaver that
makes the links universally accommodated no matter what email/web
browser you use, but I haven't been able to find a solution as of
yet.
Any help on this would be appreciated, thanks!
:music;

Let's start with the least critical issue. Your boss and his
boss are
simply wrong. An HTML link is just an HTML link, whether
created in DW or
in Notepad.
Now, on to the meat. When you upload this page to the web, do
the links
work? And when you say that they don't work, what do you
mean? Do you mean
that when you click on them, you are not taken to the linked
page? Which
links are not working?
Finally, why do you have your mapped image also within an
anchor tag?
<a href="
http://www.beyondthewall.com/xcart/giftcert.php"><img
src="Slice.jpg" width="263" height="58" border="0"
usemap="#Map" /></a>
Is that the one where the link doesn't work?
Can you post a link to this page on the web, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"blaise napolitan" <[email protected]> wrote
in message
news:[email protected]...
> Thanks for the reply, and that's what I would have
figured but in this
> case the
> entire thing is an image map so there's no absolutely
positioned elements
> that
> would overlay the links. It's just a simple table with
the main picture
> mapped
> out with a few links. I'm assuming it either has to do
a) the image not
> being
> displayed correctly due to a built in email security
feature or b) my boss
> and
> his boss are mistaken (which wouldn't surprise me). I'll
post the code
> just in
> case, thanks for all the help.
>
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> <title>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <table width="767" border="0" align="center"
cellpadding="0"
> cellspacing="0">
> <tr>
> <td><a
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"><i
> mg src="Logo.jpg" width="288" height="58" border="0"
/></a><a
> href="
http://www.beyondthewall.com/xcart/giftcert.php"><img
> src="Slice.jpg"
> width="263" height="58" border="0" usemap="#Map"
/></a><a
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"><i
> mg src="pay.jpg" width="216" height="58" border="0"
/></a></td>
> </tr>
> <tr>
> <td><img src="main.jpg" alt="main" name="main"
width="767"
> height="513"
> border="0" usemap="#mainMap" id="main" /></td>
> </tr>
> <tr>
> <td bgcolor="#FFFFFF"><div
align="center"><a
> href="mailto:[email protected]"
class="style42"
> style="text-decoration:none" border="1">*To
Unsubscribe Click
> Here*</a></div></td>
> </tr>
> <tr>
> <td bgcolor="#7e0997"><div
align="center"><a
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"
> class="style29"
>
style="text-decoration:none">www.beyondthewall.com</a></div></td>
> </tr>
> </table>
>
> <map name="Map" id="Map"><area shape="rect"
coords="78,33,79,34" href="#"
> /></map>
>
> <map name="mainMap" id="mainMap">
> <area shape="poly"
>
coords="10,7,376,16,369,227,211,218,177,92,122,85,12,109,13,118"
> href="
http://www.beyondthewall.com/xcart/posters_prints_novelty_sex.html"
> />
> <area shape="poly"
coords="13,117,121,90,174,99,216,270,9,294"
> href="
http://www.beyondthewall.com/xcart/six-pack-24x36.html"
/>
> <area shape="poly"
coords="219,225,393,251,347,469,174,407"
> href="
http://www.beyondthewall.com/xcart/david-beckham-arm-st4514-24x36.html"
> />
> <area shape="poly"
coords="226,489,14,496,13,303,199,283,168,410"
> href="
http://www.beyondthewall.com/xcart/tension.html"
/>
> <area shape="poly"
coords="394,16,674,16,668,241,387,238"
> href="
http://www.beyondthewall.com/xcart/colin-egglesfield-24x36.html"
/>
> <area shape="poly"
coords="407,251,665,254,661,501,403,492"
> href="
http://www.beyondthewall.com/xcart/daniel-24x36.html"
/>
> <area shape="rect" coords="681,15,761,508"
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"
> />
> </map></body>
> </html>
>
>

Ho do you remove Border on Image Map Links in Safari

Hi,
I am having a problem with Safari 5.1 with an image map. I designed an Image Map for my Website in Fireworks with three hotspots.
When you click on the hotspot in Safari to link to the page a border appears around the hotspot. It doesn't happen in any other browser.
Anyone have an idea how to get around this?
Web address is: http://79.170.44.76/agrisearch-site.org/

Well I found out! Here yer go! Paste the code in bold in the same area as the example and any Dreamweaver CS5.5 Hot Spots you create, this will get rid of the Blue Border when the links are clicked on in Safari. You would think either Apple or Adobe would sort this? Make life alot easier?
<html>
<head>
<title>"Trailer Music"</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
          margin-left: 10px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
*:focus
outline: none;
outline-width: 0;
</style>
</style>
</head>
<body bgcolor="#FFFFFF">

<table id="Table_01" width="742" height="578" border="0" cellpadding="0" cellspacing="0">
          <tr>
                    <td>
                              <img src="http://www.donhughes-music.com/mailtrailers/images/index_01.jpg" alt="image1" width="361" height="298" border="0"></td>
                    <td><img src="http://www.donhughes-music.com/mailtrailers/images/index_02.jpg" alt="dhm link" width="381" height="298" border="0" usemap="#click"></td>
          </tr>
          <tr>
                    <td>
                              <img src="http://www.donhughes-music.com/mailtrailers/images/index_03.jpg" alt="" width="361" height="280" border="0" usemap="#Map"></td>
                    <td><a href="http://trailers.donhughes-music.com"><img src="http://www.donhughes-music.com/mailtrailers/images/index_04.jpg" alt="image4" width="381" height="280" border="0"></a></td>
          </tr>
</table>

<map name="click">
<area shape="rect" coords="51,135,260,185" href="http://trailers.donhughes-music.com" target="_blank" usemap="#click" border="0">
</map>
<map name="Map">
<area shape="rect" coords="12,140,276,198" href="http://www.donhughes-music.com" target="_self" alt="DHM Link">
</map>
</body>
</html>

Image Maps Linked to Files in External Projects

Hi,
I'm trying to insert an image map into project A that links
to a topic in project B. Both projects are merged into the same
parent project. I want the linked topic to appear in a popup
window. I can make this work if the topic to which I'm linking is
within the same project...just not when it's in another project.
Any ideas?
Thanks!
Amy

Hi Amy and welcome to the RH community.
That is the way that image maps work. If you are using an
image map, the linked topic must reside inside the same project.
You could link to an external file by clicking the down arrow to
the left of the "Link To" field and selecting file, but this does
not allow you to display in a popup. Also if you are using CHM
files, the selected file would have to be the CHM which would open
with the default topic. If you were using Webhelp you could select
the individual HTM file.

Problem creating several image maps (linking to different pdf files) RoboHelp 8

Hi,
I have a problem creating several image map hotspots (that link to different .pdf files), from the same image using RoboHelp 8 HTML (WebHelp project).
After compiling, the first image map hotspot created, opens the .pdf file correctly. Unfortunately, when clicking on the other image hotspots, I get an error " Cannot find file...<file path>... Make sure path or Internet address is correct".
All the pdf documents are located in the same folder within the project.
Can anyone help?

Have you added the target files as baggage?
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Image Maps link not working in Acrobat 8 3D PDFs generated from RoboHelp 7

All of my hyperlinks work when I just generated my RoboHelp
project to PDF using RoboHelp 7 with the new Adobe Technical
Communications Suite (with Acrobat 8 3D). However, the links to
topics within the document didn't maintain from the image maps. I
had originally created flowcharts in Microsoft Visio, exported then
as .gifs, and imported them into topics in RoboHelp X5. Then I
created image maps from the boxes to topics in the RoboHelp
project. When I converted my project to RoboHelp 7 and generated
the PDF, all the links work great, except I don't get the
finger-pointing cursor when I hover over the boxes in the
flowcharts like I do with regular hyperlinks. Can someone please
tell me why? Thanks!

Sigh... and this is why no one like to work with newbies...
Thank you for your help. I am embarrased to admit that this was the issue.

Image map + link in background image

Is it possible to put an image map and link to a background
image of a table?

no but you can put a 1px by 1 x blank transparent image over
the background image and add an image map to that

AS3 Image Map Linking Issue - No compiler errors

Hello,
I've made an image map in Flash using AS3, however it does not seem to be working properly.
The links only work in a strange succession. In order to click all the links you must first click the last link followed by the first link, then the second link. After that the image map behaves as it is supposed to. I'm not sure why this is happening.
It complies without error and aside from the little quirk mentioned above, it works beautifully.
I've checked and double checked the AS, even copied and pasted some code from one button to another to see if it would make a difference, but to no avail.
I am using the code listed below:
[quote]
button1.addEventListener(MouseEvent.CLICK, callLink1);
function callLink1 (event: MouseEvent) :void {
     var url:String = ("http://www.google.com");
     var request:URLRequest = new URLRequest (url);
     try
         navigateToURL (request, "_parent");
         catch (e:Error) {
             trace ("Error occurred!");
[/quote]
Any and all help would be much appreciated, thank you!

I'd second Dan's last point, there is really not enough information here to help identify the actual problem.
What I would suggest is that you put everything into one event handler so perhaps that might simplify working on it..something like:
button1.addEventListener(MouseEvent.CLICK, callLink);
button2.addEventListener(MouseEvent.CLICK, callLink);
button3.addEventListener(MouseEvent.CLICK, callLink);
function callLink(event: MouseEvent):void {
    var url:String;
    switch (event.target) {
        case button1 :
            url="http://www.google.com";
            break;
        case button2 :
            url="http://www.yahoo.com";
            break;
        case button3 :
            url="http://forums.adobe.com/thread/417263?tstart=0";
            break;
        default :
            url="http://www.adobe.com";
            break;
    var request:URLRequest = new URLRequest (url);
    try {
        navigateToURL(request, "_parent");
    } catch (e:Error) {
        trace("Error occurred!");
If you have everything set up in one listener function like that it may be easier to debug and maintain.

Can I use an Image Map to link to an SLP

I am working on a project starting with the Desktop Catalog with Homepage layout, and have created 4 additional generic SLPs. I added an image to the homepage slp and would like to use an image map to link to the 4 generic slps that I created. But I get an error when running the site and clicking on any of the image map links. Clicking on the link opens a new window with a "This program cannot display the webpage". At times I have gotten a script error when clicking the link rather than the This program... message, but I cant seem to replicate that at the moment.
I am able to do a simple hyperlink on the image to an slp, but this, of course, only gives me the ability to link to one of my additional pages....
Any ideas?
John

I did finally figure this out... it is possible to map to an slp file from an image map... the trick has to do with how slp files work in RH,and makes sense, sort of, once I got it to work. When you generate html5, htm files are generated fromthe slps.
When you link to an slp file in a regular hyperlink, during the generation of the site, RH translates the slp refernce to the htm file reference that is generated from the slp. But for some reason, i.e., a bug IMHO, with an image map, when you link to an slp file, RH does not convert this slp reference to the .htm reference (as it does with normal, non-image map hyperlinks.
So the way to get this to work, is when you create the image map link, put in the htm file name that will be created during generation.
John

Image Map of JPG not Accessing or Importing Media

I am trying to link WMV file to image maps on a jpg file in a CHM created by RoboHelp 9. It looks like it is working, and if I preview the page, the links work. But when I generate the finished CHM file, the media is not accessable. I went back to the Project Manager and saw that the media was not imported in to the project. I wen to the Windows File Manager and found the media in the right area of the project. I tried importing as Media and as File. I tried as Baggage file as well... selecting the file in the destination listing. Anybody know how to do this?
WIN7 TCS 3.5

Incidently, making drop down jpg files work with an image map requires the same thing, they have to be added as baggage files. This has allowed me to screen grab the software interface I am documenting and then have clickable menu names and buttons that would show a Tier 1 level jpg drop down appear. In Photoshop I looked at the file size and in RoboHelp chose to limit a custom popup size for these jpg files. They actually make the image map look like live software within the help file. I am putting this in as a way for the student or user to be able to learn by doing as to where commands and options are within the software, without having the software. I have just used video demonstrations but that doesn't let the user interact. This interaction could be used for testing or games later on I hope. The software is $28K and requires a USB key to work so mimicing the software was the only option I could think of here.
I would like to add voice over to each of these jpg files but I think I might have to put them into Captivate to incorporate audio that would describe the various functions. Would this be the best or easiest way? I was hoping that you might be able to hyperlink or image map two dissimilar objects at the same time, what with how powerful our computers are nowadays.

Swapping images that have image maps

Using RoboHelp 8, I'm embedding images and adding half a dozen image map shapes with links to distant topics in my help project. Every time I modify an image, it seems I have to swap it out with the image I put in previously (unlike, say, in InDesign, where you can create an automatically updating link to an image). And every time I delete the image, the maps disappear and need to be re-created.
1. Is there a way to link images in RoboHelp to avoid the manual delete and replacement?
2. Is there a way to store image maps so they needn't be re-created every time their underlying image is replaced?
Thanks much.

Rick,
Sorry, some weirdness happened and my last post got posted before I finished.
Here's a more detailed scenario.
I open Microsoft Visio and create SampleImage. I save it as a gif to my RoboDrawings folder. Now, in the RoboDrawings folder, there is an image called SampleImage.gif.
I quit Microsoft Visio.
I open RoboHelp and create a project in which a topic is called SampleTopic.
I insert an image, go to the RoboDrawings folder and select SampleImage.gif.
I create a few image maps linking to various other topics.
I save everything, generate html help and close down RoboHelp.
Now I open Microsoft Visio again, open SampleImage and change it drastically without resizing anything.
I save my Visio drawing under the same name, perform a Save As and go to the RoboDrawings folder to save the image as SampleImage.gif. I get a message warning me a file of the same name exists, and I choose to overwrite it, eliminating the old file.
I shut down Visio.
I open RoboHelp, view SampleTopic and the old image is there with image maps in place. I generate html help again, and the old image is still there with its maps in place.
Without deleting the old image in the SampleTopic and manually inserting the new one (same name, though), how do I get RoboHelp to acknowledge that the image has been updated?

Image maps not working in signatures (MS Exchange 2010)

I would like to know how to get the image maps links work in OWA 2010, it is working in all other email clients except OWA 2010

Hi,
This issue seems related to S/MIME control and IE.
Please perofrm latest updates for IE and S/MIME. More details as below:
1. OWA -> Options -> Settings -> S/MIME
2. If any security warnings appear, click Yes for the control to download and install.
Also try to add OWA web site into Compatibility View in IE.
Thanks
Mavis Huang
TechNet Community Support

Can a down-level stage use an image map?

Just wondering if I can make a part of my down-level static image clickable using an image map?

I did finally figure this out... it is possible to map to an slp file from an image map... the trick has to do with how slp files work in RH,and makes sense, sort of, once I got it to work. When you generate html5, htm files are generated fromthe slps.
When you link to an slp file in a regular hyperlink, during the generation of the site, RH translates the slp refernce to the htm file reference that is generated from the slp. But for some reason, i.e., a bug IMHO, with an image map, when you link to an slp file, RH does not convert this slp reference to the .htm reference (as it does with normal, non-image map hyperlinks.
So the way to get this to work, is when you create the image map link, put in the htm file name that will be created during generation.
John

Can you create an image map that will link to a different element on the same page?

I have used image maps before and know how to create an image map to link to a new page. In this case, however, I want to be able to click on my image using an image map and load a new image with text on the same page as the image map. Is this even possible? Is there some sort of behavior that allows you to create same-page links, perhaps using AP divs? I want the end result to be a type of gallery that loads different images depending on where you click on the main image.
Again, I don't even know if this is possible. Any suggestions on how to make this work would be greatly appreciated.
Thank you!

Go to this site and mouse over the image map of South America.
http://alt-web.com/testing.html
Is that what you are looking for?
Insofar as linking to a position on the same page, do a Help search (F1) in DW for "named anchors."
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Image map (Open a link in the same place not a new Window)

Image map (Open a link in the same place not a new Window)
I'm using image map From KM a made a Image and I put the link like this "documents/images/image.jpg" okay, its works, but when I click on the link open other page, How to open on the same page ???????

Hi Marcus,
Try out this link. It may be helpful to you.
Opening of IView in New Window
Regards
gEorgE

Image Map Linked to Text w/in Same Topic (RoboHelp 10)

Similar Messages

Maybe you are looking for