[Resolvido] Desfocar area e impedir açoes nela

[JoaoGusmao 2]

Galera, preciso de um código que ao clicar ele disfoque a div e impeça açoes dentro dela. Como posso fazer isso?

[ESerra 744]

Isso teria que ser feito com javascript, contudo não tem nada para dar um efeito de "embaçado" tipo de photoshop você não vai conseguir, teria que usar algum elemento para produzir ele...

[JoaoGusmao 2]

erro meu.. nao seria desfocar... seria

tipo reduzir a transparencia... para min o importante é desativar as funçoes dentro da div

[ESerra 744]

Neste caso seria a opacidade, com jQuery seria algo do tipo:

$("#nome_da_div").css({ opacity: 0.5 });

 

Para desabilitar os campos dentro da div:

$('#nome_da_div *').attr('disabled', true);

[JoaoGusmao 2]

Vlw ae... a parte da opacidade deu certim, porém continua na mesma com o script de baixo.

Veja se apliquei da forma correta:

<script type="text/javascript">
		function teste_click() {
		$('#endereco_selecionar').attr('disabled', true);
		$('#endereco_selecionar').css({ opacity: 0.5 });
		}
		</script>
		<a name="click" onclick="teste_click()">Clica ai, mané!</a>;
		<div id="endereco_selecionar" style="display: inline-block;width: 634px;">

..

OBS: Quando falo desativar funções, seria como se fosse tornar aquela div uma imagem estática, sem ação alguma. Açoes como: Selecionar texto, clicar em imputs, selects etc... Assim como o facebook faz quando quando tem um alerta que fica centralizado na tela, e o fundo com transparencia pela metade.

 

Para este caso, o script continua o mesmo?

[ESerra 744]

Provavelmente será necessário adicionar mais coisas, pois o disabled não existe em todos os elementos (no caso só serve para os campos de formulários), o resto (não copiar texto, etc...) são outros atributos.

[JoaoGusmao 2]

Vlw ae cara... Dei um jeito aqui. Estava faltando o "*". Agora tá certo.

Só mais uma dúvida rápida aqui...

Do jeito que eu fiz o "<a>" no exemplo, não me agrada. O certo para min seria o "href="#"" porém sempre que coloquei a página subia lá para cima. Agora testando, coloquei "Return false" no final do "onclick", e parece que está bom agora. Gostaria de saber se este método é correto, e qual a função do Return false..

[eduardoherden 9]

isto ai brodi

gostei tb

valeu

 

eduardo herdem campos