8

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?

adit
  • 32,574
  • 72
  • 229
  • 373

3 Answers3

1

Check if your version of opera is here:

CLICK ME :)

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

Mr.TK
  • 1,743
  • 2
  • 17
  • 22
1

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.

sksallaj
  • 3,872
  • 3
  • 37
  • 58
  • The issue is that this is a plugin, while I require a library.. like the one I have linked above in my original post – adit Mar 18 '14 at 08:22
  • what you added in your link is a plugin. A library is involving a collection of many utilities and functions useful to your javascript code to help with your design efforts rather than the implementation of something. Shivs (plugins) are mainly the route you want to take when you have a lack of support for something that is backwards compatible. In your case, it's a special instance, so a plugin is involved. – sksallaj Mar 18 '14 at 13:59
  • I'm not sure if I understand your question,the links i gave you are javascript plugins.. the code you mentioned in your question is a javascript plugin. – sksallaj Mar 19 '14 at 00:24
  • I just tried it and apparently the plugin above doesn't work in opera mini – adit Mar 19 '14 at 10:46
0

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.

rk22
  • 25
  • 5