asked on

javascript onClick change div

Hello,

I have two links (images), first for backward second for forward.

I would linke to change (n) divs back and forward with this two buttons. Example on http://www.otteybypamp.com/en/majcka.asp?menuid=majcka, but there I change only pictures, now I need the layers.

Thank you,
Mitja

ASKER CERTIFIED SOLUTION

johanmulder

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

LindzK

When i tested that code in IE6, it didn't work, it does work in ns7 though.

a slight modification to the code, should make it work in both popular browsers ( as follows : )#

The script takes in the div id, as the one to show, if you need more than two divs, you would just 'hide' more of them, in the javascript block, then make visible the one past into the equation

<script language="javascript">
var visdiv = 'first';
function SwapDiv(div)
{
if (div != visdiv)
      {
document.getElementById(div).style.visibility='visible';
       document.getElementById(visdiv).style.visibility='hidden';
       visdiv = div;
      }
}
</script>

<div id="second" style="position:absolute; top:0px; left:0px; visibility:hidden;">
second div
</div>
<img src="back.gif" width="32" height="32" alt="" border="0" onclick="SwapDiv('first')">
<img src="forward.gif" width="32" height="32" alt="" border="0" onclick="SwapDiv('second')">

johanmulder

you can also replace those rules:
document.getElementById("imgDiv"+DivCurrent).style.display = "none";
and
document.getElementById("imgDiv"+DivCurrent).style.display = "block";

with:

if(document.all)
document.all("imgDiv"+DivCurrent).style.display = "none";
else
document.getElementById("imgDiv"+DivCurrent).style.display = "none";

and

if(document.all)
document.all("imgDiv"+DivCurrent).style.display = "block";
else
document.getElementById("imgDiv"+DivCurrent).style.display = "block";

msmid

ASKER

Thank you johanmulder.

Mitja