Mistake creating an Image Map

Hello, I have a problem with my Image Map. Here are my steps:
1.Create areas for the Image Map
2.Create the Image Map with areas
3.upload the image
4.create the OTH file
5.Enable rendering information option
6.Create KM navigation iView and its layout set mode as default
All references for directories and for my pic are OK but it doesn´t show any Image Map. I need help please!
Thank you

Hi,
   You can follow this example:
In KM, image maps are used for a graphical depiction of folder contents. These objects are displayed using graphics instead of in their normal text form.
Step 1 – Determine the image you want to use for navigating. This can be any JPG or GIF file. In this example I will reference the file world.gif.
Step 2 – Configuring an image map. Take your image file world.gif and place it in the system. For our example place the file in the path: …../knowledgemanagement/etc/public/graphics. The subdirectory “graphics” was created within the public folder.
Step 3 – In the documents folder, create the following folders:
•  World
     Within the “World” folder, create the subfolders:
     North America
     South America
     Europe
     Asia
Note: you can create as many folders as you like. This structure will serve as the navigation structure for world.gif image map.
Step 4 – Determine the navigation coordinates for the image world.gif. Any tool can be used, for this example the tool GeoHTML was used. It is a freeware tool that can be downloaded from http://www.fegi.ru/geohtml.
•  The following coordinates were determined for the folders:
     North America: 253, 255, 303, 285
     South America: 424, 171, 474,201
     Europe: 368, 43, 418, 73
     Asia: 276, 37, 326, 67
Step 5 – Create new link-sensitive Areas for the image map. Menu path: Configuration -> Content Management -> User Interface -> Image Maps -> Areas
Please note, an area would need to be defined for each area on the image map that would be link-sensitive areas.
Step 6 – Defining an Image Map. In this step the name of the image map will be defined as well as specifying the path of the image, the tooltip, and lastly assigning the areas.
Step 7 – Configure an Object Type Handling (OTH) file for the image map. OTH files are located in the /oth subdirectory within the /etc repository. Copy an existing OTH file in this subdirectory and copy it to “world.oth”. In This OTH file, define the navigation path, collection renderer, layout controller, action and image map. The OTH file should look as follows:
  <?xml version="1.0"?>
  <ObjectTypeHandler Name="Image Map world"
Class="com.sapportals.wcm.service.objecttypehandler.GenericObjectTypeHandler">
<SelectionCriteria>
  <Paths>
    <Path>/documents/World</Path>
  </Paths>
</SelectionCriteria>
<Properties>
  <Property Key="rndCollectionRenderer"              Value="ImageMapRenderer"/>
  <Property Key="LayoutController"                   Value="DefaultLayoutController"/>
  <Property Key="rndShowActions"                      Value="false"/>
  <Property Key="rndMap"                      Value="MapOfWorld"/>
</Properties>
<Actions/>
</ObjectTypeHandler>
Step 8 – Display the image map. For the navigation iView that is being used, ensure that the iView property “Layout Set Mode” is set to default.
Step 9 – Reload the object type handler in order for the system to read the new oth file world.oth. This can be done by within the Rendering Information link in any navigation iView for a user that is specified in the Debugging Settings (this is done in the user interface configuration).
Another option to reloading the object type handler would be restarting the J2EE engine.
Step 10 – In the navigation iView for this mage map, navigate to the image map. In this example, the menu path would be documents/World
Patricio.
ps: If you want I can send you complete example.

Similar Messages

  • 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

  • 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

  • Can you create an image map hotspot for an external URL in Dreamweaver CS6?

    Can you create an image map hotspot for an external URL in Dreamweaver CS6?

    Duplicate post: http://forums.adobe.com/thread/1338701?tstart=0

  • Creating colour image map from an array of integers

    not really that relvant to swing, or in fact java even but i wasnt sure where to ask it so:
    i have an array of integers that represents information about each pixel in an image. i.e. for every pixel there is an integer value.
    at the moment i create another image from a quantised version of these integer values, which gives me a greyscale image, where black is low intensity info and white is high.
    however what i want to do is create a colour image like you see, for example, on weather forecasts. where low intensity info is blue, then purple, then red, orange, yellow and then white being the highest.
    i need some kind of algorithm that does this. does anybody have some code that does this already?
    thanks
    kevin

    sorry for not replying sooner sniper. thanks for your help but i have solved the problem:
    thanks to my mate marc for the code.
    import java.awt.Color;
    /** Class to assist in assigning color to a mathematical value.
    *  Data values must be normalized.
    *  @author Marc Ramsdale
    *  Written 20th August 2003
    public class ColorScale {
         /** Receives a normalized value (between 0.0 - 1.0)
          *  The constructor then creates a colour according
          *  to the selected colour scale.
          *  If value is outside range 0.0 - 1.0 colour is java.awt.Color.BLACK
          *  @param double value - (between 0.0 - 1.0)
         /** Maps the normalized value to a color
          *      BLUE      *
          * GREEN    *      *
          * RED           *
         public static Color generateColour(double value) {
          double red = 0.0;
          double green = 0.0;
          double blue = 0.0;
          Color color;
          int gradient = 4;
          int offset1 = 2;
          int offset2 = 4;
              if((value >= 0.0) && (value < 0.25)) {
                   red = 0.0;
                   green = value * gradient;
                   blue = 1.0;               
              else if((value >= 0.25) && (value < 0.5)) {
                   red = 0.0;
                   green = 1.0;
                   blue = -(value * gradient) + offset1;
              else if((value >= 0.5) && (value < 0.75)) {
                   red = (value * gradient) - offset1;
                   green = 1.0;
                   blue = 0.0;
              else if((value >= 0.75) && (value <= 1.0)) {
                   red = 1.0;
                   green = -(value * gradient) + offset2;
                   blue = 0.0;
              return new Color((float)(red), (float)(green), (float)(blue));

  • Create an image / map of folder structure in Finder

    Hi there,
    I am reorganizing some data that I want to make available for others later on. In order to facilitate the transition for them it would be extremly helpful if I could create a map of the folder structure. I am thinking of something like a mindmap which shows a folder and then each subfolder underneath it. It doesn't need to show the actual files within those folders.
    Is there any way to have something like that created automatically? Or maybe some software (freeware would be best of course).
    Thanks a lot,
    Sebastian

    Duplicate post: http://forums.adobe.com/thread/1338701?tstart=0

  • CSS Header - how to create image map on header image?

    So I am pretty new to CSS.  I created a tag <div id="page_header"> and then have an image called "header.jpg" that shows up fine.  But now I want to make that header clickable so I can use it as the link back to the home page.  If it were a basic image, I could create an image map.  But since it is a CSS file, I can't figure out how to do this.  I know this has to be simple!
    Thanks for your help,
    Gary

    Thanks - so I would insert a transparent gif the same size as the header area (1000 X 300) the same way I would if it were a regular image?  Does this go before the <div id="page_header"> tag?
    Inside the div.
    <div id="page_header">
    <img src="your_transparent_image.gif">
    </div>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.com/blogspot.com

  • CS4 will not create poly areas in image maps

    How do I create an image map which will contain polygonal areas? I've selected my shape and chosen "polygonal" in the Attributes palette and then given it a URL. When I create an image map from the file, all my map areas (in the HTML) are "rect" (rectangles), which is not what I want. Can someone talk me through how to create a polygonal image map area which successfully gets exported into the HTML?
    Thanks.

    I am not an expert at this but I just created a polygon shape over a rectangle selected the polygon shape and added the url in the image map url field.
    then I used the slice to to make the rectangle a slice and then selected the polygon shape and made that a slice and exported as jpeg from the Save for Web and Device as both html and image in the jpeg format.
    all seemed to work the rectangle and the polygon are the same color so you can not see the shape but only the polygon shape seems selectable.
    I just changed the color and it does only make the polygon shape selectable
    here is a little video perhaps this will help.
    http://mysite.verizon.net/wzphoto/Imap.mov
    so let me see if I can summerazie what I did.
    I made a rectangle then I made a polygon shape over it. I selected the polygon and gave it the image map attribute with the url
    and save the file, I then  sliced the art first selecting the rectangle and clicking on the rectangle with the slice tool then select the polygon and clicked on that with the slice tool as well and save for the web as jpeg with image and html as the option.
    S that is what i did and it seems to work fine.

  • Unable to Create Image Map Hotspot

    I've got a GIF image inserted into a RoboHelp HTML 8 topic and am trying to create multiple image map hotspots on the graphic. I successfully created the first hotspot (a rectangular one). When I try to create the second, the crosshair cursor displays, but when I drag with the mouse, it fails to draw a box outline. When I release the mouse, nothing happens.
    This behavior is erratic. Sometimes, if I close and reopen the topic, I can draw a hotspot. Other times, if I complete exit and re-launch RoboHelp, I can draw a hotspot. Is this a bug, or is there something I can do to make it work more effectively?

    Do you have many other hotspots in this topic?
    Do you have other dynamic HTML in this topic (Related Topics, See Also, drop-down text, etc.)?
    Have you been performing a lot of Cut/Paste operations prior to experiencing this issue?
    Have you ever hit multiple keys in this topic and caused a RH crash?
    RH places numerically identified data in the <HEAD> section for dynamic HTML entities, in addition to the related, numerically matched code that resides in the BODY section. At some point, these numeric matches can get corrupted (the old fat fingers causing a crash trick, for example). The only cure to that is to delete all the HEAD and BODY data, and then start over. Sorry.
    Good luck,
    Leon

  • How to embed an image map in email?

    I couldn't find any help on this topic when I searched Fireworks and Dreamweaver.
    I want to create an image map (either in Fireworks or in Dreamweaver) and then send it in an email. I've created image maps in older versions of Dreamweaver, and I've used slices in older versions of Fireworks. I just want different parts of the picture to take me to different URLs, but I haven't even been able to get close in my tests.
    Any tips, please?
    Chuck

    Creating HTML for email is a subject unto itself. Every major email client has different limitations. Before you try just copying an HTML page into an email, you should do some research into creating HTML emails. SitePoint has some articles:
    http://www.sitepoint.com/article/code-html-email-newsletters/
    http://www.sitepoint.com/article/designers-guide-html-email/
    http://www.sitepoint.com/article/principles-beautiful-html-email/
    One of the SitePoint articles links to two services: CampaignMonitor and MailChimp. CampaignMonitor does not recommend the use of image maps becasue of poor support by Gmail:
    http://www.campaignmonitor.com/blog/post/2432/do-image-maps-work-in-html-ema/
    MailChip recommends being careful with image placement simply because many clients will automatically block images when the mail is first loaded:
    http://www.mailchimp.com/articles/stupid-html-email-design-mistakes/
    Both sites have free templates you can download to use.
    Good luck!

  • Image Map not working in Dreamweaver CC

    I'm trying to create an image map over a jpeg but when I try to draw a rectangle over the image, a grey stroke gets placed over the image then moves with the cursor.
    Here is the only code on the page. Any ideas as to why this isn't working?
    <img src="/SampleImage.jpg" alt="" width="900" height="2779" style="margin: 5px; width: 649px; height: 2000px;"/>

    Let me see if I have this right...
    1. From Design View, you are clicking your image to select it
    2. You are then selecting the Rectangle tool from the bottom left of the Properties window
    3. You are then clicking and dragging on the image in Design View to create your map area
    4. DW puts a grey line around the image and moves it instead of adding the image map and area tags?
    Run your page for code errors at http://validator.w3.org. I can't duplicate what you describe and DW will do strange things when code errors are present, it could be an error DW doesn't know how to fix that's causing the normal image map functionality to fail.
    If you have clean code and are doing what I list above and it's still not working, it may be time to clear the program cache:Deleting a corrupted cache file

  • Problem with image map

    I am trying to create an image map for the map found on my homepage - http://www.smartcharteribiza.com/
    I have followed a couple of tutorials and everything seems to be working in photoshop, but when I upload the image to wordpress, the map does not display properly, as you can see.  There are white squares where I have tried to put the links as though that part of the image has been cut out.
    I dont understand what is causing the problem.  Any ideas?
    Thank you very much

    well i for one don't actually see any map just 3 yachts

  • Image Maps from FM9 RH8

    Using TCS2.
    I am trying to create an image map in FM and have the hyperlink retained when in the linked RH project. Does anyone know how to do this so that the hyperlink in the active area over an image is retained when bringing the file into RoboHelp (linking to the FM doc) without forcing me to recreate the link in RH? I've read the FM documentation, and I've successfully made the link work in a PDF saved from the FM doc (clicking the graphic successfully launches the link from the PDF), but RH doesn't bring over the hyperlink when I link to the FM doc.
    Any ideas?
    Thanks,
    Michael Cohen

    I don't want to upload it. Its simply a div with a backgound image that consists of artwork and words.  The words of course were not typed in Dreamweaver so I can't select them and make links.  I'm fairly new to dreamweaver.
    Could I place the artwork as an image on the page and then make links? I don't know how to place an image on the page so that it goes anywhere but the upper left corner.  We used to use GoLive 6 (the older version of dreamweaver) and place the artwork on the DW page and make links on the artwork.

  • Image map & Drill Down Reports in Apex

    Hi,
    I am looking to create a Image map with drill down reports. I don't know Java but know PL/SQL functions/procedures very well. I would appreciate if someone help me with this.
    I am looking following functionality:
    1. Upload an image in Apex
    2. Create click-able areas in it.
    3. User click on these hyperlinks and move to next page with drill down report as per the vaiable in hyperlinks
    Wajid

    Try viewing this blog entry to see how to do image maps in APEX..
    http://www.danielmcghan.us/2009/05/html-image-maps-old-trick-with-new.html
    Thank you,
    Tony Miller
    Webster, TX

  • 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

Maybe you are looking for

  • How do I connect to the gracenote database in iTunes 11?

    In previous versions of iTunes, one could retrieve track information from or send track information to the gracenote database. I cannot find a way to do this in iTunes 11. This matters because iTunes 11 has wiped out some of the data I hand entered w

  • Method for itunes to list all exclamation point songs

    lost a bunch of my music couple thousand songs....is there an easy way to have itunes list all exlamation point songs.

  • Question on DBID

    I cloned (cold) a database "X" with a diff name "Y" by using the re-create control file. CREATE CONTROLFILE SET DATABASE "Y" RESETLOGS ARCHIVELOG and then opened the database resetlogs successfully. 1) At this time, is the DBID for X and Y the same ?

  • Audio Monitoring During Capture

    I have a Mac Mini (2.66GHz; 4GB RAM; 500GB HD) with FCE installed. I can capture with no problem and have audio, too. The problem is that I can't hear the audio when I capture. I have done it before but I can not remember how/what to select to get th

  • No MIC mute option available.

    Just installed the X-FI Xtreme Audio PCI-E board and started using my mic and the sound comes out through the speakers. Normally when doing this you're supposed to go into playback control and mute the mic but it's not listed there. If I go to option