List Info

Thread: Cells in an HTML table triggering action in adjacent cell




Cells in an HTML table triggering action in adjacent cell
user name
2006-04-30 06:17:58
Dear Friends:

I want something to change in one cell of a table when I
hover/click on another cell in the
same table.

Please take a look at this simple example:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">

<html>
<head>
</head>

<title>Gaycat's Conundrum</title>

<style type="text/css">

table {
font-family: Arial;
font-size: 90%;
text-align: center;
}

</style>

<body>

<table border="2" width="240"
Height="180">

<tr>
<td>cat</td>
<td>dog</td>
<td>rabbit</td>
</tr>

<tr>
<td colspan="3"
height="110">GATO</td>
</tr>

</table>
</body>

</html>


Imagine:

You hover over "cat" and the larger cell below
reads "GATO."  You click on "cat"
and it 
takes you to a page about Hispanic/American cat realtions.

Can this be done with HTML?  I have been playing with using
the "name" or "id" attribute 
to describe "GATO" and using "a
href" to turn "cat" into a link that
triggers "GATO" in the 
cell below.  Supposedly the "name" attribute can
be used to describe text, as opposed to 
just an image or document link.

Is Javascript the way to go?   Can you point me to one?  Or
should I just create some GIFS 
and get this done with?

TIA
Raoul





For a quick response, your message should include,
 
- A copy of the code
- A copy of any error messages
- A description of what you're trying to achieve
- A description of what's actually happening
http://www.trans4mind.com/personal_developmen
t/HTMLGuide/index.html  For HTML
http://www.trans4mind.com/personal_developme
nt/JavaScript/index.html For JavaScript
You can also download the JavaScript and HTML tutorials
(Nearly 2.5 megabytes.)
A 30 day version of jsEditor is available for free download
at
http://www.trans4mind.com/personal_devel
opment/JavaScript/freeEditor.htm
--------------------------
FREE zip/unzip program:
http://www.trans4mind.com/personal_development/z
ipper/index.html
--------------------------OR go to and change your settings:
http://g
roups.yahoo.com/group/1stJavaScript/
List owner:  1stJavaScript-owner@yahoogroups.com 


://groups.yahoo.com/group/1stJavaScript/
List owner:  1stJavaScript-owner@yahoogroups.com 


 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://g
roups.yahoo.com/group/1stJavaScript/

<*> To unsubscribe from this group, send an email to:
    1stJavaScript-unsubscribe@yahoogroups.com

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.c
om/info/terms/
 


[1]

about | contact  Other archives ( Real Estate discussion Medical topics )