Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I would suggest not to mix up combining the event handlers that too of different selectors, instead just move generic functionality to a common function that can be called. This will help you maintain different event as it is ans any modification required in future on any of these handlers will make it easier with this approach rather than again splitting them out later.</p> <p>sometimes you don't want to make everything <code>DRY</code>.</p> <pre><code>$(function(){ //ready is not required if it is bound to document head $(document).on('change', '#selectContainer [id]', function () { prevClass = className; className = $("select").val(); &lt;&lt;&lt;&lt; DIFFERENT transformImage(className); // call the method to do the image processing } $(document).on('click', '.inter [class], .inter #back [id]', function () { prevClass = className; className = (this.id || this.className).substr(1); &lt;&lt;&lt;&lt; DIFFERENT transformImage(className);// call the method to do the image processing } }); //Move out your generic piece of functionality to another method. Put it out side of document.ready. function transformImage(className) { var back = '&lt;div id="back"&gt;&lt;div id="_'+ prevClass +'"&gt;&lt;/div&gt;&lt;/div&gt;'; link[prevClass] = original; original = link[className]; link[className] += back; $('.inter').fadeTo(250, 0.25, function () { $('.inter').html(link[className]); $('.inter').css({'background-image': 'url("' + className + '.png")'}); $('.inter').fadeTo(250, 1.00); }); } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POHow to join two jQuery event handlers together
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USPSL
    1. USPSL
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow to join two jQuery event handlers together
      singulars
      1. PTQuestion
    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. COCan you explain the above code a bit more? The function uses both the prevClass and className variables. Do they both need to be in the () LIKE: function transformImage(className, prevName)
      singulars
      1. PO
      1. USsephiith
    2. COJust updated the answer and comments on code, let me know if you still have any question.
      singulars
      1. PO
      1. USPSL
    3. COSee updated comment above. Also, why are the event handlers wrapped in the $(function() {} function? (I am new to this)
      singulars
      1. PO
      1. USsephiith
 

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