Extending the ImageMap HTML Control with AJAX 1.0 Extensions: ASP Alliance

Print Add To Favorites Email To Friend Rate This Article
Extending the ImageMap HTML Control with AJAX 1.0 Extensions

page 8 of 8

by Bilal Haidar
Feedback

Average Rating: This article has not yet been rated.
Views (Total / Last 10 Days): 37554/ 46

Article Contents:

Conclusion

In this article, we have shown you how to create new AJAX Services, create your own client side classes, and finally extend the HTML ImageMap control with AJAX calls to show additional information on some clickable areas on the image itself. A brief explanation was given on most of the code that was used and additional references were presented to grasp in depth all the ideas and new features you need to know in AJAX.

Happy Ajaxified Dot Netting!!

« (Page 7)

View Entire Article

AJAX Resource Center

User Comments

Title: xdxd
Name: dxdx
Date: 2012-07-08 8:00:06 PM
Comment:
xdxdxd

Title: feedback
Name: fegef
Date: 2010-01-11 9:06:18 AM
Comment:
not working, check it properly and in all browsers

Title: Thanks a Lot Dude
Name: Johns
Date: 2009-01-25 3:46:50 AM
Comment:
This is what i looking for....greate example man.....thank you very much.....

Title: Just what I was looking for, but having some issues
Name: IG
Date: 2008-12-10 5:24:44 AM
Comment:
This is a great example, I am however getting an error:

Microsoft JScript runtime error: 'window.location.hash' is null or not an object.

I am not too clued up with Java, so any guydance would be appreciated.

Thanks,

Ian

Title: Thanks for the example, works great!
Name: KC
Date: 2008-04-16 9:10:25 AM
Comment:
Thanks for the example. Been looking for something just like this and has really helped! Never thought of using a service.

One comment: Currently, the code only seems to work in IE but a quick change will quickly resolve this...

Might I suggest that you change the very last part of your javascript file to look something like this:

// Register the class
MyServices.Location.registerClass("MyServices.Location");

var myLocation = "blah";
function pageLoad(sender, args) {
// Create a new instance of the class
myLocation = new MyServices.Location("modal", "modalBody", "updateProgress");

// Hide the popup div
myLocation.HidePopupInfo();
}

// Method called by the page controls
// to update the UI with the information
// from the ajax service
function GetAreaInfo(event, args) {
myLocation.ShowPopupinfo(event, args);
}

function HidePopup() {
// Hide the popup div
myLocation.HidePopupInfo();
}

If you notice, I changed "var Location = null;" to "var myLocation = null;". For some reason, the former would cause all non-IE browsers to redirect to whatever location was equal to (even when it was not null.)

Hope this helps and again, great example!

KC

Title: Why use web services?
Name: BWG
Date: 2007-08-29 10:30:54 AM
Comment:
Interesting, but why is it necessary to use web services to achieve this?

Title: This example is working ...
Name: WebDev
Date: 2007-07-27 6:12:02 AM
Comment:
... only in IE.

Title: Not working Example
Name: WebDev
Date: 2007-07-27 6:02:09 AM
Comment:
I've been redirected from Default.aspx to null. Code doesn't work.