Trouble with tables - HTML Forums

MetallicHolden · 02-02-2001, 10:27 PM

Here's what I want to make. A one column table, without a set pixel size. Each cell will have one link. But what I want to do is to be able to have the mouse pointer change to a hand wherever I point in the cell. How do I do this?

kevin · 02-03-2001, 01:05 AM

Something like that might be possible with JAVA scripting or maybe even using style tags. But I can think of a pretty simple way to do it...use an image that is hyperlinked that fills up the whole data cell, then when the mouse cursor passes over the cell it it will turn into a pointing finger. It could be a gif with a transparent background and underlined text to make it look like a normal text link. That might not be what you are looking for, if not maybe someone else will come up with a different answer.

Regards,
Kevin

02-03-2001, 10:55 AM

INSERT THIS CODE BETWEEN THE <HEAD></HEAD> TAGS:

<script language="javascript">
function mOvr(src,clrOver)
{
if (!src.contains(event.fromElement))
{
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}

function mOut(src,clrIn)
{
if (!src.contains(event.toElement))
{
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}

function mClk(src)
{
if(event.srcElement.tagName=='A')
src.children.tags('A')[0].click();
}
</script>

THEN INSERT THIS CODE WHEREVER YOU WANT TO PUT YOU TABLE, MODIFY AS YOU WISH.

<table>
<tr>

<td bgcolor="#FFFFFF" onmouseover="mOvr(this,'#FFFF00');" onmouseout="mOut(this,'#FFFFFF');" onclick="mClk(this);" style="border-left: 1px solid black; border-right: 1px solid black; padding-left: 5px; padding-right: 5px" width="104" nowrap align="center" valign="bottom">
<b><a href="nameofpage.htm" target="principal"><font face="Verdana" size="2" color="#000000">TEXT</font></a></b>
</td><tr>

<td bgcolor="#FFFFFF" onmouseover="mOvr(this,'#FFFF00');" onmouseout="mOut(this,'#FFFFFF');" onclick="mClk(this);" style="border-left: 1px solid black; border-right: 1px solid black; padding-left: 5px; padding-right: 5px" width="104" nowrap align="center" valign="bottom">
<b><a href="nameofpage.htm" target="principal"><font face="Verdana" size="2" color="#000000">TEXT</font></a></b>
</td><tr>

<td bgcolor="#FFFFFF" onmouseover="mOvr(this,'#FFFF00');" onmouseout="mOut(this,'#FFFFFF');" onclick="mClk(this);" style="border-left: 1px solid black; border-right: 1px solid black; padding-left: 5px; padding-right: 5px" width="104" nowrap align="center" valign="bottom">
<b><a href="nameofpage.htm" target="principal"><font face="Verdana" size="2" color="#000000">TEXT</font></a>
</td>
</table>

I HOPE THAT IS WHAT YOU WERE LOOKING FOR. (:0) Thor

MetallicHolden · 02-03-2001, 08:50 PM

Sorry thor, that wasn't exactly what I was looking for. You came through with the cursor changing into a hand, but I was sort of also implying that I wanted the whole cell to be a clickable link.

I think I will go with inserting .gifs into the cell instead, my site has just too much text.

Check out my site at http://oholdeno.cjb.net/ It has some cool html scripts.

02-05-2001, 07:50 PM

Hi, try using an image and making an image map, it should work fine. most sites I see have tha sort of feature. hope you find it...

02-15-2001, 11:02 PM

Insert this code in the <td> tag.

onclick="parent.top.location.href='http://www.whatever.com';"

Example: <td width="100%" bgcolor="#FFFFFF" onclick="parent.top.location.href='http://www.whatever.com';"
style="cursor:hand">Whatever</td>

I hope that helps

justjeni · 02-17-2001, 02:14 PM

Have I got a lot to learn.