Oi Galera tudo bem!!
Então fiz um código bem bacaninha com Jquery. Tava feliz pra caramba quando percebi q o mesmo nao funciona no I.E, Safari e Chrome … Caraca só funciona no FF :evil:
Tentei refazer o codigo e nada. Outras coisas desenvolvidas com Jquery estao funcionando normalmente … e nao é por causa do bloqueio a JavaScript nos browser que ele nao ta funcionando.
Alguem por favor consegue me dar uma luz do porque isso esta acontecendo??
segue cod
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
<script type="text/javascript">
function abrir(img){
$("#select").mousemove(function(e){
var codigo = img.substring(0, img.indexOf(" "));
$("#pop").attr('style','display:block');
$("#pop").offset({ top: e.pageY-50, left: e.pageX+100 });
$("#pop").html("<img src='fotosUsers/"+codigo+".jpg'/>");
});
}
function fechar(){
$("#pop").attr('style','display:none');
}
</script>
<style>
#tab{
border:1px solid;
}
#tab td{
border:1px solid;
cursor:pointer;
}
#pop{
border:1px solid gray;
position:absolute;
}
</style>
<select id="select">
<option></option>
<option onmouseover="abrir(this.value);" onmouseout="fechar();" value="huguinho ">huguinho</option>
<option onmouseover="abrir(this.value);" onmouseout="fechar();" value="zezinho ">zezinho</option>
<option onmouseover="abrir(this.value);" onmouseout="fechar();" value="luizinho ">luizinho</option>
</select>
<div id="pop" style="display:none;">
<div id="imagemMembro"></div>
</div>
Valeu pela ajuda galera