Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Eclesiastes

Div + JavaScript

Recommended Posts

Há um tempo atrás eu tinha visto um script que era assim:

 

- No lado esquerdo tinha uns links das imagens.

- No lado direito aparecia a imagem clicada.

 

 

Não utilizava reload na página, era JavaScript exibindo a imagem na Div logo quando clicava no link.

 

Tentei reproduzir com:

<script><!--    function CriaArray( n )    {        this.length = n            for (i = 1; i <= n; i++)        {            this[i] = "";        }    }    Imagens = new CriaArray(1)    Imagens[0] = "a"    Imagens[1] = "b"//--></script><a href="#" onclick="exibir(0);">A</a><a href="#" onclick="exibir(1);">B</a><hr><div id="exibir">    <script>    <!--        function exibir( n )        {            document.write(Imagens[ n ])        }    //-->    </script></div>

Só que quando eu clico ele [oculta o "menu"] (que está errado) e exibi apenas o valor correspondente ao link (que está correto),

O problema então é esse, eu gostaria que abrisse o conteúdo referente ao link ao lado, claro, usando Div e JavaScript, sem frame e sem reload.

 

 

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvido!

 

<script><!--    function CriaArray( n )    {        this.length = n            for (i = 1; i <= n; i++)        {            this[i] = "";        }    }    function exibir( n )    {        foo.innerHTML = "<img src='" + Imagens[n] + "' />"    }    Imagens = new CriaArray(1)    Imagens[0] = "a"    Imagens[1] = "b"//--></script><a href="#" onclick="exibir(0);">A</a><a href="#" onclick="exibir(1);">B</a><hr><script></script><div id='foo' name='foo'></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara faça assim:

 

<script><!--   Imagens = new Array;   Imagens[0] = "img/01.gif"   Imagens[1] = "img/02.gif"   Imagens[2] = "img/03.gif"   function exibir(img) {       document.getElementById("foo").innerHTML = "<img src='" + Imagens[img] + "' />"   }//--></script>

Fica mais simples e funfa no FF.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.