Clear background if content present in textarea jQuery

0 votes

Please see this jsFiddle: https://jsfiddle.net/Wmq6f/

I have a textarea that has a background image, it is removed on 'focus' and restored on 'blur' but when the content is present in the textarea it should not show in either case, but I can't achieve that with this jQuery:

$('textarea').focus(function() {
   var $this = $(this);
   $.data(this, 'img', $this.css('background-image'));
   $this.css('background-image', 'none');
});
$('textarea').blur(function() {
    if($.trim($('textarea').val()).length){
         $this.css('background-image', 'none');
    } else {
        $(this).css('background-image', $.data(this, 'img'));
    }
});

Thanks for your help

Jul 22, 2022 in Web Development by gaurav
• 23,260 points
273 views

No answer to this question. Be the first to respond.

Your answer

Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.

Related Questions In Web Development

0 votes
0 answers

If/else else if in Jquery for a condition

I am having a set of text ...READ MORE

Jul 1, 2022 in Web Development by gaurav
• 23,260 points
2,303 views
0 votes
0 answers

how can i get the url of the content( home.html) in adress bar by jquery load() function?

I am using jquery load() function to ...READ MORE

Jul 28, 2022 in Web Development by gaurav
• 23,260 points
394 views
0 votes
0 answers

How to show message in model body if bootstrap model have no data in jquery

I'm trying to display a text message ...READ MORE

Jul 29, 2022 in Web Development by gaurav
• 23,260 points
591 views
0 votes
0 answers

jQuery get each background image URL of each element and wrap it in a href

So i am trying to get the ...READ MORE

Aug 11, 2022 in Web Development by gaurav
• 23,260 points
758 views
0 votes
0 answers

Meaning of if(something.length) in jQuery

I was parsing some smooth-scrolling code online ...READ MORE

Aug 11, 2022 in Web Development by gaurav
• 23,260 points
404 views
0 votes
0 answers

jQuery Cookie plug in behavior: is setting domain to ".com" if cookie is session cookie

Folks, I've found that the jQuery cookie plugin ...READ MORE

Aug 24, 2022 in Web Development by gaurav
• 23,260 points
433 views
0 votes
1 answer

How to focus on a form input text field on page load using jQuery?

In this example the form input text ...READ MORE

answered Jun 21, 2022 in JQuery by rajatha
• 7,640 points
1,841 views
0 votes
0 answers

Get the value in an input text box

What are the ways to get and ...READ MORE

Jun 29, 2022 in Web Development by gaurav
• 23,260 points
192 views
0 votes
0 answers

Get the value in an input text box

What are the ways to get and ...READ MORE

Jun 30, 2022 in Web Development by gaurav
• 23,260 points
162 views
0 votes
1 answer

jQuery text animation "explosion" effect on hover

The logic: Wrap each textual character inside a <span> tag Make ...READ MORE

answered Aug 4, 2022 in Web Development by rajatha
• 7,640 points
648 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP