Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>depending on the actual html but you should always use <code>hasClass</code> when detecting whether or not an element has a given class</p> <p>so change the if to</p> <pre><code>if($(this).hasClass("active") </code></pre> <p>which will be true if the element has the class <code>active</code> and not only if the value of the <code>class</code> attribute is exactly the value "active"</p> <p>E.g. if you have</p> <pre><code>&lt;img class=" active image" /&gt; </code></pre> <p>then <code>hasClass("active")</code> will be true but your test will be false and even </p> <pre><code>&lt;img class=" active " /&gt; </code></pre> <p>might be treated differently in different browsers because of the whitespace around active</p> <p><strong>EDIT based on comment</strong></p> <p>You should hardly ever rely on the position of elements alone. The only scenario where you should rely on position is when the position it self is the key. E.g. when zebra colouring a table</p> <p>I suggest that you change your code to the following</p> <pre><code>$("#nav-tabs").on("click", "a", function(e) { e.preventDefault(); $(this).tab('show'); $('li#test').each(function() { var self = $(this), source = self.hasClass("active") ? "assets/img/button_home_selected3.png") : "assets/img/button_home_plain.png"; self.children(). .find(img:first).attr("src", source); }); }); </code></pre> <p>There's a few points to notice.</p> <ul> <li>When you use $(this) multiple times. Store it in a local variable instead of selecting it multiple times</li> <li>Use a more specific selector than relying only on the order the elements are found in</li> <li>Narrow the selection to only select the needed elements also when the HTML is changed. In your case adding another image as a grand child to li#test would result in the code changing the <code>src</code> for both images at the same time</li> <li>if you perform the same operation twice with different arguments instead use the if to select the input and only implement the functionality once since this makes it both easier to read the code and easier to maintain. If your case that would be select the source of the image based on whether or not the active class is present and then set the <code>src</code> accordingly</li> </ul>
    singulars
    1. This table or related slice is empty.
    1. POJavaScript If statement not working in IE
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USRune FS
    1. USRune FS
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COi have done that already but still not working in Internet Explorer... My functionality is simple, the active class toggles between the li tags, and the img tag between the li tag changes with this script
      singulars
      1. PO
      1. USHunain
    2. CO@Hunain you will have to provide a SSCCE then (http://SSCCE.org) or at least more context E.g. the actual HTMl
      singulars
      1. PO
      1. USRune FS
    3. COI Got it, in the dynamically added script i had appeded the li item second then the img tag, which made it confused; as there was no src....
      singulars
      1. PO
      1. USHunain
 

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