How can I prevent scroll-to-top when manipulating nodes?

[Richard Trahan]

I have a form larger than a screen. When some radio buttons or
checkboxes are clicked, I need to change the contents of a
select (menu) box by rebuilding the select node. That method
is necessary because I am using groups, which don't seem to have
a clean way to compose them (like selectnode.opti ons[i] =
new Option(mystring )).

A side effect of rebuilding the node is that the form scrolls
to the top, a really annoying effect I would like to avoid. Is
there any way to do this? I'm writing only for NN 7.2.

[Michael Winter]

On Thu, 30 Sep 2004 03:23:34 GMT, Richard Trahan <rt*****@optonl ine.net>
wrote:

[snip]

A side effect of rebuilding the node is that the form scrolls
to the top, a really annoying effect I would like to avoid. Is
there any way to do this? I'm writing only for NN 7.2.

Code? URL?

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Richard Trahan]

Michael Winter wrote:
(snip)

Mike

Thank you for responding.

Here's some code:

function construct_graph _selection_node ()
{
var all = graphset.all; // speed access
var newselnode =
document.forms["formgraphs "]["selectgrap hs"].cloneNode(fals e);
// This will replace the current select node
var nodeforoptions = newselnode; // where the next option (graph) will go
for(var i=0;i<all.lengt h;++i) {
var typ = typeof(all[i]);
switch(typ) {
case "object": // an option (of type Graph)
// options always become children of the current node
var newopt = document.create Element("option ");
newopt.setAttri bute("value",al l[i].getName());
var txt = document.create TextNode(all[i].getName());
newopt.appendCh ild(txt); // won't display without this
nodeforoptions. appendChild(new opt); // add option to the
appropriate node
break;
case "string":
var newopt = document.create Element("optgro up");
newopt.setAttri bute("label",al l[i]);
newselnode.appe ndChild(newopt) ; // groups are always added to the
selection node
odeforoptions = newopt; // but the next option goes here
break;
}
}
var fnode = document.formgr aphs;
fnode.replaceCh ild(newselnode, fnode.selectgra phs);
}

The culprit is the replaceChild call, which causes a scroll to top.

[Michael Winter]

On Fri, 01 Oct 2004 05:52:08 GMT, Richard Trahan <rt*****@optonl ine.net>
wrote:

[snip]

var fnode = document.formgr aphs;
fnode.replaceCh ild(newselnode, fnode.selectgra phs);
}

The culprit is the replaceChild call, which causes a scroll to top.

So if you commented-out that call, there's no scrolling?

I assume it's not something daft like you're calling the function from a
link but forgot to cancel the event.

My only thoughts at the moment is that replaceChild removes the targeted
node before adding the new one. This might cause the document to shrink in
size and scroll upwards.

Maybe someone else will have a better idea.

Good luck,
Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.