clipping multiple layers

Arielladog posted this at 01:29 — 3rd May 2000.

Joined: Jun 1999

I posted this in the misc. scripting place since it dealt with DHTML, but I haven't gotten any replies, and it obviously also deals with javascript, so here is my question copied from the other forum (sorry for double posting, but please understand).

I want to use this script here http://www.dynamicdrive.com/dynamicindex3/document6.htm for an effect that works when I change layers. Here is the layers or soemthing that I would like to use it for. They would click on the text above and the layers would change with a similar effect like the one listed above. Another effect that I would like if it would just kind of slide to the left and the new one slides in from the right. I don't know much about the clip method, and that is why I need help. Thanx and here is the layers.
<DIV ID="SCAHPERDDiv" STYLE="position:absolute;left:200;top:100;visibility:visible">
<font color="blue">Executive Administrator: blah, blah
Vice President: balh, blah
Past President: blah, blah
Future President: blah blah
Treasurer: blah, blah
Secretary: blah, blah</font>
</DIV>
<DIV ID="SCAREDiv" STYLE="position:absolute;left:200;top:100;visibility:hidden">
<font color="red">Executive Administrator: blah, blah
President: blah, blahasdfsaf
Vice President: balh, blah
Past President: blah, blah
Future President: blah blah
Treasurer: blah, blah
Secretary: blah, blah</font>
</DIV>
<DIV ID="SCAPESDiv" STYLE="position:absolute;left:200;top:100;visibility:hidden">
<font color="orange">Executive Administrator: blah, blah
President: blah, blah
Vice President: balh, blah
Past President: blah, blah
Future President: blah blah
Treasurer: blah, blah
Secretary: blah, blah</font>
</font>
</DIV>
<DIV ID="SCPEAPDiv" STYLE="position:absolute;left:200;top:100;visibility:hidden">
<font color="lime">Executive Administrator: blah, blah
President: blah, blah
Vice President: balh, blah
Past President: blah, blah
Future President: blah blah
Treasurer: blah, blah
Secretary: blah, blah</font>
</DIV>
<DIV ID="SCAAHEDiv" STYLE="position:absolute;left:200;top:100;visibility:hidden">
<font color="yellow">Executive Administrator: blah, blah
President: blah, blah
Vice President: balh, blah
Past President: blah, blah
Future President: blah blah
Treasurer: blah, blah
Secretary: blah, blah</font>
</DIV>
<DIV ID="SCDADiv" STYLE="position:absolute;left:200;top:100;visibility:hidden">
<font color="black">Executive Administrator: blah, blah
President: blah, blah
Vice President: balh, blah
Past President: blah, blah
Future President: blah blah
Treasurer: blah, blah
Secretary: blah, blah</font>
</DIV>
<DIV ID="SCSADiv" STYLE="position:absolute;left:200;top:100;visibility:hidden">
<font color="purple">Executive Administrator: blah, blah
President: blah, blah
Vice President: balh, blah
Past President: blah, blah
Future President: blah blah
Treasurer: blah, blah
Secretary: blah, blah</font>
</DIV>

Moderate at JavaScriptCity Forums

Lloyd Hassell posted this at 04:46 — 3rd May 2000.

They have: 231 posts

Joined: Feb 2000

Curtain Effect:

I am not sure what you want to do here. Could you explain a little bit clearer?

Sliding Layers:

You dont use the clip method for this. You have to move your layers position. Use the following function to move layers.

function moveLayerTo(ID,X,Y) {
if (document.all) {
document.all[ID].style.pixelLeft = X;
document.all[ID].style.pixelTop = Y;
}
else if (document.layers) {
document.layers[ID].moveTo(X,Y);
}
}

To animate a layer you need to use the function above but place it in a loop.

:: Lloyd Hassell :: http://www14.brinkster.com/lloydh ::

Arielladog posted this at 00:35 — 4th May 2000.

They have: 122 posts

Joined: Jun 1999

someone told me to use the clip method, but I guess the move method would work...how would I do the for loop though?

Lloyd Hassell posted this at 07:52 — 4th May 2000.

They have: 231 posts

Joined: Feb 2000

Use something like this to animate your layer:

code:

function animateLayer() {
   for (i=0; i<20; i++) {
      moveLayerTo("ID",i,i);
      }
   }[/code]

:: Lloyd Hassell :: http://www14.brinkster.com/lloydh ::