adit
adit

Reputation: 33674

changing placeholder in opera mini

I am currently using this code to replace the placeholder functionality where it is not available. I have a click listener on jQuery which changes the placeholder text:

$('.contact-type').change(function(event) {
    $contactInfo = $(this).closest('div').prev().find('#contact-info');
    $contactInfo.removeClass();
    $contactInfo.addClass('form-control input-lg');

    $contactInfo.addClass('validate[required,custom[line]]');
    $contactInfo.attr("placeholder", "LINE ID");
})

The issue is that when using the jquery placeholder, when I changed the placeholder text and then I called $('input, textarea').placeholder();. The new placeholder doesn't change. How can I also change the placeholder when the value changed?

Upvotes: 8

Views: 782

Answers (3)

rk22
rk22

Reputation: 23

Opera-mini doesn't support placeholder attribute for HTML input. You can check whether Opera-Mini supports something or not in the website Mr.TK pointed out: http://caniuse.com/input-placeholder.

Upvotes: 0

sksallaj
sksallaj

Reputation: 4010

there's a whole slew of placeholders that you could check and see if it could work for opera:

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills#web-forms--input-placeholder

Modernizr is a very nice tool that is useful for checking backwards compatibility of html5 on older browsers.

Did more digging and apparently this site gives opera mini consideration in adding placeholders (though I haven't tested it myself since I don't have opera mini installed on my computer):

http://www.mightyminnow.com/2013/09/mightyminnow-plugin-html5-jquery-polyfill/

Give that a go too. I know it can be frustrating, I had to do tons of tweaks on a recent project just to support ie7 stuff.

Upvotes: 1

Mr.TK
Mr.TK

Reputation: 1836

Check if your version of opera is here:

CLICK ME :)

It may just not work, because developers didn't code it. ;)

Upvotes: 1

Related Questions