473,769 Members | 4,985 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Using ImageMap and displaying circles on it

Hi,

I have some very limited knowledge of web development but I have an
imagemap in which I want to be able to display a small yellow circle at
certain pre-define locations. When the user moves over these circles, I
need to show a small pop-up with info regarding this label.
Here is my Page_Load method:
// These create the hotspots at predefined locations which I'll get
from the database
imageMap.Areas. Add(new ImageMapCircleA rea("", new Point(100, 50), 12));
imageMap.Areas. Add(new ImageMapCircleA rea(null, new Point(139, 50), 41,
"XXXXXXXXXX "));

imageMap.Areas. Add(new ImageMapCircleA rea("", new Point(200, 150),
12));
imageMap.Areas. Add(new ImageMapCircleA rea(null, new Point(200, 150),
41, "YYYYYYYYYY "));

imageMap.Areas. Add(new ImageMapCircleA rea("", new Point(300, 250),
12));
imageMap.Areas. Add(new ImageMapCircleA rea(null, new Point(300, 250),
41, "ZZZZZZZZZZ "));

imageMap.Areas. Add(new ImageMapCircleA rea("", new Point(400, 250),
12));
imageMap.Areas. Add(new ImageMapCircleA rea(null, new Point(400, 250),
41, "AAAAAAAAAA "));

imageMap.Areas. Add(new ImageMapCircleA rea("", new Point(500, 250),
12));
imageMap.Areas. Add(new ImageMapCircleA rea(null, new Point(500, 250),
41, "BBBBBBBBBBB")) ;

//
// HOW DO I ADD CIRCLES TO THE IMAGEMAP AT THIS POINT TO REPRESENT
// EACH OF THE ABOVE POINTS
//

// add the script called by the event handlers
StringBuilder script = new StringBuilder() ;
script.AppendFo rmat("<script language=\"java script\">{0}",
Environment.New Line);
script.AppendFo rmat("\tvar image1 = new Image(291, 112);{0}",
Environment.New Line);
script.AppendFo rmat("\timage1. src = \"Bham Backdrop.JPG\"; {0}",
Environment.New Line);
script.AppendFo rmat("\tfunctio n DisplayImage(im age) {0}{1}", "{",
Environment.New Line);
script.AppendFo rmat("\t\tdocum ent.imageMap.sr c = image.src;{0}",
Environment.New Line);
script.AppendFo rmat("\t\tretur n true;{0}", Environment.New Line);
script.AppendFo rmat("\t{0}{1}" , "}", Environment.New Line);
script.Append(" </script>");

Page.RegisterCl ientScriptBlock ("DisplayImage" , script.ToString ());

Jan 6 '06 #1
0 1583

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
3220
by: ComputerSmith | last post by:
Hi all. I have programmed VB6 apps before, ones that use dropdown listboxes, text boxes, etc... normal stuff. I was asked by a friend to write a "simple" app that I am unsure how to proceed with. Any and all help is appreciated. 1) On start of the app, he wants a circle to appear in the middle of the screen. 2) Clicking the circle allows the user to type 2-3 words in (on?) the
10
15702
by: Imran | last post by:
Hi, I am attempting to create a CSS-driven website, in that I want to be able to control the display/content from the CSS file. I do not want to use tables. On a page, I have a background image (that contains smaller images) and I would like to assign the smaller images as hyperlinks. What is the best way to do this? I know I can use an imagemap, but is
0
1286
by: Alan Wang | last post by:
Hi There, For asp.net 2.0, there is a new web control called imageMap. I am just wondering if there is ONLINE imageMap editor in the market so that programmer doesn't have to figure out the actual pixel coordinates of the corners of my hot spots and enter them numerically. Thanks in advanced
5
2015
by: pcnerd | last post by:
I want to create a program that will do graphics like math functions & fractals & stuff. I've been browsing thru books at the bookstores. Apparently, the Point object replaced Pset. The books explain how to create a Point object, but not how to use it. I want to be able to plot individual pixels. I tried DrawEllipse, but that just draws circles. I reckon that I have to somehow use the Pen & the Point object. I don't want to draw lines. I...
1
1413
by: Mad Scientist Jr | last post by:
I found some info on creating an imagemap in .NET at http://msconline.maconstate.edu/Tutorials/ASPNET2/ASPNET05/aspnet05-04.aspx but in VS.NET I don't see any ImageMap object under System.Web.UI.WebControls or any ImageMap control on the Web Forms toolbox (just Image and Image Button). If I try pasting code such as below, .NET does not recognize the
9
2115
by: Nathan Sokalski | last post by:
I am using ASP.NET 2.0's ImageMap Control to create 2 imagemaps, one directly below the other. When I do this a thin blank space appears between them. After several days of frustration I realized that the difference between what the ImageMap Control outputs and the html on the page I was trying to reproduce with ASP.NET 2.0 was the following: Handwritten HTML imagemaps (no whitestrip between them): <table>
1
2005
by: Jeff | last post by:
ASP.NET 2.0 I've got problems with the Width of the ImageMap below. The problem is that the ImageMap's Width doesn't have any effect in my GridView, the width are determine by width of the column and the with of the div (the div the ImageMap is included in). In the code below the column & div has Width of 300px and ImageMap has Width of 130, but when the page holding this GridView is displayed then the Width is 300 on the ImageMap. I...
0
1425
by: William Main | last post by:
I have the following code ImageMap image1 = new ImageMap(); image1.Click += new ImageMapEventHandler(ImageMap_Click); image1.HotSpotMode = HotSpotMode.PostBack; image1.ImageUrl = "~/images/permacon/page2.png"; if (Percentage != 100.0) { image1.Width = Unit.Percentage(Percentage); image1.Height = Unit.Percentage(Percentage);
0
1277
sanjib65
by: sanjib65 | last post by:
In an ImageMap, when we want to get to any particular place of an Image we usually use some ImageMap properties like Circle/Rectangle/Polygon...etc. and put integer values. What I want to know, is there any method by which we can have the idea of selecting those numbers? Suppose, I want to reach the nose in a picture of face. How will I decide the X and Y cocordinate value of CircleHotspot?
0
9423
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
1
9994
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9863
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8870
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
6673
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5447
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3958
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3561
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2815
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.