473,320 Members | 1,865 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Dynmically creating elements in a table works with firefox, opera, but not ie

I have this code when you click the buttom is suppose to add a job
history. it works with firefox, opera, but not ie. (please note -
new entries don't have all the elements in them yet, but enough to get
the idea).
Here is the code:
-----------------------------------------------------------------

<html>
<head>
<title>Dynamic Form</title>
<script language="javascript">

function addStuff()
{
var theValue = document.getElementById('theValue');
theValue.value += 1;

var position = document.getElementById('positions');
tr = document.createElement("tr");
position.appendChild(tr);

td = document.createElement("td");
tr.appendChild(td);
td.innerHTML = "<textarea name='emp" + theValue.value +
"'></textarea>";

td = document.createElement("td");
tr.appendChild(td);
td.innerHTML = "<P>From:</P><P>To:</P>";

sel = document.createElement("select");
sel.setAttribute("name", "aaa");
tr.appendChild(sel);

for (n=1960; n < 2006; n++)
{
option = document.createElement("option");
option.setAttribute("value", n);
option.innerHTML = n;
sel.appendChild(option);
}
}


</script>
</head>
<body>
<H3 align="center">Employment History - Last 10 Years</H3>
<form name="myform">

<table cellspacing="3" id="positions" cellpadding="2" border="1"
width="100%">
<tr>
<td>latest/current</td>
<td>
<textarea name="emp1" rows="6" cols="40" ></textarea>
</td>
<td>
<P>From:</P>
<P>To:</P>
</td>
<td>
<P>

<select name="emp1_fr_mm" size="1">
<option value="sl">- SELECT -</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>

<select name="emp1_fr_yyyy" size="1">
<option value="sl">- SELECT -</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
</select>
<P>

<select name="emp1_to_mm" size="1">
<option value="sl">- SELECT -</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select name="emp1_to_yyyy" size="1">
<option value="sl">- SELECT -</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
</select>
</P>

</td>

</tr>
<tr>
<td>previous employment</td>
<td>
<textarea name="emp2" rows="6" cols="40" ></textarea>
</td>
<td>
<P>From:</P>
<P>To:</P>
</td>
<td>
<P><select name="emp2_fr_mm" size="1">
<option value="sl">- SELECT -</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>

<select name="emp2_fr_yyyy" size="1">
<option value="sl">- SELECT -</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
</select>
</P>
<P>
<select name="emp2_to_mm" size="1">
<option value="sl">- SELECT -</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select name="emp2_to_yyyy" size="1">
<option value="sl">- SELECT -</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
</select>

</P>

</td>
</tr>
<tr>
<td>previous employment</td>
<td>
<textarea name="emp3" rows="6" cols="40" ></textarea>
</td>
<td>
<P>From:</P>
<P>To:</P>
</td>
<td>
<P>
<select name="emp3_fr_mm" size="1">
<option value="sl">- SELECT -</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select name="emp3_fr_yyyy" size="1">
<option value="sl">- SELECT -</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
</select>
</P>

</P>
<select name="emp3_to_mm" size="1">
<option value="sl">- SELECT -</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select name="emp3_to_yyyy" size="1">
<option value="sl">- SELECT -</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
</select>
</td>
</tr>
<tr>
<td>previous employment
</td>
<td>
<textarea name="emp4" rows="6" cols="40" ></textarea>
</td>
<td>
<P>From:</P>
<P>To:</P>
</td>
<td>
<P>
<select name="emp4_fr_mm" size="1">
<option value="sl">- SELECT -</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select name="emp4_fr_yyyy" size="1">
<option value="sl">- SELECT -</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
</select>
</P>

</P>
<select name="emp4_to_mm" size="1">
<option value="sl">- SELECT -</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select name="emp4_to_yyyy" size="1">
<option value="sl">- SELECT -</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
</select>
</td>


<input type="hidden" value="5" id="theValue" />
<div id="my_div"></div>

</table>
<input type="button" value="Add An Employment History"
onClick="addStuff()">
<input type="submit" value="Next">

</form>
</body>
</html>


</form>

</body>
</html>
-----------------------------------------------------------------------------------------------------------------------

Can anyone tell me how to get this to work with ie?

Thanks very much.

patrick kellogg

Jul 10 '06 #1
3 1891


patrickkellogg wrote:

var position = document.getElementById('positions');
tr = document.createElement("tr");
position.appendChild(tr);
You need to append the tr element to a tbody element (which the HTML
parser creates even if it is not in the markup):
var tbody = position.tBodies[position.tBodies.length - 1];
tbody.appendChild(tr);
That makes IE happy and the other browsers too.

--

Martin Honnen
http://JavaScript.FAQTs.com/
Jul 10 '06 #2
Martin,

Thanks very much. ie works much better but still doesn't display the
select box years, which firefox and opera does okay.

taking your advise, here is the function code: I am new at this
dynamic stuff and i really don't understand it very well. did i put
the:

var tbody = position.tBodies[position.tBodies.length - 1];
tbody.appendChild(tr);

in the correct place? Does it need to be inserted in more than one
place?

thanks again.
patrick
---------------------------------------------------------------------------

function addStuff()
{
var theValue = document.getElementById('theValue');
theValue.value += 1;

var position = document.getElementById('positions');
tr = document.createElement("tr");
position.appendChild(tr);

var tbody = position.tBodies[position.tBodies.length - 1];
tbody.appendChild(tr);
td = document.createElement("td");
tr.appendChild(td);
td.innerHTML = "<textarea name='emp" + theValue.value +
"'></textarea>";

td = document.createElement("td");
tr.appendChild(td);
td.innerHTML = "<P>From:</P><P>To:</P>";

sel = document.createElement("select");
sel.setAttribute("name", "aaa");
tr.appendChild(sel);
for (n=1960; n < 2006; n++)
{
option = document.createElement("option");
option.setAttribute("value", n);
option.innerHTML = n;
sel.appendChild(option);
}
}

------------------------------------------------------------------------------------------------

Martin Honnen wrote:
patrickkellogg wrote:

var position = document.getElementById('positions');
tr = document.createElement("tr");
position.appendChild(tr);

You need to append the tr element to a tbody element (which the HTML
parser creates even if it is not in the markup):
var tbody = position.tBodies[position.tBodies.length - 1];
tbody.appendChild(tr);
That makes IE happy and the other browsers too.

--

Martin Honnen
http://JavaScript.FAQTs.com/
Jul 10 '06 #3
patrickkellogg wrote:
Martin,
Please dont' top post, interleave replies with trimmed, quoted text
from whatever you are replying to. Also, don't use tabs for indenting
when posting, use 2 or 4 spaces.

Thanks very much. ie works much better but still doesn't display the
select box years, which firefox and opera does okay.

taking your advise, here is the function code: I am new at this
dynamic stuff and i really don't understand it very well. did i put
the:

var tbody = position.tBodies[position.tBodies.length - 1];
tbody.appendChild(tr);

in the correct place? Does it need to be inserted in more than one
place?

thanks again.
patrick
---------------------------------------------------------------------------

function addStuff()
{
var theValue = document.getElementById('theValue');
In the code you posted, there is no element with id 'theValue', is it
an input element?
theValue.value += 1;
If it is, then its value is a string and the above will concatenate a
'1' to the end of it (1 will become 11, 20 will become 201, and so on),
it wil not perform an arithmetic sum which is probably what you want.
If you want to add one to the value you need to convert it to a number
first. The unary '+' operator is normally suggested:

theValue.value = +theValue.value + 1;

Alternatively you can subtract -1 which is effectively the same as the
above, but that is a little less logical and may create a maintenance
issue:

theValue.value -= -1;

var position = document.getElementById('positions');
tr = document.createElement("tr");
position.appendChild(tr);
As noted previoiusly, most browsers let you add tr elements directly to
the table (they will append them to the first tableSection element) but
not IE. Your next couple of lines actually moves the row to the first
tBody if it hand't been placed there already.

var tbody = position.tBodies[position.tBodies.length - 1];
tbody.appendChild(tr);
You can save all this fuss using insertRow:

var tr = position.insertRow(-1);
Done. The new row is appended as the table's last row and 'tr' is a
reference to it. In IE you can omit the (-1), but not W3C compliant
browsers, they need it (as per the spec).

<URL:http://developer.mozilla.org/en/docs/DOM:table.insertRow>

td = document.createElement("td");
tr.appendChild(td);
And here you could use insertCell (and use 'var' to keep variables
local unless you mean to use global scope, in which case they should be
decared there for tidiness):

var td = tr.insertCell(-1);

td.innerHTML = "<textarea name='emp" + theValue.value +
"'></textarea>";
You started off wanting to use XHTML, I guess you've seen the light and
switched to HTML. :-)

