Ir para conteúdo

POWERED BY:

Arquivado

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

Bruno Depieri Barduchi

[Resolvido]  visible no ie e firefox

Por , em Javascript

Recommended Posts

Bruno Depieri Barduchi    0

Bruno Depieri Barduchi
Postado

Fala galera, beleza?

 

to com uma p dúvida

tenho uma pagina e talz, funciona no ff mas não no ie, alguem poderia me ajudar?

 

<script type="text/javascript">
function hide() {
obj = document.getElementById('div_produtos');
obj.style.visibility = 'hidden';
obj = document.getElementById('div_bkg');
obj.style.visibility = 'hidden';
}
function show() {
obj = document.getElementById('div_produtos');
obj.style.visibility = 'visible';
obj = document.getElementById('div_bkg');
obj.style.visibility = 'visible';
}
</script>


<div id="div_produtos" style="width:98%; height:98%;z-index:1;text-align:center;position:absolute;">
</div>


<div id="div_bkg" style="width:98%; height:98%;z-index:1;text-align:center;position:absolute;">
</div>
a função é chamada em um link

mas n funciona no ie

fico no aguardo vlw

editado por Otata 30/01/2009 210:25

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

tente colocar o display

 

obj.style.display = 'none';
obj.style.display = 'block';

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

Quanto ao codigo ele esta funcionando ao chamar a funcao

 

veja se nao se enganou no chamamento da funcao

 

 

 

 

Veja o link abaixo esta dinamico, se nao ajudar diga que eu posto outro codigo

 

 

Bem fiz este exemplo.

 

IMPORTANTE: javascript e sem espaco so que ao colar o codigo adicionou espaco

 

<html>
   
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
   <title>Esconder Produtos Esconder bkg</title>
   </head>
   
   <body>
   <p align="center"><a id="pr" href="java script:funcao('produtos','pr')">Esconder Produtos</a>
   <a id="bkj" href="java script:funcao('bkg','bkj')">Esconder BKJ</a>
   </p>
   
 
   <script type="text/javascript">
   function funcao(w,k) {
   if(document.getElementById(w).style.visibility=="hidden")
   {
   document.getElementById(w).style.visibility="visible";
   document.getElementById(k).innerHTML="Esconder"+w;
   }
   else {
   document.getElementById(w).style.visibility="hidden";
   document.getElementById(k).innerHTML="Mostrar"+w;
   }
   
   
   }
   </script>
   
   
   <div id="produtos" style="width:485px; height:390px;z-index:1;text-align:center;position:absolute; background-color:#0000FF; visibility:visible; left:448px; top:67px">
   </div>
   
   
   <div id="bkg" style="width:271px; height:241px;z-index:1;text-align:center;position:absolute; background-color:#91C82B; visibility:visible; left:99px; top:148px">
   </div>
   
   </body>
   
   </html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Depieri Barduchi    0

Bruno Depieri Barduchi
Postado

Quanto ao codigo ele esta funcionando ao chamar a funcao

 

veja se nao se enganou no chamamento da funcao

 

 

 

 

Veja o link abaixo esta dinamico, se nao ajudar diga que eu posto outro codigo

 

 

Bem fiz este exemplo.

 

IMPORTANTE: javascript e sem espaco so que ao colar o codigo adicionou espaco

 

<html>
   
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
   <title>Esconder Produtos Esconder bkg</title>
   </head>
   
   <body>
   <p align="center"><a id="pr" href="java script:funcao('produtos','pr')">Esconder Produtos</a>
   <a id="bkj" href="java script:funcao('bkg','bkj')">Esconder BKJ</a>
   </p>
   
 
   <script type="text/javascript">
   function funcao(w,k) {
   if(document.getElementById(w).style.visibility=="hidden")
   {
   document.getElementById(w).style.visibility="visible";
   document.getElementById(k).innerHTML="Esconder"+w;
   }
   else {
   document.getElementById(w).style.visibility="hidden";
   document.getElementById(k).innerHTML="Mostrar"+w;
   }
   
   
   }
   </script>
   
   
   <div id="produtos" style="width:485px; height:390px;z-index:1;text-align:center;position:absolute; background-color:#0000FF; visibility:visible; left:448px; top:67px">
   </div>
   
   
   <div id="bkg" style="width:271px; height:241px;z-index:1;text-align:center;position:absolute; background-color:#91C82B; visibility:visible; left:99px; top:148px">
   </div>
   
   </body>
   
   </html>

Galera vlw mas o meu caso eu resolvi sem querer

só inverti as divs

idiota não

 

<script type="text/javascript">

function hide() {

obj = document.getElementById('div_produtos');

obj.style.visibility = 'hidden';

obj = document.getElementById('div_bkg');

obj.style.visibility = 'hidden';

}

function show() {

obj = document.getElementById('div_produtos');

obj.style.visibility = 'visible';

obj = document.getElementById('div_bkg');

obj.style.visibility = 'visible';

}

</script>

 

<div id="div_bkg" style="width:98%; height:98%;z-index:2;text-align:center;position:absolute;">

</div>

 

<div id="div_produtos" style="width:98%; height:98%;z-index:1;text-align:center;position:absolute;">

</div>

 

 

msm assim vlw galera t+

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito