Connecting Tech Pros Worldwide Forums | Help | Site Map

highlighting text within a specific cell

mikename@gmail.com
Guest
 
Posts: n/a
#1: Sep 7 '06
Hi,
I'm currently working on a project which is essentially a clickable
world map. I have successfully mapped the image and using a
OnMouseOver = "Continent()" OnMouseOut = "World()" command in each
mapping line ie. <area shape="poly" onmouseover="NA()"
onmouseout="World()" coords="(lotsonumbers)".

In my continent functions I change the image using something like:
function Africa()
{document.images[35].src="/_View/images/maps/worldmaps/world.africa.jpg";
return true;}

This gives me the "highlighting" effect I was looking for when people
mouse over the continent.

However! my problem now is that I need to find a way to essentially
link that with a cell within the same table as the mapped image. There
is a list of the continents in the column next to the map (the map has
all the rows merged in that column). I need it so that if I run the
mouse over the continent or that cell both of them highlight at the
same time. I see the best way of doing this as having both call the
World or Continent function. However I have been unable to find any
way of setting a specific cell's background or text from within a
function.

If you have any suggestions or can help with the syntax I'd appreciate
it very much.

Thanks for your time,
Mike


Joshie Surber
Guest
 
Posts: n/a
#2: Sep 7 '06

re: highlighting text within a specific cell



mikename@gmail.com wrote:
Quote:
Hi,
I'm currently working on a project which is essentially a clickable
world map. I have successfully mapped the image and using a
OnMouseOver = "Continent()" OnMouseOut = "World()" command in each
mapping line ie. <area shape="poly" onmouseover="NA()"
onmouseout="World()" coords="(lotsonumbers)".
>
In my continent functions I change the image using something like:
function Africa()
{document.images[35].src="/_View/images/maps/worldmaps/world.africa.jpg";
return true;}
>
This gives me the "highlighting" effect I was looking for when people
mouse over the continent.
This is what happens when you put a text editor in front of a bored
programmer.
Quote:
However! my problem now is that I need to find a way to essentially
link that with a cell within the same table as the mapped image. There
is a list of the continents in the column next to the map (the map has
all the rows merged in that column). I need it so that if I run the
mouse over the continent or that cell both of them highlight at the
same time. I see the best way of doing this as having both call the
World or Continent function. However I have been unable to find any
way of setting a specific cell's background or text from within a
function.
Better way... make your globe using something like
http://www.alistapart.com/articles/sprites/ and have the image inside
your anchor list. ie:
<ol id="map">
<li><a href="NA" onmouseover="NA()" onmouseout="World()">North America
<img src="na.gif" style="position:absolute;top:100px;left:150px"
/></li>
<li>...

then your hilight code can stay in your anchors. In fact, you could do
your hilighting with CSS this way. Much tidier.
Quote:
If you have any suggestions or can help with the syntax I'd appreciate
it very much.
>
Thanks for your time,
Mike
Closed Thread