Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You can use this jQuery:</p> <p><kbd><a href="http://jsfiddle.net/8Tv9m/" rel="nofollow">jsFiddle here</a></kbd></p> <pre><code>$(document).ready(function() { $( "#Main" ).tabs(); $('[id^=ui-id-]').click(function() { var tabId = $(this).attr('id'); alert('Tab clicked: ' + tabId ); if (tabId == 'ui-id-1') { $('#LoginForm').submit(); }else if (tabId == 'ui-id-2') { $('#form2').submit(); }else if (tabId == 'ui-id-3') { $('#form3').submit(); } }); }); </code></pre> <p>jQueryUI tabs all have IDs beginning with <code>ui-id-#</code>, where # is the tab number (for example, <code>ui-id-3</code>.</p> <p>The selector <code>$('[id^=ui-id-]')</code> means: <em>For any element whose ID attribute begins with <code>ui-id-</code>, trap the click event and do this...</em></p> <p>Note that the <code>&lt;form&gt;</code> tag must have an ID attribute, as specified in the above code. For example, for the form on Tab 3:</p> <pre><code>&lt;form id="form3" action="whatever.php" method="POST"&gt; </code></pre> <hr> <p>Suppose each tab has a form on it and, for example, the forms all have IDs that are sequentially numbered according to the tab they are on, such as Form-1, Form-2, Form-5, etc. Then you could use the line <code>var tabId = $(this).attr('id')</code> to do this:</p> <pre><code>$(document).ready(function() { $( "#Main" ).tabs(); $('[id^=ui-id-]').click(function() { var tabId = $(this).attr('id'); //ui-id-4 var tabNum = tabId.split('-')[2]; //4 $('#Form-' + tabNum).submit(); }); }); </code></pre> <p>For example, suppose the tab's ID is <code>ui-id-4</code>, then you would want to give the <code>&lt;form&gt;</code> for tab 4 an ID: <code>&lt;form id="Form-4"&gt;</code>. The above code would then submit that form when the tab was clicked.</p> <hr> <p>Note that the above code expects that your form tags will have an ID, such as:</p> <pre><code>&lt;form id="myFormId" action="somepage.php" method="POST" &gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POHow to submit a form when tab is click
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USgibberish
    1. USgibberish
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow to submit a form when tab is click
      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. VTAcceptedByOriginator
    1. COOk maybe I am doing something wrong, but it doesn't seem to work. Here is what I did: <script> $(document).ready(function(){ $('#Tab1').click(function(){ $('#Form_1').submit(); }); $('#Tab2').click(function(){ $('#form2').submit(); }); $('#Tab3').click(function(){ $('#form3').submit(); }); }); </script>
      singulars
      1. PO
      1. USNeil Porven
    2. CODid you try the code I suggested in my answer? That did not require you to make any changes to your HTML. However, the way you coded it above requires that you add an ID to each anchor `<a>` tag, and *be careful of the capitalization!* Tag != tag
      singulars
      1. PO
      1. USgibberish
    3. CO@NeilPorven I modified my example to respond to your comment above. See revised code in first example. Read my comments (in the post) carefully. You should be fine with that -- you *do* understand about setting the ID attribute in the form tags, and matching that to what tab was clicked, yes?
      singulars
      1. PO
      1. USgibberish
 

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