2
Add to favorites

Avatar viktor.horst asked

Placeholder IE9 not working

I made a website based on the streamline Theme. The login module doesn't show the placeholder in IE9. It works fine in Firefox.

When I visit the theme demo, there is no login module in the theme streamline.

So I tested it by downloading the Inspire theme with demo content, placed it online and when I look at the login module, I do not see the placeholders in IE9. When I look at the demo of the Inspire theme on the Yootheme website, I see the placeholders in IE9.

Image

When I look at your blog to the article "Warp 6 and HTML5" I see the following:

"We also make use of other HTML5 features like the placeholder attribute for the Ajax Search and Login forms. Of course we added a JavaScript solution for all browsers who don't support the placeholder yet"

Is this a bug? What can I do to make it work?

  • Warp Theme
  • Bug Report
  • Inspire
Order by Votes Newest Active

9 Answers

2

Avatar sven answered

Hi,

Warp provides a script das does add placeholder functionality to older browsers (and IE9). This script does only add that to selected elements. If you want the script to work with your login inputs, you need to add some code to js/template.js:

// Placeholder compatibility for login  
$('input.loginmod').placeholder();

If you remove .loginmod from that code, the script will work for all input elements, but that could cause issues with other components.

Regards
Sven

Edited

0

Avatar sven answered

Can you please provide a link to your site?

0

Avatar thomas.tauber answered

Hi,

the change in 'js/template.js' help not by me in 'nano2' and IE9.

Can you say, where this code belongs?
First row, end of file, can you say me the rownumber?

And:
Can this code in the next warp-update???

TT

0

Avatar clancy.fort answered

Added the following code to js/template.js. This didn't bring up the placeholder in IE. Do you have any other notes on this one?

// Placeholder compatibility for login
$('input.loginmod').placeholder();

0

Avatar viktor.horst answered

@clancy.fort input.loginmod is just a css selector. So take a look at you're css selector for this one and use this

Know someone who can answer? Share a link to this question via email or twitter.

Latest News

Products

Company

Support