You could use DOM here if you like:

var tArea = document.createElement('textarea');
tArea.name = 'emp' + theValue.value;
td.appendChild(tArea);

td = document.createElement("td");
tr.appendChild(td);
td.innerHTML = "<P>From:</P><P>To:</P>";
Here you can use:

td = tr.insertCell(-1);
var p = document.createElement('p');
p.appendChild(document.createTextNode('From:'));
td.appendChild(p);
p = document.createElement('p');
p.appendChild(document.createTextNode('To:'));
td.appendChild(p);

sel = document.createElement("select");
var sel = ...
sel.setAttribute("name", "aaa");
It's more reliable to use:

sel.name = 'aaa';

setAttribute is broken in some circumstances in IE, so just don't use
it.

tr.appendChild(sel);
A TR can only have TD elements as children, you have to put the select
in a TD or outside the table. I think you meant to do:

td.appendChild(sel);

for (n=1960; n < 2006; n++)
{
option = document.createElement("option");
option.setAttribute("value", n);
option.innerHTML = n;
sel.appendChild(option);
As documented here many times, IE doesn't like creating options using
createElement. Use DOM 0 and new Option (search for it, there are
plenty of examples):

for (n=1960; n < 2006; n++)
{
sel.options[sel.length] = new Option(n, 'value');

Which is much shorter too :-)

}
}
Here's a working example (tested in IE 6 and Firefox 1.5):

<title>Add stuff</title>
<script type="text/javascript">
function addStuff()
{
var theValue = document.getElementById('theValue');
theValue.value = +theValue.value + 1;

// theValue.value -= -1;
var position = document.getElementById('positions');
var tr = position.insertRow(-1);
var td = tr.insertCell(-1);
var tArea = document.createElement('textarea');
tArea.name = 'emp' + theValue.value;
td.appendChild(tArea);

td = tr.insertCell(-1);
var p = document.createElement('p');
p.appendChild(document.createTextNode('From:'));
td.appendChild(p);
p = document.createElement('p');
p.appendChild(document.createTextNode('To:'));
td.appendChild(p);

var sel = document.createElement("select");
sel.name = 'aaa';

td.appendChild(sel);

for (n=1960; n < 2006; n++)
{
sel.options[sel.length] = new Option(n, 'value');

}
}

</script>

<table id="positions">
<tr>
<td><input type="text" value="0" id="theValue"></td>
<td><input type="button" value="Add stuff"
onclick="addStuff();"></td>
</tr>
</table>

--
Rob

Jul 10 '06 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

16
by: Mcginkel | last post by:
I am trying to find a way to load XHTML content in an Iframe. I use to do this in html by using the following code : var iframeObject = document.createElement("iframe");...
7
by: Alex | last post by:
Hi Everone, I need some advice on how to setup 4 columns where the outside two are absolute (120px) and the inner two (side by side) are relevent (Fluid) and change with the screen. Here's my...
11
by: Norman L. DeForest | last post by:
Am I misunderstanding the CSS specifications or is Firefox (version 1.0.6) (and Opera) doing the wrong thing? It appears that Firefox 1.0.6 includes the border in width calculations for tables...
3
by: Seni Seven | last post by:
Extensive Google searching for more than a couple of hours has not provided me with a satisfactory answer to this question: How can I make scrollable TBODY elements in tables which: * create...
11
by: Hymer | last post by:
Hello, I have a small table that works fine in IE6 but does not render at all in Opera or Firefox. Can anyone see what might be needed to get this to work in all three browsers? The code...
25
by: Dave | last post by:
Hello. In trying to get an anchor element to stylistically match an input or button element, I find that the button and input cannot be styled according to the 2.1 CSS spec. For example, I...
4
by: Iulian Ilea | last post by:
Hello, I try to create a calendar. It's done, it's works fin in Firefox, but it's not displayed in Internet Explorer. Structure: createElement("div"); append.document.body...
7
by: mavigozler | last post by:
IE7 does not appear to set an event on contained text inside SPAN elements whose 'onclick', 'onmouseover', and 'onmouseout' events, defying the HTML recommendation. Firefox appears to conform. ...
7
by: mike57 | last post by:
The minimal AJAX script below works in Firefox, but not in IE, Opera, or Chrome. I could use some suggestions or referrals to resources that will help me get the script working in other browsers. ...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.