Blinking textbox value using jquery

Question

I am using following code to blink a textbox value, but it is not supported by Firefox, IE. How can i achieve? May i do with fade to function.. If yes means help me.

<script>
$(document).ready(function(){

$("#blinkchk").click(function(){
var a=$("#text").val();
a.blink();
});

});
</script>

<body>
<textarea id="text"></textarea>
<input type="checkbox" name="check" id="blinkchk" value="Blink" />Blink
</body>

Sudharsan S · Answer 1 · 2014-06-19T08:34:10.300

1

Try this. exactly what you want

$("#blinkchk").click(function(){

    setInterval(function() { 
       $("#text").removeClass().addClass("m1")
    }, 400);

       setInterval(function() { 
       $("#text").removeClass().addClass("m2")
    }, 800);
});

DEMO

edited Jun 19 '14 at 08:34

answered Jun 19 '14 at 08:12

Sudharsan S

15,336
3
31
49

1

this will make the whole element blink, not the text individually – Amin Jafari Jun 19 '14 at 08:16
remove textarea and make it as span or div it will work. question has textarea so i will put that one – Sudharsan S Jun 19 '14 at 08:17
@ Amin Jafari - see another demo for you – Sudharsan S Jun 19 '14 at 08:21
I didn't mean like that, check out my answer and see the fiddle to see what I'm talking about – Amin Jafari Jun 19 '14 at 08:25
as you can see here (http://jsfiddle.net/8ebF6/) only the text is blinking, not the whole container (which is a textarea in this case) – Amin Jafari Jun 19 '14 at 08:26

Amin Jafari · Accepted Answer · 2014-06-19T08:23:45.563

1

first give the css, transition: color 0.3s;

and then:

$("#blinkchk").click(function(){
    setInterval(function(){
        $('#text').css('color','transparent');
        setTimeout(function(){
            $('#text').css('color','black');
        },500);
    },1000);
});

http://jsfiddle.net/8ebF6/

edited Jun 19 '14 at 08:23

answered Jun 19 '14 at 08:13

Amin Jafari

7,157
2
18
43

@ Amin Jafari ,If i uncheck this checkbox need to stop blinking. Is there any way like $("#blinkchk").click(function() for uncheck the checkbox? – jerome Jun 19 '14 at 09:20
here you go: http://jsfiddle.net/8ebF6/1/ – Amin Jafari Jun 19 '14 at 09:28

score 0 · Answer 3 · answered Jun 19 '14 at 08:11

Do something like this for compatibility:

<style>
.blink_on {
opacity: 1;
}
.blink_off {
opacity: 0;
}
</style>

<script>
$(document).ready(function(){
$("#blinkchk").click(function(){
setInterval(function() {
if($("#text").hasClass('blink_on')) {
$("#text").removeClass('blink_on');
$("#text").addClass('blink_off');
}
else {
$("#text").addClass('blink_on');
}
},300);
});

});
</script>

<body>
<textarea id="text"></textarea>
<input type="checkbox" name="check" id="blinkchk" value="Blink" />Blink
</body>

score 0 · Answer 4 · answered Jun 19 '14 at 08:11

0

There's a plugin for jQuery which brings back blink functionality if you're keen on hurting peoples eyes! It allows you to simply use the following to get something to blink:

$('.blink').blink();

http://www.antiyes.com/jquery-blink-plugin

answered Jun 19 '14 at 08:11

edcs

3,847
2
33
56

score 0 · Answer 5 · answered Jun 19 '14 at 08:15

0

Use this :

$("#blinkchk").click(function(){
    setInterval(function(){$("#text").fadeOut(200,function(){
      $(this).fadeIn(200);
    })},400);

});

Demo

answered Jun 19 '14 at 08:15

Bhushan Kawadkar

28,279
5
35
57

Blinking textbox value using jquery

5 Answers5