Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I suggest you take a look at the offictal jQuery UI documentation, in particular the <a href="http://jqueryui.com/demos/tabs/" rel="nofollow">tabs page</a>. I think your markup has some errors, this is how I would do this:</p> <pre><code>&lt;div id="tabs_container"&gt; &lt;ul&gt; &lt;li class=""&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt; &lt;li class=""&gt;&lt;a href="#contact"&gt;Contact &lt;?php echo $retailers['Retailer']['company'];?&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id="about" class="tab_content"&gt; &lt;h3&gt;About &lt;?php echo $retailers['Retailer']['company'];?&gt;&lt;/h3&gt; &lt;p&gt;&lt;?php echo $retailers['Retailer']['description'];?&gt;&lt;/p&gt; &lt;/div&gt; &lt;div id="contact" class="tab_content"&gt; &lt;h3&gt;Contact &lt;?php echo $retailers['Retailer']['company'];?&gt;&lt;/h3&gt; &lt;h4&gt;Email &lt;?php echo $retailers['Retailer']['company'];?&gt;&lt;/h4&gt; &lt;p&gt;&lt;?php echo $retailers['Retailer']['email_address'];?&gt;&lt;/p&gt; &lt;h4&gt;Phone &lt;?php echo $retailers['Retailer']['company'];?&gt;&lt;/h4&gt; &lt;p&gt;&lt;?php echo $retailers['Retailer']['phone'];?&gt;&lt;/p&gt; &lt;h4&gt;Fax &lt;?php echo $retailers['Retailer']['company'];?&gt;&lt;/h4&gt; &lt;p&gt;&lt;?php echo $retailers['Retailer']['fax'];?&gt;&lt;/p&gt; &lt;h4&gt;Write to &lt;?php echo $retailers['Retailer']['company'];?&gt;&lt;/h4&gt; &lt;p&gt;&lt;?php echo $retailers['Retailer']['address_line_1'];?&gt;,&lt;br /&gt;&lt;?php echo $retailers['Retailer']['address_line_2'];?&gt;,&lt;br /&gt;&lt;?php echo $retailers['Retailer']['city'];?&gt;,&lt;br /&gt;&lt;?php echo $retailers['Retailer']['county'];?&gt;,&lt;br /&gt;&lt;?php echo $retailers['Retailer']['postcode'];?&gt;&lt;/p&gt; &lt;/div&gt; </code></pre> <p> </p> <p>You need a div which contains all the tab divs AND the list with the various links, you missed this in your code. Then in your jQuery code you're missing a call to .tabs() which effectively creates the tabs. Here is how you would do this assuming you where using the previous markup I posted:</p> <pre><code>$('#tabs_container').tabs() </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POJQuery tabs system
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USThe Coding Monk
    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. This table or related slice is empty.
    1. COsee i wasnt too keen on the Theme roller thing with the Jquery UI tabs thats why i tried to do it this way. If I do it like you said would that mean creat a function tabs. Is that what you mean ?
      singulars
      1. PO
      1. USJamie
    2. COOh, I think I misunderstood your first question a bit. Anyway jQuery UI has a built-in tabs feature and you could use that to create the tabs if your solution isn't working still. You don't have to create a .tabs() function because it is built-in into jQuery UI!
      singulars
      1. PO
      1. USThe Coding Monk
    3. COlike i said i dont want to use that because i dont like the way you style it with the Theme roller would rather use my own jquery do you have any tips that i could get this to work :)
      singulars
      1. PO
      1. USJamie
 

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