Adding a Row to Parent Table is not working

[John]

In my script

<script language="javas cript">
function AddItinerary()
{
var newRow;
var newCell1,newCel l2,newCell3,new Cell4,newCell5, newCell6;

newRow = document.create Element("tr");
newCell1 = document.create Element("td");
newCell2 = document.create Element("td");
newCell3 = document.create Element("td");
newCell4 = document.create Element("td");
newCell5 = document.create Element("td");
newCell6 = document.create Element("td");

var depdate = AirItineraryFor m.DepDate_TextB oxID.value + " " +
AirItineraryFor m.cmbDepHH + ":" + AirItineraryFor m.cmbDepMM;
var arrdate = AirItineraryFor m.ArrDate_TextB oxID.value + " " +
AirItineraryFor m.cmbArrHH + ":" + AirItineraryFor m.cmbArrMM;

newCell1.innerH TML = "<span
style=\"color:# 003366;font-family:Trebuche t MS;font-size:X-Small;\">"
+ AirItineraryFor m.txtDepFrom.va lue + "</span>";
newCell2.innerH TML = "<span
style=\"color:# 003366;font-family:Trebuche t MS;font-size:X-Small;\">"
+ AirItineraryFor m.txtDesig.valu e + "</span>";
newCell3.innerH TML = "<span
style=\"color:# 003366;font-family:Trebuche t MS;font-size:X-Small;\">"
+ depdate + "</span>";
newCell4.innerH TML = "<span
style=\"color:# 003366;font-family:Trebuche t MS;font-size:X-Small;\">"
+ arrdate + "</span>";
newCell5.innerH TML = "<span
style=\"color:# 003366;font-family:Trebuche t MS;font-size:X-Small;\">"
+ AirItineraryFor m.txtClass.valu e + "</span>";
newCell6.innerH TML = "<span
style=\"color:# 003366;font-family:Trebuche t MS;font-size:X-Small;\">"
+ AirItineraryFor m.txtFlight.val ue + "</span>";

newRow.appendCh ild(newCell1);
newRow.appendCh ild(newCell2);
newRow.appendCh ild(newCell3);
newRow.appendCh ild(newCell4);
newRow.appendCh ild(newCell5);
newRow.appendCh ild(newCell6);
/*************** *************** *************** *************** **/
alert("About to add"); // upto this it is working
/*************** *************** *************** *************** **/
/* Not Working after this line */
/*************** *************** *************** *************** ***
window.opener.t blAirTravel.fir stChild.appendC hild(newRow);
alert("Added to Table");
return true;
}

What i have to do to add a row dynamically to the table in the parent
window?

Thanks in Advance
John.

[Martin Honnen]

John wrote:

window.opener.t blAirTravel.fir stChild.appendC hild(newRow);

Well first of all you seem to want to insert your table rows created in
one window into a table in another window. That works with Mozilla but
the DOM requires you to import such nodes and for instance Opera 7
requires that. And with IE/Win the whole thing is not possible at all,
there you need
newRow = window.opener.d ocument.createE lement('tr');
There might be other problems, from what you show above it is not clear
what tblAirTravel is, what its firstChild is. You should normally append
rows to a tbody or thead or tfooot element, in particular IE requires
that. And for Mozilla you probably need
window.opener.d ocument.getElem entById('tblAir Travel')
but all that is guessing, you need provide more information.
--

Martin Honnen
http://JavaScript.FAQTs.com/

[Fred Oz]

Martin Honnen wrote:
[...]

There might be other problems, from what you show above it is not clear
what tblAirTravel is, what its firstChild is. You should normally append
rows to a tbody or thead or tfooot element, in particular IE requires
that.

[...]

Good point, particularly "what its firstChild is". The general way is
to use the rows collection to find the row you want to add the new one
after, then use insertBefore and nextSibling.

If there is no nextSibling (i.e. you want to add it after the last
row), then that is what happens.

It's also worth noting that rows can't be parents (or children) of
other rows. So even if firstChild was a row, and indeed another was
added as a child, the results would be unreliable at best.

If you want to just toss the row in the general direction of the table
and let the browser work out how to add it, then use appendChild on the
table itself, this adds it to the end of the table body reasonably
reliably.

Fred.

[Fred Oz]

Martin Honnen wrote:
[...]

There might be other problems, from what you show above it is not clear
what tblAirTravel is, what its firstChild is.

[...]

Good point, particularly "what its firstChild is". The general way is
to use the rows collection to find the row you want to add the new one
after, then use insertBefore and nextSibling.

If there is no nextSibling (i.e. you want to add it after the last
row), then that is what happens.

It's also worth noting that rows can't be parents (or children) of
other rows. So even if firstChild was a row, and indeed another was
added as a child, the results would be unreliable at best.

If you want to just toss the row in the general direction of the table
and let the browser work out how to add it, then use appendChild on the
table itself, this adds it to the end of the table body reasonably
reliably.

Rob.

[Martin Honnen]

Fred Oz wrote:

If you want to just toss the row in the general direction of the table
and let the browser work out how to add it, then use appendChild on the
table itself, this adds it to the end of the table body reasonably
reliably.

No, at least with MSIE/Win you need to make sure you call appendChild on
a tbody (or thead or tfoot) element, if you call appendChild on a table
itself passing in a row as the argument IE doesn't render the row at all
so what you suggest above is not a good suggestion, the leading browser
in terms of market share doesn't "work out how to add it".

--

Martin Honnen
http://JavaScript.FAQTs.com/