Ir para conteúdo

POWERED BY:

Arquivado

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

Davoglio

links abaixo de um display none

Recommended Posts

tentei de todas as formas, busquei na net, mas n consegui..

 

tenho uma div com display:none.. e qdo clico em um determinado link essa muda pra display:block.

 

o problema é que onde esta div está existem alguns links. estes links não funcionam no fire pois ele ainda considera que a div está lá.. não da pra clicar... e é só no fire, no ie funciona corretamente.. o q eu faço???

 

ja tentei trocar display:block por visibility:hidden mas como eu ja esperava foi em vão, pois o visibility apenas oculta o elemento mas o mantem lá.. ja o display "some" com o elemento. mas nem o display está funcionando no fire.. alguem sabe como resolver isso??

 

desde ja obrigado!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

beleza, ai vai o código

 

CODE
CSS

 

 

.ampliada {

position:absolute;

margin-top:18px;

}

 

.stylenone {

display:none;

}

 

 

 

JAVA SCRIPT

 

 

<script type="text/JavaScript">

<!--

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function MM_showHideLayers() { //v6.0

var i,p,v,obj,args=MM_showHideLayers.arguments;

for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

obj.visibility=v; }

}

//-->

</script>

 

 

 

 

HTML

 

 

<div id="AMP1" class="ampliada stylenone">

<img src="../img/instalacoes01AMP.jpg" usermap="AMPMap01 />

<map name="AMPMap01">

<area shape="poly" coords="402,3,414,18,431,19,432,2" href="#" onClick="MM_showHideLayers('AMP1','','hide')">

</map>

</div>

 

 

<p>

<a href="#" title="Ampliar" onClick="MM_showHideLayers('AMP1','','show')"><img src="../img/instalacoes01.jpg" class="imgLeft" /></a>

A empresa está sediada em Guarulhos/SP, numa área de 4.000 m2. A moderna sede recém inaugurada proporciona funcionalidade e conforto, contribuindo para produtividade e qualidade de nossos produtos. Com a conclusão deste importante investimento, a empresa aumenta sua capacidade de produção, estando apta a atender as necessidades atuais e futuras do mercado, mantendo a satisfação de seus clientes.

</p>

 

 

<p>

<a href="#" title="Ampliar"><img src="../img/instalacoes02.jpg" class="imgLeft" style="margin-left:70px; _margin-left:35px; margin-top:20px;" /></a>

<a href="#" title="Ampliar"><img src="../img/instalacoes03.jpg" class="imgLeft" style="margin-left:30px; margin-top:20px;" /></a>

</p>

 

<p>

<a href="#" title="Ampliar"><img src="../img/instalacoes04.jpg" class="imgLeft" style="margin-left:70px; _margin-left:35px; margin-top:20px;" /></a>

<a href="#" title="Ampliar"><img src="../img/instalacoes05.jpg" class="imgLeft" style="margin-left:30px; margin-top:20px;" /></a>

</p>

 

 

<p>

<a href="#" title="Ampliar"><img src="../img/instalacoes06.jpg" class="imgLeft" style="margin-left:150px; _margin-left:75px; margin-top:20px;" /></a>

</p>

 

confesso que não manjo mto de java script então usei o esquema do dreamweaver de show/hide layer.

e o stylenone eu separei pra testes, mas vou colocar dentro da classe ampliada mesmo..

 

 

bom, o q acontece é o seguinte, tenho que fazer estas imagens ampliar qdo clicar.. e qdo amplia tem um outro botão pra fechar..

 

o problema é que apenas a primeira imagem funciona no fire, pois a posição da div está sobre as demais fotos.. ele a considera lá, ignorando td q tem abaixo dela..

 

uma outra observação.. eu tinha colocado um display:block no ampliada olhei o codigo com mais calma e vi que estava conflitando com o display:none.. mas ja tentei sem ele e tb nao funcionou.

 

 

hahaha essa da cristal ball eu nao tinha pensado!!!

preciso do drive dela pro xp ainda num achei!!!! rsrsrsrs

 

 

brincadeira, foi mal, eu esqueci de postar o codigo.. vlw pelo toque!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

bem como eu disse não tem um link, pois seu código nem ta funcionando :(

falta coisa ae num falata não??

 

ponha o código completo

pois lembre-se as vezes o erro é onde você menos espera, as vezes em outro lugar ;)

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.