JSP DynPages and Image Map

Hello,
I've created JSPs with JSP DynPages. Now i vant to switch from one JSP to the other. How can I do this? This is my Code from the first JSP:
<%-- DHLICenter.jsp --%>
<%@ taglib uri= "tagLib" prefix="hbj" %>
<!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" xml:lang="de" lang="de">
     <title>Ihre Auswahl</title>
     <head>
     </head>
     <body>
     <% String PublicURL = componentRequest.getWebResourcePath() ; %>
     <MAP NAME=map1>
          <AREA HREF="page2.jsp" COORDS="350,270,460,330">
     </MAP>
          <img src='<%= PublicURL+ "/images/screen1.png" %>' usemap="#map1" border="0" />
     </body>
</html>
The Path for the Image works fine. But when i click the area i got an error message (iview not found). Can someone help me? Thanks in advance...

Hi Alexander,
If u are using the jspdynpages ,,then navigate from one jsp to other thru the controller..
Its always best practice to change the jsp state in controller
for instnace ,,u can change ur code this way nd try:
Use an image Button using HTMLB
for instance
<htmlb:button id = "myButton14"
text =
"<img src='/sap/public/bsp/sap/public/bc/icons/s_s_okay.gif' border='0'>OK "
onClick = "myButtonClick"
encode = "FALSE" />
Now in ur controller
looks like this
public static final int PAGE1 = 0;
public static final int PAGE2 = 1;
int PAGE_STATUS = PAGE1 ;
public void doProcessBeforeOutput() throws PageException {
switch (PAGE_STATUS) {
case PAGE1 :
this.setJspName("page1.jsp");
break;
case PAGE2 :
this.setJspName("page2.jsp");
break;
public void onMyButtonClick(Event event) throws PageException {
try {
PAGE_STATUS = PAGE2;
} catch (Exception e) {
PAGE_STATUS = ERROR_PAGE;
Cheers
Swathi
Do offer pts nd ncourage:-)

Similar Messages

Images and image maps do not respond to events on Safari

Hello everyone,
We have been experiencing issues with events not responding to images associated with image maps, on Safari browser. After the DOM is loaded with new image and corresponding image maps, events such as mouseover and click observing this divs do not respond or get triggered. DOM seems to be updated correctly but behaves differently (and it works correctly in all other browsers except Safari).
This behaviour is only noticed in Safari browser running both on Windows and Mac. (Tested on Safari Version 3.1.1 on running on Windows and Mac)
For you all to have a closer look at this issue, I have created a sample that has this problem, similar to one we experienced during one of our recent projects. Please click on the link below to get to the sample (I recommend you to try this either in Firefox or IE before you do on Safari)
http://www.hivegroup.com/safari/test.html
(In the above sample,
- the javascript code initializes the DOM with image and image map
- assigns two event listeners to the div containing this image and image map
- when mouse pointer brought over the image, it shows the area id in the 'mobox' div
- when clicked, DOM is updated with a new image and new corresponding image map, assigns new event listeners and should continue with the same kinda behaviour it did for the first image (but doesn't in Safari browser))
All inputs on this issue are welcome and greatly appreciated.
Thanking you in advance.
Regards,
Shashi.

Let me explain what the pink area is. Like the first image that contains two white boxes, the pink area (as you call it) is a new image (containing four pink areas or boxes having an area id denoted to each) that imgDiv occupies after the 'click' event occurs.
Yep, i gathered that from seeing it work on firefox...
The point that I'm trying to make here is, there shouldn't be any difference in behaviour when imgDiv holds first image (two white boxes) or the second image (four pink boxes) that you get after we click on image or the third image (containing 6 boxes, multiple colors) which you won't be able to reach in safari browser.
well... I can reach them, but only via the blue space.
. We'll notice change in the red box displaying target id only when we mouse over a new area that is not currently being displayed in the red box.
except in webkit for safari 2, where thered bpx content sticks at whatever it was when the first image was clicked, unless mouse is moved to the 'all area', and then it sticks on imgdiv.
I completely understand what you see in safari 2. But are you saying there's some error in my script ? If so could you please point out and justify.
I dunno Shashi, just pointing out the errors that Safari 2 reports when I view your test page, in the hope it might help. I know little of javascript

RE;Difference between webdynpro java and Jsp Dynpage and Dynpages

hi all,
What are the befinits of webdynpro when compared with other
Jsp Dynpage and Dynpage.

Hi Mahesh,
Refer to the following links which gives you the good idea.
Choosing between Webdynpro and JspDynpage/Dynpage
JSPDynpage Vs Web Dynpro Java
/thread/65254 [original link is broken]
JSPDynpage Vs Web Dynpro Java
Thanks n Regards,
Jhansi Miryala

HTML/JSP -dynamically alter image map appearance

Hi all,
I have a problem, really more HTML than JSP so excuse me, that I would like to see if anyone has any ideas about:
I have an app that has an image map where people click on a hotspot, enter info into a form, then close the form again. Once entered, these records are 'attached' to that hotspot on the map. When a user clicks the hotspot again, the form is pre-populated with any attached records.
I'd like to visually 'cue' users that there are records for a particular region when they view the map. eg. make those hotspot areas have a line around their coords, etc.
Is there anyway to do this? I kind of doubt there is after looking at an HTML guide but I'm no HTML expert. Also, before someone suggests using HTML tables, I've tried it but it won't work as the maps will vary and don't lend themselves to fitting nicely into HTML tables.
Any advice would be greatly appreciated...
Thanks,
Mike

Actually, you could use the mouseover event to do any other thing with DHTML (aside from the status bar thing). Maybe show some DIV over the image or something. Look into what you can do with DHTML a little and decide what type of thing you'd want to do.

Spry XML and image map

Hi all-
I'm new to using spry and xml, but not new to xhtml and layout, having said that. I'm trying to store file paths in my xml and parse that xml to repace <href> tags in an image map. For example (the actual cooridnates in the map are just made up for the example below, the actual map has 88 locations and very detailed coordinates, as it is a state map):
<head>
<script src="../SpryAssets/xpath.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
var ds1 = new Spry.Data.XMLDataSet("../files/research/counties_census.xml", "ohio");
</head>
<body>
<div spry:region="ds1">
<img src="../images/CountyMap.gif" width="565" height="611" usemap="#Map">
        <map id="Map" name="Map">
          <area shape="rect" coords="103,156,155,202" href="../files/research/{Location}" />
          <area shape="rect" coords="216,156,286,210" href="../files/research/{OtherLocation}" />
        </map>
</div>
</body>
Am I just making a syntax error or is this just outside the scope of what I can use spry for? Any help is appreciated.
thanks in advance

I have one more question. What you gave me worked like a charm btw. Thanks a lot. Onto the question:
I'd like to use the same XML to also power a drop down menu, here's a snippet of the XML/XHTML below. I can't seem to get it to work on the drop down, the image map works great.
XML snippet:
<locations>
<location>
     <filepath>P1008.pdf</filepath>
     <coords>192,496,193,497,194,497,195,497,196,497,197,497,199,497,201,497,201,498,202,498,2 01,498,201,499,202,499,203,500,204,500,204,501,205,502,206,502,206,503,207,503,207,504,207 ,506,207,510,207,511,207,512,207,514,207,518,207,521,207,522,207,524,207,525,207,526,207,5 27,207,528,207,529,207,530,207,531,207,532,207,533,207,535,207,537,207,538,207,539,207,540 ,207,541,207,542,207,543,207,545,207,547,207,548,207,549,207,550,206,552,206,554,206,555,2 06,556,206,558,206,559,206,560,206,562,206,563,206,564,206,565,206,566,206,567,206,568,206 ,569,206,570,206,571,205,571,205,572,204,572,204,573,203,573,203,574,203,573,202,573,201,5 73,201,572,200,572,200,571,200,570,199,570,199,569,199,568,199,567,198,566,197,566,197,565 ,196,565,196,564,195,564,194,564,194,563,193,563,192,563,192,562,191,562,190,562,189,562,1 88,562,187,562,186,562,186,561,187,561,186,561,185,561,184,561,183,561,182,561,182,560,181 ,560,180,560,179,559,178,558,177,557,176,557,176,556,175,556,174,556,174,555,173,555,172,5 55,171,556,169,556,168,556,168,557,167,557,166,557,165,557,164,557,164,558,163,558,162,558 ,161,558,160,559,159,559,159,560,158,560,158,561,158,562,158,563,157,563,157,564,157,565,1 57,566,156,567,155,567,155,568,154,568,153,568,153,567,152,567,151,567,150,566,149,566,149 ,565,149,564,149,563,149,562,149,561,149,560,149,559,149,558,149,557,149,555,150,555,150,5 54,150,553,150,552,150,551,150,549,150,548,150,547,150,546,150,545,150,544,151,543,151,541 ,151,540,151,538,151,537,151,536,151,534,151,532,152,531,152,530,152,529,152,528,152,527,1 52,526,152,525,152,523,152,522,152,521,152,520,152,519,153,519,153,518,153,517,153,516,153 ,515,153,514,153,513,153,512,153,510,153,508,153,507,154,506,154,505,154,504,154,503,154,5 02,155,502,156,502,159,502,160,502,161,502,162,502,163,502,164,502,165,502,165,501,166,501 ,167,501,168,501,169,501,170,501,170,500,171,500,172,500,173,500,174,500,175,500,175,499,1 76,499,177,499,178,499,179,499,180,499,180,498,182,498,184,498,188,497,189,497,190,497,191 ,497</coords>
     <county>Adams County</county>
</location>
<location>
     <filepath>P1009.pdf</filepath>
     <coords>132,183,132,184,132,185,132,186,132,187,132,188,132,189,132,190,132,192,132,194,1 31,195,131,196,131,197,131,199,131,201,131,202,131,203,131,204,131,206,131,207,131,208,131 ,209,131,210,131,211,131,212,131,213,131,214,131,216,131,217,131,218,131,219,131,220,131,2 21,131,223,131,224,131,225,131,226,131,227,131,228,131,229,130,229,129,229,126,229,125,229 ,124,229,123,229,122,229,119,229,118,229,117,229,116,229,114,229,113,229,112,229,111,229,1 10,229,109,229,108,229,107,229,106,229,105,229,104,229,102,229,102,227,102,226,100,226,99, 226,98,226,97,226,96,226,95,226,92,226,90,226,89,226,87,226,87,225,87,224,87,222,87,221,85 ,221,84,221,83,221,82,221,81,221,80,221,78,221,77,221,76,221,75,221,72,221,71,221,69,221,6 8,221,65,221,65,220,65,219,65,218,65,217,65,216,65,215,65,214,65,212,65,211,65,210,65,209, 65,207,65,206,65,205,65,204,65,203,65,201,65,200,65,199,66,199,67,199,68,199,70,199,71,199 ,72,199,73,199,73,197,73,196,73,195,73,194,73,193,73,192,74,192,75,192,76,192,77,192,79,19 2,80,192,81,192,82,192,83,192,84,192,85,192,86,192,87,192,88,192,90,192,91,192,92,192,95,1 92,99,192,100,192,101,192,102,192,102,191,102,190,102,188,102,187,102,186,102,185,105,185, 106,185,107,185,108,185,109,185,110,185,111,185,113,185,114,185,115,185,116,185,117,185,11 7,184,117,183,117,182,118,182,119,182,120,182,121,182,122,182,123,182,124,182,125,182,126, 182,127,182,128,182,129,183</coords>
     <county>Allen County</county>
</location>
</locations>
Here's my XHTML:
<div spry:region="ds1">
     <p>Click on a county, or select from the following:
          <select onchange="jumpMenu(this)" name="menu1">
          <option spry:repeat="ds1" value="../files/research/{filepath}">{county}</option>
          </select>
     </p>
        </div>
<div spry:region="ds1"> <img src="../images/OhioCountyMap.gif" usemap="#Map">
     <map id="Map" name="Map">
     <area spry:repeat="ds1" shape="poly" coords="{coords}" href="../files/research/{filepath}">
     </map>
</div>

Property Inspector and Image Maps

I'm using Dreamweaver CS3 on an Intel Mac Quad Core. On some
occasions, the legend information (i.e. Link, Target, and alt) next
to the text fields for the image map area does not display in the
property inspector. I am still able to enter text in the fields.
After clicking on another part of the document and then clicking
back on the image map the problem appears to correct itself.

So I tried to recover it from other backup projects (different project names but use the same Topic), but they are all also suddenly has changed to "Remote URLs". When I checked/opened the HTM file associated with the Topic in my local directory, it is correctly pointing to the correct popup file, "absence.htm". So the popup file has been detached from the link/broken link.
So the file is still there but Rh is not seeing it. Have you tried deleting the CPD file and reopening the project?
I did not know how this happened because the backup projects that I tried to use is completely located somewhere else and I just copied it onto my local drive. Is this the Robohelp that is installed on my local PC or something else happened? I hope you can tell me how I can avoid from happening again, please, and how I can change it back to how it was originally set up before that will be a big help. How do I change it back to recover the backup project as well? Do I need to reinstall RH? I have no clue how this happened.
How are you copying to the backup location? Windows Copy, Zip file etc?
Is there any source control at play here?
It could be your installation but please respond to the above first.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

JSP Dynpage and Bean

Hi there,
I have developed a portal application using JSP Dynpage which calls R/3 BAPI but I have a strange issue here.
This application calls BAPI and displays it using HTMLB table control.
When returned values from R/3 are small, it is OK. The problem is when large amount of data comes from R/3, data is correctly displayed but Bean seems to be cleared after displaying it. Therefore if one clicks any button on the applicaiton, NullPointerException occurs due to null bean.
Bean scope is "Application".
Do you have any experience like this? Any input is appreciated!
Regards,
Kazuya

At the moment there is a lot of ambigious information about this, and I've asked for some weblog tying it all together (see Bean scope storage confussion)
You problem is that beans in the application scope can be deleted at anytime if the SAP J2EE needs memory. Try the session scope (or search the forums, lots of people have had the same problem before)

Image Swap and Image Map

Hello,
I am going through some very rudimentary steps of setting up
site.
I have an index page with four simple areas I wish to turn
into hotspots- I created them as slices in Fireworks then as Image
Swap rollovers in DW. Now, when I try to apply a hotspot/image map
to the rollover area, I can get it to link to the appropriate page,
but it seems to have disabled the rollover/image swap attribute.
How do I keep both properties enabled? Any suggestions are
appreciated.

Can you post a link to the page, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Jay S B" <[email protected]> wrote in
message
news:eme8i7$6mf$[email protected]..
> Hello,
>
> I am going through some very rudimentary steps of
setting up site.
>
> I have an index page with four simple areas I wish to
turn into hotspots-
> I
> created them as slices in Fireworks then as Image Swap
rollovers in DW.
> Now,
> when I try to apply a hotspot/image map to the rollover
area, I can get it
> to
> link to the appropriate page, but it seems to have
disabled the
> rollover/image
> swap attribute.
>
> How do I keep both properties enabled? Any suggestions
are appreciated.
>

Custom loading image JSP dynpage

Hello,
Wa have created a jsp dynpage, and want to show a custom loading image. I other applications (appintegrator) we have succesfully changed the loading image by exporting the theme that we are currently using, change the loading_ani.gif image and re-importing the theme. This change has no effect on the loading image of the JSP dynpage, it is still the one supplied by SAP. I checked the url of this image and got the following https://host:port/htmlb/mimes/common/loading/loading_ani.gif, so I tried changing the loeding image that is stored in the htmlb par file, but there was no visible result when loading the application, or when loding the direct url of this image. Can anyone tell me where I can change the loading image of the JSP dynpages?
Kind Regards
Timon Van Soom

Juhi Bhatnagar
Greetings!!!
May i know , what is the procedure need to be followed to replace the default Loading ICON with our custom image.
2. Does our custome image should be a image file (like jpg, png) or its like a command
Kindly share the procedure for this...
Appreciate your response in advance'
Thanks

External Jars in JSP Dynpage

Hi,
I have implemented reading an XML feed in a Java program using informa api.
In NWDS, I created a Java Project. And as required added 3 externals jar files.
I had to import the following:
import de.nava.informa.core.ChannelIF;
import de.nava.informa.core.ItemIF;
import de.nava.informa.impl.basic.ChannelBuilder;
import de.nava.informa.parsers.FeedParser;
The program works on run.
But when I creat a JSP DynPage and I add the follwoing lines:
<%@ page import = "de.nava.informa.core.* "%>
<%@ page import = "de.nava.informa.impl.basic.ChannelBuilder "%>
<%@ page import = "de.nava.informa.parsers.FeedParser "%>
I get an error: Error occurs during the rendering of jsp component. Even in this project I added external Jar files in the same way.
Any particular stuff need to reside on the server or something?
Because I one tried implementing JCO in JSPDynPage by adding the external jar in the project structure and it worked fine.

Hi Prem,
Probably the jars you must have added in your last project would be available on the server or they would have been some server related jar files.
But in the case when you are inclusing some external jars, you need to inclusde it both as "<b>External Jar</b>" and also add it to the <b>lib</b> folder (ie: just copy and pate the jar files in the <b>lib</b> filder).
<b><a href="http://img142.imageshack.us/img142/8168/solution4gy.jpg">Put the .jar file here</a></b>
I hope this solves your problem.
Regards
Pravesh
PS: Please consider rewarding points if helpful and solved.

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.

JSP without JSP Dynpage

Hi experts,
I have one pretty straight forward question. Is it possible to create portal component using JSP but without JSP Dynpage and HTMLB tags? I know I can avoid HTMLB tags but is it possible to avoid JSP Dynpage also?
Regards,
Martin

try using abstract portal component.
As always you can use JSP dynpage and use simple jsp without HTMLB. try creating simple jsp file and use it.
Cheers
Yusuf

Problem using image-map in JSP

hello experts,
i have a stupid issue which i am not able to sort out. i have a JSP page with a function which returns a bufferedImage. i am using
<img src="<%=ImageIO.write(displayChart(),"png",response.getOutputStream())%>" usemap="#barmap">to display the image and is working fine and image is getting displayed. but the map is not getting activated .
please help me out

Double posted.

Image-map coordination with JSP

I have a jpeg based image-map that shows the location of different customers in the city, with clickable regions. When a user selects a region it needs to execute a JSP that displays information about that customer that is pulled from an Oracle database. Each customer is defined by a unique idno that I was planning on associating with the clicable region.
Does anyone have any idea how to pass the idno for the clicable region to the JSP using ADF Struts?
Thank you for you help.

couldn't you just invoke the URL of a struts action and pass the id as a parameter to the URL?
Then use this parameter in the Struts action to set the right data model query.
for an example of setting the where clause when using ADF Business Components check out:
http://www.oracle.com/technology/products/jdev/tips/shmeltzer/setwhereclause/index.html

How to use the same image map over and over

Sorry, I posted this a couple of years ago and got a good answer by Murray. I'm so rusty with it, I can understand how it works anymore.
Question:
I have a large jpeg image map for a hundred pages. The jpegs are all the same except I changed the city name for each one.
So for each corresponding htm page, the 4-5 links out are the same.
Waht is the trick to not have to create by hand hotspots? thanks.
I have previous notes, but I don't understand anymore, (too rusty) what they mean:
The good news is that you really don't need a template at all.
Just open one of your existing pages in DW, select that central image, browse to select the correct replacement image, and save the page with a new name. It will have all of the image maps already there, from the original image. One and done as they say."
My old interpretation of this:
select the large jpeg and then in link field drag over to the new city jpeg

Ok, Nancy, code copy/ paste did work fine.
what does this mean:
"Change the image in the properties panel to display your new image."
(the image is displaying ok)
NEverthesless, I think I got Murrays old notes.
Here is my new version of Murrays writing, easiest way I think:
You open up a pre-existing html, say Chicago. Then drag over with pointer to the new jpeg you want (Buffalo). It replaces Chicago with the buffalo jpeg, all links work perfectly. Then do a save as called Buffalo.

JSP DynPages and Image Map

Similar Messages

Maybe you are looking for