StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POIE is forcing inline styles to override my Jquery magic?
text
Body
copied!<p>Ok so I have a neat little login form on my site, and I love placeholder instead of labels! As you all know, Microsoft, even know it has tremendous resources, refuses to release a full CSS3 HTML5 compatible browser. They're even so greedy they don't allow old users to upgrade to 9 unless they have Windows Vista/7 <em>---end IE rant</em></p> <p>So I'm using the fake password field trick I read here in another post, but I'm having an issue! When I try to make the fakepassword field appear and hide the password, it appears that IE is forcing some kind of bogus inline style on the element, and not allowing it to hide! </p> <p>Here's the code:</p> <pre><code>//This function hides our fake password field and changes focus to the real one. Yet another IE workaround... $("#fakepassword").focus(function(){ $('#fakepassword').hide(); $('#password').show(); $('#password').focus(); }); //These functions perform the link hover copycat $("#titleHover").mouseenter(function(){ $("#titleLarge").css('background-color', '#555'); }); $("#titleHover").mouseout(function(){ $("#titleLarge").css('background-color', 'transparent'); }); $("#titleHover").click(function(){ $("#userMenu").animate({ height: "192px", }, 250, function() { // Animation complete. Display form and swap out arrow. $('#loginForm').css('visibility', 'visible'); $("#titleLarge").css('background-color', 'transparent'); $("#titleHover").unbind('mouseenter').unbind('mouseout'); //Use my sweep function to swap in values for IE $('html').click(function() { //Hide the login, animate menu up and swap back in down arrow. $('#loginForm').css('visibility', 'hidden'); $("#userMenu").animate({ height: "64px", }, 250, function() { $("#titleHover").mouseenter(function(){ $("#titleLarge").css('background-color', '#333'); }); $("#titleHover").mouseout(function(){ $("#titleLarge").css('background-color', 'transparent'); }); }); if ($('#password').attr('value') == '') { $('#password').hide(); $('#fakepassword').show(); } }); $('#userWrap').click(function(event){ event.stopPropagation(); }) }); }); </code></pre> <p>And an image of the IE debug:</p> <p><img src="https://i.stack.imgur.com/hT0l5.png" alt="enter image description here"></p> <p>What in the heck is that^^^ </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload