Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > displaying html content based upon Client Side image map coordinates

Reply
Thread Tools

displaying html content based upon Client Side image map coordinates

 
 
RF Rohrer
Guest
Posts: n/a
 
      04-03-2005
I have a class reunion group photo that I want to add a mouseOver or
mouseClick effect to that will display the persons name and other images
associated with them, near the mouse-over.

There are about 80 or so people in the photo.

I know how to create a client side image map. That is not the need. The need
is to associate each mapped area to HTML content that can be shown/hidden
with js code: MouseOver or OnClick on each map <area name= line.

I am a cut-n-paste level JS user. So, I will need something to follow in
that same method.

Where might I find something like this?

Most of the js scripting that I have seen is dealing with the dsiplay of
IMAGES, not HTML content.

Is there a JS out there that will do this?


 
Reply With Quote
 
 
 
 
Csaba Gabor
Guest
Posts: n/a
 
      04-03-2005
An idea for you:
http://www.boutell.com/mapedit/

I had no complaints in my simple usage of this program.
My usage was to define many areas so that something
distinct would show upon the user mousing over each
different area. The program allows you to efficiently
draw (with the mouse) all the distinct areas that you
are interested in and to attach the associated behaviour.

This will allow you to include the showing of HTML elements
that you have already defined by setting javascript
when you mouse over a particular area to do something like
document.getElementById('yourElement').style.displ ay = "";
(and don't forget to undo the effect when the mouse leaves).

Csaba Gabor from Vienna


RF Rohrer wrote:
> I have a class reunion group photo that I want to add a mouseOver or
> mouseClick effect to that will display the persons name and other images
> associated with them, near the mouse-over.
>
> There are about 80 or so people in the photo.
>
> I know how to create a client side image map. That is not the need. The need
> is to associate each mapped area to HTML content that can be shown/hidden
> with js code: MouseOver or OnClick on each map <area name= line.
>
> I am a cut-n-paste level JS user. So, I will need something to follow in
> that same method.
>
> Where might I find something like this?
>
> Most of the js scripting that I have seen is dealing with the dsiplay of
> IMAGES, not HTML content.
>
> Is there a JS out there that will do this?
>
>

 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Capturing client-side image coordinates Tony Gahlinger Javascript 9 05-01-2004 05:31 PM
Re: Image map: client-side or server-side (cgi)? Luigi Donatello Asero HTML 25 12-25-2003 01:32 PM
Image map: client-side or server-side (cgi)? Luigi Donatello Asero HTML 12 12-24-2003 12:03 PM
Re: Image map: client-side or server-side (cgi)? Luigi Donatello Asero HTML 0 12-23-2003 09:27 PM
Converting canvas coordinates to window coordinates....... Suresh Kumar Python 0 07-03-2003 04:53 AM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57