Onclick

[3dmaniaco 1]

Olá a todos. Tudo bem ?

 

Eu tenho esse código em javascript:

 

<script type="text/javascript">
   $(function(){
       $("#fadeout-block1")
           .click(function(){
               $("#apDiv5")
                   .show()
                   .hide("slow");
           });

       $("#fadein-block1")
           .click(function(){
               $("#apDiv5")
                   .hide()
                   .show("slow");
           });
   });
</script>

 

Como eu faço para rodar o fadeout-block1, ao clicar em um link ?

 

Desde já, muito obrigado

[William Bruno 1501]

clica 1 vez: mostra

clica outra: some

 

é isso que você quer?

 

faz o seguinte:

 

 

<script type="text/javascript">
   $(function(){
       $("#id_disparador").click(function(){
               $div5 = $("#apDiv5");
               if( $div5.is(':visible') )
                   $div5.show('slow');
               else
                   $div5.hide('slow');
           });
   });
</script>

[3dmaniaco 1]

Minha dúvida é como chamar oa função fadeout-block1 de meu código javascript, em um link ?

 

Fiz assim <a href="#" onclick="fadeout-block1();">Fadeout</a>

 

Mas não funcionou.

 

Atualmente estou usando um botão, que esta assim:

 

<button id="fadeout-block1">Fadeout)</button>

 

Mas agora quero trocar por link.

 

Como fazer ?

[William Bruno 1501]

não.. você não faz isso.

 

com jquery você não vai ter chamada js dentro do html.

você atribui funções aos elementos pelos seletores css dele.

[3dmaniaco 1]

não.. você não faz isso.

 

com jquery você não vai ter chamada js dentro do html.

você atribui funções aos elementos pelos seletores css dele.

 

Como faço então ? Queria trocar os botões pelo link.

[William Bruno 1501]

<a id="fadeout-block1">Fadeout</a>

 

pronto, é só mudar o html.

[Dárcio Gomes 10]

não sei se entendi a sua necessidade mas faça um teste com esse script e veja se é o que você está precisando.

 

<script type="text/javascript">
$(document).ready(function(){   
 $("#buttom").click(function(){
   var divClass = document.getElementById('divApp').className 
   if(divClass == "aberto"){
     $("#divApp").stop().animate({ opacity: 0 }, 800);
     document.getElementById('divApp').className='fechado';
   }else{
     $("#divApp").stop().animate({ opacity: 1.0 }, 800);
     document.getElementById('divApp').className='aberto';
   }
 });
});
</script>

<div id="divApp" class="aberto" style="width:100%; height:100px; background:#000; float:left;"></div>

<a id="buttom" style="cursor:pointer;">BOTÃO CLICK</a>

[3dmaniaco 1]

Exatamente isso que eu quero, mas eu queria que a divApp começasse oculta, como fazer ?

 

Só mais uma dúvida, como fazer para se caso eu tiver 2 Div divApp1 e divApp2, se a divApp2 estiver aberta, e eu clicar no link exibir divApp1, ela fechar primeiro a divApp2 e depois abrir a divApp1. Tem como fazer isso ?

[Dárcio Gomes 10]

bom para a divApp começar invisível basta colocar o código abaixo no style da mesma:

filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; -khtml-opacity:0.1;

 

e definir a class como fechado.

 

e você quer que clique no mesmo link e fecha uma e abrea outra?...

 

se for isso tem que criar um for e informar a quantidade de divApp e div que ficará aberta.