[Resolvido] Rolar texto para ativar botão

[Leonardo Dias_131708 0]

Fala galera,

 

No meu site antes de ser realizado o cadastro, é necessário que se leia o texto de regulamento, para forçar essa ação eu coloquei o seguinte script:

 

<script type="text/javascript">
	jQuery(document).ready(function($){
		$(".condicao").scroll( function() { 
			if($(".condicao").scrollTop() >= 1200){
				$("#avancar").removeAttr("disabled");
			}else{
				$("#avancar").attr("disabled","disabled");
			}
		} );
	});
</script>

Ou seja, se o usuário não descer o scroll até mais que 1200 o botão avançar ficará desabilitado.

 

Isso está funcionando perfeitamente, porém o botão mesmo desabilitado continua com o RollOver funcionando.

 

Eu gostaria de saber se além de desabilitar o botão eu consigo tirar a função de RollOver dele.

 

abraços,

Leonardo

[William Bruno 1501]

depende ... como você fez o rollover ?

[Leonardo Dias_131708 0]

William,

 

Pensei exatamente nisso e cheguei no resultado.

 

O rollover do botão é feito via CSS.

 

Então eu coloquei no meu arquivo CSS dessa forma:

.box-regulamento input[type="button"][disabled]{
background:url(../public/img/btn/btn-submeta.png) no-repeat;
color:#3c6898;
}

 

Ou seja, enquanto o meu input estiver com o estilo disabled ele incorpora a mesma img do botão normal, sem o rollover.

 

Após o usuário baixar o scroll até certo ponto é removido o disabled e o botão funciona normalmente.

 

Ficou perfeito!

 

De qualquer forma valeu pela atenção William.

 

abraços,

Leonardo

depende ... como você fez o rollover ?