By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
425,501 Members | 1,660 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 425,501 IT Pros & Developers. It's quick & easy.

ImageMap - circleHotSpot

P: 3
I am developping a wesite. I am new at it.
I usually program scientific program.

I am using ImageMap and circleHotSpot.
In the ContentPlaceHolder1 I have BigImageA
In the ContentPlaceHolder2 I have TinyImageB ( associated to an ImageMap1)
The behavior desired is;
When clicking on TinyImageB I want to replace BigImageA in ContentPlaceHolder1 with BigImageB

The clicking of the ImageMap1 behaves correct it updates but to a new page with BigImageB.
Since I wrote: "NavigateUrl="~/BigImageB.jpg"
However I do not want that behavior. I want the BigImageB in ContentPlaceHolder2.
I do not know how to do that.
Can you help me?
Thank you.
Do you need more info.

Corinne

part of the code below.

.....
Expand|Select|Wrap|Line Numbers
  1. asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  2.     <p>
  3.         <img alt="t2" 
  4.             longdesc="file:///C:/WebSite4/BigImageA.jpg" 
  5.             src="BigImageA.jpg" style="width: 1024px; height: 768px" /></p>
  6. </asp:Content>
  7. <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
  8.     <asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="~TinyImageB/.jpg">
  9.         <asp:CircleHotSpot NavigateUrl="~/BigImageB.jpg" Radius="75" HotSpotMode="Navigate" />
  10.     </asp:ImageMap>
.........
Feb 11 '09 #1
Share this Question
Share on Google+
3 Replies


P: 3
I am developping a wesite. I am new at it.
I usually program scientific program.

I am using ImageMap and circleHotSpot.
In the ContentPlaceHolder1 I have BigImageA
In the ContentPlaceHolder2 I have TinyImageB ( associated to an ImageMap1)
The behavior desired is;
When clicking on TinyImageB I want to replace BigImageA in ContentPlaceHolder1 with BigImageB

The clicking of the ImageMap1 behaves correct it updates but to a new page with BigImageB.
Since I wrote: "NavigateUrl="~/BigImageB.jpg"
However I do not want that behavior. I want the BigImageB in ContentPlaceHolder2.
I do not know how to do that.
Can you help me?
Thank you.
Do you need more info.

Corinne

part of the code below.

.....
Expand|Select|Wrap|Line Numbers
  1. <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  2.     <p>
  3.         <img alt="t2" 
  4.             longdesc="file:///C:/WebSite4/BigImageA.jpg" 
  5.             src="BigImageA.jpg" style="width: 1024px; height: 768px" /></p>
  6. </asp:Content>
  7. <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
  8.     <asp:ImageMap ID="ImageMap1" runat="server" 
  9. ImageUrl="~TinyImageB/.jpg">
  10.         <asp:CircleHotSpot NavigateUrl="~/BigImageB.jpg" Radius="75" HotSpotMode="Navigate" />
  11.     </asp:ImageMap>
.........
Feb 11 '09 #2

Frinavale
Expert Mod 5K+
P: 9,731
Use the PostBackValue Property instead of the NavigateUrl Property. The PostBackValue property is used to specify a name for a HotSpot object. This name will be passed in the ImageMapEventArgs event data when the HotSpot is clicked.

After that, you need to implement a method that handles the Click Event.
Feb 11 '09 #3

P: 3
Thank you for your quick reply, very specific and clear.
I still have some issue but I made progress.
I have the eventPostback working. However, I do not update the image correctly. I will ask more question later.

Thank again for your help...
Corinne
Feb 12 '09 #4

Post your reply

Sign in to post your reply or Sign up for a free account.