You need to be logged in to post in the forums. If you do not have an account, please sign up first.
Javascript com bug
Pessoal,Tenho um javascript numa imagem, sendo puxado por link( <a href="javascript:blabla();"><img...></a> ), essa imagem está dentro de uma div, que está dentro de outra, e assim vai...
Em TODOS os navegadores, ela funciona normalmente, tanto fazendo como link, quanto usando o onclick na imagem. No ópera não funciona, ele mostra o link no rodapé, mas qdo clico ele não faz nada.
Acho que é algum problema de sobreposição de div, pq as funções onmouseover e onmouseout que tenho nessa div, estão funcionando meio estranhas. Só que não consigo achar solução prá evitar esse bug. E só acontece no ópera.
Alguém aí pode me ajudar?
eu não entendi muito bem a imagem está entre uma tag A ou é só o evento "onclick" na tag da imagem?
vc pode fazer uma página demostrando esse erro?
vc pode fazer uma página demostrando esse erro?
<a href="http://my.opera.com/ricardofrr/blog/">My OperaBlog - Working</a> || <a href="http://ricardofrr.deviantart.com">DeviantART - ricardofrr</a>
28. April 2010, 16:36:58 (edited)
Está numa tag A sim.
Tem uns em evento tag DIV, o mouseover funciona só por um instante e já vai pro mouseout, mesmo com o mouse em cima da div. E quando eu usava o evento onclick na div, dava o mesmo erro que está dando usando a tag a.
O problema é nos botões de mais e menos
Tem uns em evento tag DIV, o mouseover funciona só por um instante e já vai pro mouseout, mesmo com o mouse em cima da div. E quando eu usava o evento onclick na div, dava o mesmo erro que está dando usando a tag a.
O problema é nos botões de mais e menos
<div class="premio">
<div class="nome"><?php echo $nome[0];?></div>
<div class="desc"><?php echo $nome[1];?></div>
<div class="image"><img src="img/<?php echo $row['imagem'];?>"/></div>
<div class="btn">
<input type="hidden" name="valor[<?php echo $row['id'];?>]" id="valor-<?php echo $row['id'];?>" value="<?php echo $row['valor'];?>"/>
<input type="hidden" name="premio[<?php echo $row['id'];?>]" id="premio-<?php echo $row['id'];?>" />
<div class="part left"></div>
<div class="part bt" onmouseover="btPrem(this, 1);" onmouseout="btPrem(this, 0);"><a href="javascript:res_menos(<?php echo $row['id'];?>);"><img src="img/premio_menos.jpg" /></a></div>
<div id="qtd-<?php echo $row['id'];?>" class="part qtd"><img src="img/premio_04_n0.jpg" /></div>
<div class="part bt" onmouseover="btPrem(this, 1);" onmouseout="btPrem(this, 0);"><a href="javascript:res_mais(<?php echo $row['id'];?>);"><img src="img/premio_mais.jpg" /></a></div>
<div class="part right"></div>
</div>
<div class="bt_bottom"></div>
</div>
aqui as funções nos links funcionam, eu testei com alert pois não tem a função ai no trecho, o erro deve tá na função res_menos e res_mais, tenta usar um passo a passo no dragonfly pra saber a linha problematica.
<a href="http://my.opera.com/ricardofrr/blog/">My OperaBlog - Working</a> || <a href="http://ricardofrr.deviantart.com">DeviantART - ricardofrr</a>
O código da res_menos e da res_mais funciona, pq quando colcoco no endereço: javascript:res_mais(); ele funciona.
Estou começando a achar que é pq esse conteúdo é trazido via ajax em uma div, e a div onde eu coloco esse conteúdo fica como sobreposta. Mas é estranho, pq nas outras páginas carregadas por ajax, funciona normal os links dos botões.
Estou começando a achar que é pq esse conteúdo é trazido via ajax em uma div, e a div onde eu coloco esse conteúdo fica como sobreposta. Mas é estranho, pq nas outras páginas carregadas por ajax, funciona normal os links dos botões.
Funcionou!!!!
O problema era que os javascripts "btPrem(x,y)" mudavam o conteúdo da div, eu mudei para eles mudarem apenas o src da imagem, aí funcionou legal.
O problema era que os javascripts "btPrem(x,y)" mudavam o conteúdo da div, eu mudei para eles mudarem apenas o src da imagem, aí funcionou legal.
<div class="premio">
<div class="nome"><?php echo $nome[0];?></div>
<div class="desc"><?php echo $nome[1];?></div>
<div class="image"><img src="img/<?php echo $row['imagem'];?>"/></div>
<div class="btn">
<input type="hidden" name="valor[<?php echo $row['id'];?>]" id="valor-<?php echo $row['id'];?>" value="<?php echo $row['valor'];?>"/>
<input type="hidden" name="premio[<?php echo $row['id'];?>]" id="premio-<?php echo $row['id'];?>" />
<div class="part left"></div>
<div class="part bt" onmouseover="btPrem(this, 1);" onmouseout="btPrem(this, 0);"><a href="javascript:res_menos(<?php echo $row['id'];?>);"><img src="img/premio_menos.jpg" onmouseover="btPrem(this, 1);" onmouseout="btPrem(this, 0);"/></a></div>
<div id="qtd-<?php echo $row['id'];?>" class="part qtd"><img src="img/premio_04_n0.jpg"/></div>
<div class="part bt"><a href="javascript:res_mais(<?php echo $row['id'];?>);"><img src="img/premio_mais.jpg" onmouseover="btPrem(this, 1);" onmouseout="btPrem(this, 0);"/></a></div>
<div class="part right"></div>
</div>
<div class="bt_bottom"></div>
</div>