Prototype: Update with multiple elements and texts

[Daniel Loose]

Hi,

I am new to prototype.js and appreciate it a lot.

One simple thing however seems to be impossible? I have a <td> element
which I want to fill with
- an input field
- text
- another input field

at one step.

i.e.
td = ... (simply the <td> element)
in1 = new Element('input', ...)
in2 = new Element('input', ...)

Now none of these works: (because in some cases, the element itself is
printed, not its content)

td.update(in1).update(td.innerHTML + 'bla').update(td.innerHTML + in2)

td.update(in1 + 'bla' + in2)

td.update(in1.innerHTML + 'bla' + in2.innerHTML)

....so what *does* it?

(or simply: how do I get the content of a new, not-yet-written,
element?)

Thx!


*************

Marty - it's perfect! You're just not thinking fourth dimensionally!
[Emmett "Doc" Brown]

If you wish to email me, please use newsreply at wuwei minus webservices dot de

 

[Keith Hughitt]

Hi Marty,

If you are using script.aculo.us, try checking out Builder.node and
Builder.build. Using Builder.node
you can do things like:

var td = Builder.node ('td', {style: '...'},
[Builder.node('input', ...), Builder.node('input',...), 'some plain
text, etc.']);

and Builder.build can even acccept entire xhtml fragments.

 

[jdalton]

The Prototype mailing list: http://groups-beta.google.com/group/rubyonrails-spinoffs

//probably the easiest way
$('myTD').insert('Phone number: <input type="text" name="areacode"
maxlength="3" /> - <input type="text" name="phonenumber" />');

- JDD

 

[dhtml]

One simple thing however seems to be impossible? I have a <td> element
which I want to fill with
- an input field
- text
- another input field

at one step.

What is wrong with innerHTML?

 

[Thomas 'PointedEars' Lahn]

I am new to prototype.js and appreciate it a lot.

I am not and I do not. Exactly because you are new to it you are in no
position to assess its quality. Prototype.js is considered junk around here.

One simple thing however seems to be impossible? I have a <td> element
which I want to fill with
- an input field
- text
- another input field

at one step.

i.e.
td = ... (simply the <td> element)
in1 = new Element('input', ...)
in2 = new Element('input', ...)

The declaration for the Element constructor would overwrite the object built
into Gecko-based UAs. At least it would attempt to, we are talking host
objects here.

Now none of these works: (because in some cases, the element itself is
printed, not its content)

td.update(in1).update(td.innerHTML + 'bla').update(td.innerHTML + in2)

td.update(in1 + 'bla' + in2)

td.update(in1.innerHTML + 'bla' + in2.innerHTML)

...so what *does* it?

(or simply: how do I get the content of a new, not-yet-written,
element?)

A new element does not yet have content. `input' elements in particular
always have EMPTY content, or no content at all if you will.

[...]
If you wish to email me, please use newsreply at wuwei minus webservices dot de

There is the Reply-To header for this.


PointedEars