Databases
StackOverflow2013
Postsdbo
POIE7 / IE8 interaction with JQuery .removeAttr('disabled'), not applying css
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POIE7 / IE8 interaction with JQuery .removeAttr('disabled'), not applying css
    primarykey
    data
    text
    <p>This is more of a curiosity than a question, but I'm wondering why the following isn't working.</p> <p>Say I have an html form with a selector and a submit button.</p> <pre><code> &lt;form action="/foo/createActivity" method="post" name="activityform" id="activityform" &gt; &lt;select name="activity" id="activity" &gt; &lt;option value="1" &gt;Activity 1&lt;/option&gt; &lt;option value="2" &gt;Activity 2&lt;/option&gt; &lt;/select&gt; &lt;input type="submit" class="submit" id="add" value="Add &gt;&gt;"/&gt; &lt;/form&gt; </code></pre> <p>Then I have an ajax call with jQuery defined</p> <pre><code>$('#activity').change(function() { tryDisable($('#activity').val()); }); function tryDisable(activity) { $.ajax({ type: 'GET', contentType: 'application/json', cache: false, url: '/foo/checkActivity', data: { activity: activity }, success: function(disableSubmit) { if (disableSubmit == "true") { $('#add').attr('disabled', 'true'); } else { $('#add').removeAttr('disabled'); // Problem in IE, doesn't take away CSS of disabled // $('#add').css({"text-align" : "center"}); // NO idea why the above fixes the problem, TODO find out } }, dataType: 'json' }); return false; } </code></pre> <p>You'll see in my comments that just the .removeAttr('disabled') is causing the button to re-enable, but the button still <em>looks</em> like it's disabled (gray-ed out). However, if I 'tickle' the css via jquery as I did in the commented out line, the correct, non-disabled styling applies. Firefox and Chrome work fine with just the first line, as I expected.</p> <p>Does anyone know why this might be? What's IE doing here that's so odd?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USTHelper
    1. USWill Buck
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POIE7 / IE8 interaction with JQuery .removeAttr('disabled'), not applying css
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POIE7 / IE8 interaction with JQuery .removeAttr('disabled'), not applying css
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POIE7 / IE8 interaction with JQuery .removeAttr('disabled'), not applying css
      1. This table or related slice is empty.
      1. VTUpMod
    1. CO"What's IE doing here that's so odd?" - Hahaha that's something we all ask ourselves sometime in our web-dev life! But I think you might need to give us more information. Which version of Internet Explorer are you talking about here?
      singulars
      1. POIE7 / IE8 interaction with JQuery .removeAttr('disabled'), not applying css
      1. USEganr
    2. COSorry I neglected to mention that! Not sure about IE9, but I tried it in 7 and 8 and saw the described symptoms. And yes, I'd be rich if I had a dollar for every time just I've said that, let alone all web devs. I was hypothesizing with a coworker how many collective man-hours IE bugs have cost the human race, and at base developer pay my guess was in the hundreds of millions of dollars... :)
      singulars
      1. POIE7 / IE8 interaction with JQuery .removeAttr('disabled'), not applying css
      1. USWill Buck
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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