Show Hide

[Roseval Mello 0]

Bom dia a todos.

 

Estou querendo incluir um alerta em uma pagina de atualização de cadastro, e quero que quando eu submeter o frm apareça um alerta no topo da página informando que os dados foram atualizados com sucesso e em seguida este alerta desapareça depois de alguns segundos.

Então! Isto já está acontecendo, só que de uma forma muito abrupta. Gostaria de colocar um efeito fade para dar uma estética melhor.

 

A mensagem está dentro de uma div chamada success, que já está com o css aplicado e tudo mais. Para a mensagem sumir da tela depois de 3seg estou usando o script abaixo. É nele que eu queria colocar o efeito fade. Eu dei uma pesquisada, mas não consegui entender bem.

Desculpe a minha ignorancia, mas quem puder me dar esta força eu agradeço.

 

 

<script language="javascript">
function showHide() {
try{
    var obj = document.getElementById('success');
        obj.style.display = 'none';
} 
catch(e){status = e.message}
}
setInterval(showHide, 3000);
</script>

[klonder 14]

Irá precisar de AJAX para isso. Vou mover para o subfórum mais específico:

 

Movido:

JavaScript/DHTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif AJAX

[Henrique Barcelos 290]

Use jQuery...

 

Ex.:

//esconde
$("ID DO ELEMENTO").hide("slow")
//mostra
$("ID DO ELEMENTO").show("slow")