[Resolvido]codigo funciona apenas no FF

Assuntos Gerais
#1

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

#2

Galera seguinte … vou colocar aqui o que aconteceu se por acaso alguem passar pelo mesmo problema que eu passei.

O FF é o unico navegador (pelo entre i.e, google, mac) que consegue compreender um evento no os outros apenas compreendem eventos no
Por isso que o cod acima estava funcionando apenas no FF.

Entao o certo é sempre colocar um evendo dentro do select

<select onchenge="tst()">
  <option></option>
</select>

e nao

<select>
  <option onchenge="tst()"></option>
</select>

valeus galera

#3

Opa chileno, não conseguir achar a linha que vc citou…

mas acho que é o evento de vez ser onchenge é onchange

Testa ae…

#4

Sim sim … é que esse codigo eu fiz na hora aqui no editor de texto do GUJ.

#5

Mas funcionou ou não?

#6

Então.
Como eu tinha falado pelo que eu vi o unico browser que consegue entender um evento dentro do é o FF.
Antes o codigo estava assim (o JavaScript nao mudou)

<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>

O cod foi implementado assim porque eu precisava que quando o usuario passase o mouse em cima da opção a img aparecesse. Porem o unico que entende assim é o FF

<select id="select" onchange="teste(this.value);" onblur="fechar()">
    <option></option>             
    <option value="huguinho ">huguinho</option>   
    <option value="zezinho ">zezinho</option>     
    <option value="luizinho ">luizinho</option>  
</select>

Da maneira acima é necessario que o usuario selecione uma das opçoes para poder visualizar a imagem … porem todos os browsers conseguem interpretar o evento …

Ou seja,

evento sempre no <select onchange, onclick, onmouseover, etc> e nao no

Abs

#7

olha so chileno, com jquery vc consegui isso facin…

no id do select vc controla tudo

ex:

$(’#select’).click(coloca a funçao aqui);

dentro da função você pega o valor do option assim

$("#select option:selected").text();

agora so tu armazenar esse valor em uma variavel entendeu?

boa sorte!

#8