Re: Tenplates and subtree plugins - Rev 2 - Better

Some code improvements...

1.) Generic org.w3c.dom.Element instead of HTMLElement

2.) A new function that takes the two docs and the tag names as Strings

and does the replacement. This is now much more convenient
"template"

code.

P.S. I am using 2.2 Beta 1 from Freshmeat.net and Tomcat

/** This takes the whatToPutThere element and puts a deep copy

** of it under putItHere. Before the insertions all child nodes

** of putItUnderHere are removed.

** The idea here is to have a template doc with some

** DIV tag with an id. You find the div. Then create another
document

** with the contents for some part of the template, and copy it to

** be under the DIV.<P>

** You should call <tt>replaceNodes</tt> before
setting up multi-row tables

** from a database. This way a single row table sample is copied
instead

** of hundreds of rows.

** <code>

** layoutHTML L = new layoutHTML();

** indexHTML t = new indexHTML();

** // All HTMLElements here are org.w3c.dom.html.HTMLElement

** HTMLElement centerMiddle = L.getElementCenterMiddle();

** HTMLElement indexMainContents = t.getElementMainContents();

** Element N = replaceNodes(centerMiddle, indexMainContents);

** </code>

** @returns The new cloned Element.

**/

public org.w3c.dom.Element replaceNodes(

org.w3c.dom.Element putItUnderHere,

org.w3c.dom.Element whatToPutThere) {

org.w3c.dom.NodeList N = putItUnderHere.getChildNodes();

while(N.getLength() > 0) {

putItUnderHere.removeChild(N.item(0));

}

org.w3c.dom.Element theNewNode =

(org.w3c.dom.Element)putItUnderHere.getOwnerDocument().importNode(whatToPutThere,
true);

putItUnderHere.appendChild(theNewNode);

return theNewNode;

}

/** This takes a subtree from the getItFromHereDoc with the id

** getItFromHereId and puts it in the

** putItHereDoc under neath the HTMLElement with

** id of putItUnderHereId. It clears all nodes out from

** under the destination node before putting the

** cloned subtree in.

** The idea here is to have a template doc with some

** DIV tag with an id. You find the div. Then create another
document

** with the contents for some part of the template, and copy it to

** be under the DIV.<P>

** You should call <tt>replaceNodes</tt> before
setting up multi-row tables

** from a database. This way a single row table sample is copied
instead

** of hundreds of rows.

** <code>

** // The template

** layoutHTML L = new layoutHTML();

** // The center screen contents to be inserted in template.

** indexHTML t = new indexHTML();

** // replace L centerMiddle with t mainContents

** Element N = replaceNodes(L, "centerMiddle", t, "mainContents");

** </code>

** @returns The new cloned node. Or null on no such source or dest
node.

**/

public org.w3c.dom.Element replaceNodes(

org.w3c.dom.Document putItHereDoc,

String putItUnderHereId,

org.w3c.dom.Document getItFromHereDoc,

String getItFromHereId) {

org.w3c.dom.Element from =
getItFromHereDoc.getElementById(getItFromHereId);

if(from == null) {

return null;

}

org.w3c.dom.Element to =
putItHereDoc.getElementById(putItUnderHereId);

if(to == null) {

return null;

}

return replaceNodes(to, from);

}

David Corbin wrote:

On Thursday 21 August 2003 00:54, Richard Keene wrote:

I want to take one document called layout.html and another called body.html
and take the main contents node (a div with id='mainContents') and
remove it from the
instance of bodyHTML.class and replace the div in an instance of
layoutHTML.class
with the removed div.
I have code like....
layoutHTML L = new layoutHTML();
bodyHTML t = new bodyHTML();
// The div I want to replace.
HTMLElement centerMiddle = L.getElementCenterMiddle();
// The div I want to plug into the layoutHTML object.
HTMLElement indexMainContents = t.getElementMainContents();

HTMLElement nE =
(HTMLEelemet.getDocument().importNode(t.getElementMainContents(),true);
cenerMiddle.appendChild(newElement);

bodyMainContents.getParentNode().removeChild(indexMainContents);
centerMiddle.appendChild(t.getElementMainContents());
It compiles and when I run it it says 'wrong document'
It appears that the indexMainContents retains the class id or something
of the
owning document t, and so when L goes to render it'sself to the browser
it recognizes that the nodes are from the wrong doc.

Try someting like those two lines above.

--
Richard Keene
801-647-8932
[email protected]