adding rows to a table

5 Message(s) by 3 Author(s) originally posted in javascript programming

From: benkasminbullock

Date: Friday, October 26, 2007

I have a script which adds row

<data, database, programming> An {ordered set} of {fields},
	usually stored contiguously.  The term is used with similar
	meaning in several different contexts.  In a file, a "record"
	probably has some fixed length, in contrast to a "line" which
	may have any length and is terminated by some {End Of Line}
	sequence).  A {database} record is also called a "row".  In a
	{spreadsheet} it is always called a "row".  Some programming
	languages use the term to mean a type composed of fields of
	several other types ({C} calls this a "{struct}").

	In all these cases, a record represents an entity with certain
	field values.

	Fields may be of a fixed width ({bits} or {characters}) or
	they may be separated by a {delimiter} character, often
	{comma} ({CSV}) or {HT} ({TSV}).

	In a database the list of values of a given field from all
	records is called a column.

	(2002-03-22)

s to an HTML

<hypertext, World-Wide Web, standard> (HTML) A {hypertext}
	document format used on the {World-Wide Web}.  HTML is built
	on top of {SGML}.  "Tags" are embedded in the text.  A tag
	consists of a "<", a "directive" (in lower case), zero or
	more parameters and a ">".  Matched pairs of directives, like
	"<title>" and "</title>" are used to delimit text which is to
	appear in a special place or style.

	Links to other documents are in the form

	 <a href="http://machine.edu/subdir/file.html">foo</a>

	where "<a>" and "</a>" delimit an "anchor", "href" introduces
	a hypertext reference, which is most often a {Uniform Resource
	Locator} (URL) (the string in double quotes in the example
	above).  The link will be represented in the browser by the
	text "foo" (typically shown underlined and in a different
	colour).

	A certain place within an HTML document can be marked with a
	named anchor, e.g.:

	 <a name="baz">

	The "fragment identifier", "baz", can be used in an href by
	appending "#baz" to the document name.

	Other common tags include <p> for a new paragraph, <b>..</b>
	for bold text, <ul> for an unnumbered list, <pre> for
	preformated text, <h1>, <h2> .. <h6> for headings.

	{HTML} supports some standard {SGML} {national characters} and
	other non-{ASCII} characters through special {escape
	sequences}, e.g. "&eacute;" for a lower case 'e' with an acute
	accent.  You can sometimes get away without the terminating
	semicolon but it's bad style.

	Most systems will ignore the case of tags and attributes but
	lower case should be used for compatibility with {XHTML}.

	The {World-Wide Web Consortium} (W3C) is the international
	{standards} body for HTML.

	Latest version: {XHTML} 1.0, as of 2000-09-10.

	{Home (http://www.w3.org/MarkUp/)}.

	{Character escape sequences
	(http://www.w3.org/hypertext/WWW/MarkUp/ISOlat1.html)}.

	See also {weblint}.

	(2006-01-19)

table

<database> A collection of {records} in a {relational database}.

	(1997-06-04)

. However, the script
functions only for Firefox

<World-Wide Web> A complete {free}, {open-source} {web
	browser} from the {Mozilla Foundation} and therefore a true
	code descendent of {Netscape Navigator}.  The first non-{beta
	release} was in late 2004.

	{Firefox Home (http://www.mozilla.org/products/firefox)}.

	(2005-01-26)

and not for Internet

<networking> (Note: not capitalised) Any set of networks
	interconnected with {routers}.  The {Internet} is the biggest
	example of an internet.

	(1996-09-17)

Explorer. Here is a
test case which works on Firefox 2.0.0.8 but doesn't work on Internet
Explorer 6.0.

Can anyone explain why this doesn't work, and is there a way to make
it work with Internet Explorer?

What bothers me is that modifying the script slightly to change the
table to a <ul> and the <tr> to a <li> does work with Internet
Explorer.

Thanks for any help.

%%%%%%%%%%%%%%% start of example

<html>
<head>
<script>
function add_a_row()
{
alert

<operating system> /*'l*rt/ An audible and/or visual message
	intended to inform a system's users or administrators about a
	change in the operating conditions of that system or about
	some kind of error condition.  In a {graphical user
	interface}, an alert would typically be displayed as a small
	window containing the message and a button to click to dismiss
	the window.

	(1999-03-29)

("Add a row");
var cell

<networking> {ATM}'s term for a {packet}.

	(1996-08-21)

= document.createElement("td");
cell.appendChild(document.createTextNode("Second"));
var row = document.createElement("tr");
row.appendChild(cell);
var mytable = document.getElementById("mytable");
mytable.appendChild(row);
}
</script>
<style>
table { border-style: outset; border-width: 3; }
td { border-style: inset; border-width: 3; font-size: 50; }
</style>
</head>
<body>
<table id="mytable">
<tr><td>First</td></tr>
</table>
<form>
<input type="button"
onclick="add_a_row()"
value="add a row">
</form>
</body>
</html>

%%%%%%%%%%%%%%%%% end of example

From: RobG

Date: Friday, October 26, 2007

On Oct 26, 4:11 pm, "benkasminbull...@xxxxxxxxxxx"
wrote in message:

I have a script which adds rows to an HTML table. However, the script
functions only for Firefox and not for Internet Explorer. Here is a
test case which works on Firefox 2.0.0.8 but doesn't work on Internet
Explorer 6.0.

<FAQENTRY>

Here it is again... :-)

</FAQENTRY>

Can anyone explain why this doesn't work, and is there a way to make
it work with Internet Explorer?

When adding rows to a table:

1. Do not ever user innerHTML (OK, you did not do that)

2. Do not append rows to the table, append them to a
tableSection element

1. <data, programming> One of the items of data in an {array}.

	2. <language, text> One kind of node in an {SGML}, {HTML}, or
	{XML} {document} {tree}.  An SGML element is typically
	represented by a start {tag} ("<p>") and an end tag ("</p>").
	In some SGML implementations, some tags are omissible, as with
	"</p>" in {HTML}.

	The start tag can contain {attributes} ("<p lang="en-UK"
	class='stuff'>"), which are an unordered set of key-value
	bindings for that element.  Both the start tag and end tag for
	an element typically contain the "tag name" (also called the
	"{GI}" or generic identifier) for that element.

	In {XML}, an element is always represented either by an
	explicit start tag and end tag, or by an empty element tag
	("<img src='thing.{png}' alt='a dodad' />").

	Other kinds of SGML node are: a section of character data
	("foo"), a comment ("<!-- bar -->"), a markup declaration
	("<!ENTITY reg CDATA '&#174'>"), or a processing instruction
	("<?xml-stylesheet href="shop-english.xsl" type="text/xsl"
	?>").

	(2001-01-30)

(tbody, thead or tfoot)

3. Consider using insertRow(-1) on the table or tableSection
so the row is created and appended in one statement.<URL: http://developer.mozilla.org/en/docs/Gecko_DOM_Reference:Examples#Example_8:_Using_the_DOM_Table_Interface

--
Rob

From: benkasminbullock

Date: Friday, October 26, 2007

wrote in message:

> Can anyone explain why this doesn't work, and is there a way to make
> it work with Internet Explorer?
When adding rows to a table:
1. Do not ever user innerHTML (OK, you did not do that)
2. Do not append rows to the table, append them to a
tableSection element (tbody, thead or tfoot)
3. Consider using insertRow(-1) on the table or tableSection
so the row is created and appended in one statement.
<URL:http://developer.mozilla.org/en/docs/Gecko_DOM_Reference:Examples#Exa...

Thank you very much for your help.

Incidentally it says on the web pages that only IE needs to have the
elements added to tbody, but in fact Firefox was adding some extra
space

<character> The space character, {ASCII} 32.

	See {octal forty}.

at the top of the table every time I recreated it which was the
bug which drove me to test it with Internet Explorer in the first
place. Putting the elements onto

<mathematics> A function f : A -> B is surjective or onto or a
	surjection if f A = B.  I.e. f can return any value in B.
	This means that its {image} is its {codomain}.

	Only surjections have {right inverses}, f' : B -> A where
	f (f' x) = x since if f were not a surjection there would be
	elements of B for which f' was not defined.

	See also {bijection}, {injection}.

	(1995-05-27)

<tbody> stopped the Firefox problem.

Thanks again.

From: SAM

Date: Saturday, October 27, 2007

RobG a écrit :

<URL: http://developer.mozilla.org/en/docs/Gecko_DOM_Reference:Examples#Example_8:_Using_the_DOM_Table_Interface

My english is too poor and I did not understand if this example is
correctly interpreted

<programming> A program which executes other programs.  This
	is in contrast to a {compiler} which does not execute its
	input program (the "{source code}") but translates it into
	executable "{machine code}" (also called "{object code}")
	which is output to a file for later execution.  It may be
	possible to execute the same source code either directly by an
	interpreter or by compiling it and then executing the {machine
	code} produced.

	It takes longer to run a program under an interpreter than to
	run the compiled code but it can take less time to interpret
	it than the total required to compile and run it.  This is
	especially important when prototyping and testing code when an
	edit-interpret-debug cycle can often be much shorter than an
	edit-compile-run-debug cycle.

	Interpreting code is slower than running the compiled code
	because the interpreter must analyse each statement in the
	program each time it is executed and then perform the desired
	action whereas the compiled code just performs the action.
	This run-time analysis is known as "interpretive overhead".
	Access to variables is also slower in an interpreter because
	the mapping of identifiers to storage locations must be done
	repeatedly at run time rather than at compile time.

	There are various compromises between the development speed
	when using an interpreter and the execution speed when using a
	compiler.  Some systems (e.g. some {Lisps}) allow interpreted
	and compiled code to call each other and to share variables.
	This means that once a routine has been tested and debugged
	under the interpreter it can be compiled and thus benefit from
	faster execution while other routines are being developed.
	Many interpreters do not execute the source code as it stands
	but convert it into some more compact internal form.  For
	example, some {BASIC} interpreters replace {keywords} with
	single byte tokens which can be used to {index} into a {jump
	table}.  An interpreter might well use the same {lexical
	analyser} and {parser} as the compiler and then interpret the
	resulting {abstract syntax tree}.

	There is thus a spectrum of possibilities between interpreting
	and compiling, depending on the amount of analysis performed
	before the program is executed.  For example {Emacs Lisp} is
	compiled to "{byte-code}" which is a highly compressed and
	optimised representation of the Lisp source but is not machine
	code (and therefore not tied to any particular hardware).
	This "compiled" code is then executed (interpreted) by a {byte
	code interpreter} (itself written in {C}).  The compiled code
	in this case is {machine code} for a {virtual machine} which
	is implemented not in hardware but in the byte-code
	interpreter.

	See also {partial evaluation}.

	(1995-01-30)

by IE Windows

<operating system> See {Microsoft Windows}, {Windows NT}.

	(1997-11-23)

, is it or not ?
(I have not Windows to test it)

--
sm

From: SAM

Date: Saturday, October 27, 2007

benkasminbullock@xxxxxxxxxxx a écrit :
wrote in message:

<URL:http://developer.mozilla.org/en/docs/Gecko_DOM_Reference:Examples#Exa...
Incidentally it says on the web pages that only IE needs to have the
elements added to tbody, but in fact Firefox was adding some extra
space at the top of the table every time I recreated it

With the above example my Firefox add no space ...
(or it is very very very small ?)

--
sm

Next Message: setTimeout - clearTimeout - Why Does not This Work?

Blogs related to adding rows to a table

TOTD #10: Consuming JSON and XML representations generated by a ...
The getXML() method returns only the table rows data in an XML format. This XML representation of the resource is then processed by a stylesheet (specified later in the jMaki application) and converted into the JSON format as expected ...

Adding backing bean action to every row in data table in jsf
Hi all here i am giving example for how to add action for every row in datatables in jsf for more struts or jsf or java examples check our site at http://strutsland.info. If you need any help please send a message to us. select.jsp ...

652 Part III . Document Objects Reference The (Web hosting billing)
Finally, to rid yourself of all cells in a row, use the deleteRow()method of the TABLE and table row section element objects. Example See Listing 27-2 for an example of inserting cells during the row insertion process. ...

adding printers in active directory
... xp adding row adding row to datagrid adding row to dataset adding rows dynamically adding rows dynamically to html table adding rows in datagrid adding rows in excel adding rows to a datagrid adding rows to a dataset adding rows to ...

How do I website delete all but the top 10 posts in a table I have ...
ADD INDEX (name) to companies. Kronuz, show the new EXPLAIN output, please? it took 2min for adding the ip_end index. scholar, o_O. would it take much longer for the combined key? The table has over a million rows . ...

Re: not coming up
UIData & its getRowData() method > to map the table row between UI & managedbean > > I don't know to which JIRA I should report this. Kindly help > -----Original Message----- > From: Mike Kienenberger [mailto:mkienenb@gmail.com] > Sent: ...