onclick td

dhtmlhelp

06-22-2002, 02:26 PM

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

Nightfire

06-22-2002, 03:05 PM

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

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

dhtmlhelp

06-22-2002, 03:13 PM

Hi Nightfire,

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

DHTMLHELP

Nightfire

06-22-2002, 03:20 PM

Erm, try this

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

Might work, might not

dhtmlhelp

06-22-2002, 03:30 PM

Hi Nightfire,

nope, doesn't work.

DHTMLHELP

boxer_1

06-22-2002, 04:49 PM

Hi, try this:

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

Should do the trick ;).

boxer_1

06-22-2002, 07:01 PM

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 ;).

dhtmlhelp

06-22-2002, 09:06 PM

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

boxer_1

06-22-2002, 09:40 PM

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

dhtmlhelp

06-22-2002, 10:51 PM

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

jkd

06-22-2002, 11:38 PM

Perhaps top.main instead of parent.main?

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

ACJavascript

06-22-2002, 11:40 PM

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:):)

dhtmlhelp

06-23-2002, 12:33 AM

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

dhtmlhelp

06-23-2002, 12:35 AM

WHei,

top.main works !!!!

thanks guys.

DHTMLHELP