Função jQuery

Java

08/09/2015

Bom pessoal estou trabalhando em uma função que faz um texto piscar e outra que faz parar fiz em em jQuery mais não sei como chama pois de todos os motos que chamo não funciona;
Um botão chama a função que faz pisca e o outro a que faz parar.
Preciso de ajuda como devo fazer para funcionar? Pois, não sei nada de javaScript eJQuery só que pesquisei na internet.
Função jQuery

< $(document).ready(function(){
$("#j_idt11:add").click(function(){
$("#texto").addClass("piscar");
});
});

$(document).ready(function(){
$("#j_idt11:rem").click(function(){
$("#texto").removeClass("piscar");
});
});

</script>
/>
Botão que chama e o que retira class css do texto.
<
<div id="jt">
<h:panelGroup>
<h:button id="add" class="btn btn-default" />
<h:button id= "rem" class="btn btn-danger" />
</h:panelGroup>
</div>
/>
Texto que deve piscar.

<
<h:outputLabel id="texto" value="Pessoa Ausente Click Abaixo" />
/>
Rafael Prado

Rafael Prado

Curtidas 0

Respostas

Jothaz

Jothaz

08/09/2015

Pois, não sei nada de javaScript eJQuery só que pesquisei na internet.


Olha assim fica difícil ajudar. É preciso ter pelo menos conhecimento minimo, senão como vamos ajudá-lo.

O código que postou é completo ou só um pedaço?
GOSTEI 0
Rafael Prado

Rafael Prado

08/09/2015

Bom o código ai não está completo. Sim eu sei o básico o quis dizer é que ainda não tinha trabalhado com javascript pois trabalho com java desktop e java script faz 15 dias que comecei estudar e trabalhar mais estou meio enrolado pois na internet a varias maneiras de fazer mais já testei e não consegui fazer piscar.

Estou fazendo a manutenção de um sistema de senhas e me pedirão para fazer com que a senha pisque na tela quando atendente acionar o botão de chamar e pare de piscar quando o atendente acionar o botão iniciar atendimento. Essa senha é fica guardada no banco até ser renderizada na tela quado deve começar a piscar. Eu coloquei este exemplo porque é basicamente isso a função jQuery chama o css e depois retira mais não sei como colocar em prática.

Se colocar o animate.css puro ele funciona mais não para mais ai fica infinitamente todas as senhas piscando.

Desde já agradeço a ajuda.
GOSTEI 0
Jothaz

Jothaz

08/09/2015

Me desculpe, mas seu primeiro post me levou a confusão.

Olha para lhe ajudar ficaria mais fácil se você criasse um exemplo no:jsfiddle, assim poderíamos trabalhar colaborativamente.
GOSTEI 0
Jothaz

Jothaz

08/09/2015

Consegui fazer piscar indefinidamente, sem limite de tempo.
O problema é desligar o efeito pois uso um função recursiva.
Veja se o exemplo lhe ajuda:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> Pisca texto</title>
  <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  
  <style type='text/css'>
    p{
		color:red; 
		font-size:3em;
	}
  </style>
<script type='text/javascript'>
	function blink(selector) {
		$(selector).fadeOut('slow', function() {
			$(this).fadeIn('slow', function() {
				blink(this);
			});
		});
	}
	
</script>

</head>
<body>
   <p id="txtPisca" class="piscar">Texto que deve piscar</p>
   <input type="button" id="on" value="On" onclick="blink('.piscar');"/>	 	
</body>

</html>
GOSTEI 0
POSTAR