Fórum Função jQuery #531062
08/09/2015
0
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
Curtir tópico
+ 0Posts
08/09/2015
Jothaz
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
08/09/2015
Rafael Prado
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
08/09/2015
Jothaz
Olha para lhe ajudar ficaria mais fácil se você criasse um exemplo no:jsfiddle, assim poderíamos trabalhar colaborativamente.
Gostei + 0
08/09/2015
Jothaz
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
Clique aqui para fazer login e interagir na Comunidade :)