Helpful Information

Category: General web building

onclick td

Hi,

I am trying to apply an onclick event to a <td>. The event should look something like this:

<td onclick="test/test.html" target="main">
</td>

It is not working though; the error message I get is "test is not defined". Would someone know how I can fix this?

DHTMLHELP

Onclick doesn't work that way. This might work - not good at js

onclick="document.location='test/test.html'"

Hi Nightfire,

it works fine except how can I include target="main" in the onclick event ???

DHTMLHELP

Erm, try this

document.main.location='test/test.html'

Might work, might not

Hi Nightfire,

nope, doesn't work.

DHTMLHELP

Hi, try this:

<td onclick="parent.main.location=''test/test.html'">
Cell contents...
</td>

Should do the trick ;).

I put an example thinking it might be more helpful to see it work (not all browsers will support the onClick event handler in a table cell):

http://www.kynd.com/~buyswap/onClick_td_frame.html

Here's the code that loads into the frame on the right (named 'other'):

<html>
<head>
<title></title>
</head>
<body>
<p>
This page is loaded into the frame named other.
</p>
<table>
<tr>
<td onclick="parent.main.location='http://www.codingforums.com/'">
Cell contents, <b>click here</b>.
</td>
</tr>
</table>
</body>
</html>

Just in case you were still having trouble ;).

Hi boxer,

it doesn't work yet. I am thinking is it because I am not specifying http. Below is how the td looks like:

<td width="180" bgcolor="#F4F4FF" onmouseover="this.style.backgroundColor='#EEEEFF'" onmouseout="this.style.backgroundColor='#F4F4FF'" onclick="parent.main.location='ml/ml.html'" style="cursor:hand;">

</td>

the error message I receive is:

parent.main is null or not an object

Does IE support the onclick event in tables?

DHTMLHELP

Originally posted by dhtmlhelp
Hi boxer,

it doesn't work yet. I am thinking is it because I am not specifying http. Below is how the td looks like:

<td width="180" bgcolor="#F4F4FF" onmouseover="this.style.backgroundColor='#EEEEFF'" onmouseout="this.style.backgroundColor='#F4F4FF'" onclick="parent.main.location='ml/ml.html'" style="cursor:hand;">

</td>

the error message I receive is:

parent.main is null or not an object

Does IE support the onclick event in tables?

DHTMLHELP

As long as the path to the document (ml/ml.html) you specify is correct, it should work. If you place the html document in the same directory as the rest of your pages you can just use 'ml.html' as your path. The 'http' was just for the pupose of my example.

As to your question asking if IE supports the onclick event handler in table cells...well, it depends on the version. In IE 6, yes. Did the example I posted for you work?

Using the onclick event handler in a table cell is not very cross-browser and probably not too good of an idea unless you creating an intranet site where everyone with access to the page has a browser that supports it.

See here for more information on the onclick event handler:

http://developer.netscape.com/docs/manuals/js/client/jsref/handlers.htm#1119802

Hi,

I am using IE6. I still get the following error message:

parent.main is null or not and object

would you know why?

DHTMLHELP

Perhaps top.main instead of parent.main?

Nested framesets may be causing the problem with parent...

HI dhtmlhelp,

You would only get that kind of error when the frame isn't there.

So don't test it alone. You must test it within a frameset with one of the frames called main. It will work then.

If it doesn't then try this (but in a frame)

<td onClick="javascript:parent.main.location.href='ml/ml.html';">
Bla Bla
</td>

Hope this helps:):)

Hi,

maybe I should have specified that the table is in an iframe within another iframe. The iframe with the table is called sg while the main iframe is called main. I have tried:

onClick="javascript:parent.main.location.href='ml/ml.html';"

but still get the same error.

DHTMLHELP

WHei,

top.main works !!!!

thanks guys.

DHTMLHELP