Alert como aba

[Dyegod3 0]

Boa tarde pessoal,

 

aposto que todo mundo já deve ter observado que no orkut quando efetuamos algumas operações como por exemplo, excluir um comentário de uma foto, após fazer isso ele exibe uma pequena aba no topo do browser com uma mensagem dizendo q a mensagem foi excluida e tals..

 

como faço um efeito como esse~?

 

alguém tem alguma referência a psssar~?

 

agradeço toda ajuda pessoal ^^

[William Bruno 1501]

Eh parecido com esse:

http://forum.imasters.com.br/index.php?/topic/323871-efeito-janela-msn/

 

ne?!

[Dyegod3 0]

Era isso mesmo xD

 

só q esse cód não consegui rodar no ff, mais já valeu x)

[RobertoPC 0]

Olá,

 

O efeito que acontece no orkut é uma div escondida, que quando executada tal função é modificada a visibilidade.

Você pode fazer isso do seguinte modo:

 

<div id="alert_aba" style="width:100%; height:50px; display:none;">

   BLÁ BLÁ BLÁ 

</div>

<a href="javascript:void(0)" onClick="javascript:document.getElementById('alert_aba').style.display='block'">Mostrar div</a>

Esse é só um exemplo de aplicação, você pode mostrar a div de acordo a necessidade de sua programação. Um exemplo em php.

 

<?php

// ...Suponhando que já esteja conectado e talz

mysql_query("INSERT INTO tabela(campo1,campo2)VALUES('valor1','valor2')");

if(mysql_affected_rows()){
?>

<script type="text/javascript">
<!--

   document.getElementById('alert_aba').style.display= "block";

-->
</script>

<?php
}

?>

<div id="alert_aba" style="width:100%; height:50px; display:none;">

   BLÁ BLÁ BLÁ 

</div>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Vlw