send onclick event to another element

[tomaz]

<SCRIPT LANGUAGE=javascript>
 
function tdclick (ObjTD) {
 
 ArrLinks = ObjTD.getElementsByTagName ("A");
 
document.getElementById("link").onclick();
}
 
</SCRIPT>
 
<table>
<tr>
  <td id="Div_ID" onclick="javascript:tdclick(this);"> <a href="#" id="link" onclick="javascript:alert('It works');">test</a></td>
</tr>
</table>
 
 

Hi

My goal: I have a calendar in table-form. each TD element is a day.
Now they have to click on the hyperlink of the daynumber itself. for example: 3.

I want to change this:
If you click on the TD cell the onclick event of <a href should be executed.

Notice: the <a href is created in javascript as follow:

Date.toString().link("javascript:SelectDate(" + Date + ");");

So, I don't have the possibility to add an ID to the link.

Note: I don't want to add the onclick event directly in the TD tag. I prefer to make it seperate/dynamic.



If I use the ObjTD.ArrLinks[0].onclick(), it just don't work...
The only way is: document.getelementbyid...

is there a way around?

I would appreciate your help

thanks in advance

[tomaz]

hm...

I tried:

document.Arrlinks[0].onclick()
ObjTD.Arrlinks[0].onclick()

ofcourse this don't work...

it's only:

Arrlinks[0].onclick()


sorry guys!

[acoder]

That's correct. Two more quick things:
1. Use the script type attribute. The language attribute is deprecated.
2. You don't need the "javascript:" protocol in onclick.

[tomaz]

thanks acoder, I always receive nice tips from your side.

still, it does not work.

"object doesn't support this property or method"
on following line:
ArrLinks[0].onclick();

Yet the ArrLinks.length > 0

[acoder]

Hmm... OK, try this:

<script type="text/javascript">
function tdclick (ObjTD) {
    ArrLinks = ObjTD.getElementsByTagName("a");
    ArrLinks[0].onclick();
}
</script>
<table>
<tr>
  <td id="Div_ID" onclick="tdclick(this);"><br>
    <a href="#" onclick="alert('It works'); return false;">test</a><br>
  </td>
</tr>
</table>

The problem would be that on clicking the link, the event would fire twice. If you want it to be truly dynamic and unobtrusive, then remove the onclick from the link and the table cell and add it dynamically, e.g.

// reference to table tbl
cellsIn1stRow = tbl.rows[0].cells;
// use a loop to set cells onclick, e.g.
cells[0].onclick = function() {
// do something...
}

[tomaz]

thanks acoder!! thank you very much.
I've noticed that ArrLinks[0].onclick() doesn't work, but!
ArrLinks[0].click() works fine!

[acoder]

click() is not a link method. Which browser(s) did you test? Have you checked that it works in other browsers.