Databases
StackOverflow2013
Postsdbo
POHow can I stop the second tab from being automatically selected in EasyTabs?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow can I stop the second tab from being automatically selected in EasyTabs?
    primarykey
    data
    text
    <p>I'm trying to make tabs and am using easytabs. By the below code, the second option is the default selected tab.</p> <p>I want the first tab to be selected as an active tab. I did it before, but unfortunately I missed the file. Now I am struggling to do it again. Please tell me how to make the first tab (statistics) to be selected at first as a default tab. Now the second tab which (followup) is the default selected tab.</p> <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"&gt; &lt;head profile="http://gmpg.org/xfn/11"&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; &lt;script src="js/ajax_request.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/jquery-1.4.4.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/jquery.hashchange.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/jquery.easytabs.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/jquery.maskedinput.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt; &lt;style&gt; #tab-container { border: solid 0px; height: auto; } #tab-container ul { margin: 0; padding: 0; } #tab-container ul li { display: inline-block; background:#464646 ; border: 1px; border-bottom: none; font-color:#000000;} #tab-container ul li a { display: block; padding: 5px; outline: none; } #tab-container ul li a:hover { text-decoration: none;background-color:#30A4B1; } #tab-container ul li.active-tab { padding-top: 6px; position: relative; top: 1px; font-color:#000000; } #tab-container ul li a.active-tab { font-weight: bold;position:relative; } #tab-container .panel { border: ; padding: 0 10px; } #tab-container ul li a.active { background-color:#30A4B1; color:#ffffff; } &lt;/style&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $('#tab-container').easytabs({ updateHash: false, tabActiveClass:'active', }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="tab-container" &gt; &lt;ul style="float:right;"&gt; &lt;li&gt;&lt;a href="" data-target="#tab2"&gt;Statistics &lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="" data-target="#that-other-tab"&gt;Followup &lt;span class="notification-bubble" title="Notifications" style="background-color: rgb(239, 51, 14); display: inline;" id="countOrder"&gt;&lt;?php echo $countOrder;?&gt;&lt;/span&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="" data-target="#pay-tab" class="tabs"&gt;Payment&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;&lt;br/&gt;&lt;br/&gt;&lt;hr/&gt; &lt;div class="panel-container"&gt; &lt;div id="tab2"&gt; &lt;iframe src="charts/chart_main.php" width="100%" height="1000px" scrolling="no" style="border:0px; margin:0px;"&gt; &lt;/iframe&gt; &lt;/div&gt; &lt;div id="that-other-tab"&gt; &lt;iframe src="followup/follow_grid.php" width="100%" height="500px" scrolling="no" style="border:0px; margin:0px;"&gt; &lt;/iframe&gt; &lt;/div&gt; &lt;div id="pay-tab"&gt; &lt;iframe src="pay_grid.php" width="100%" height="500px" scrolling="no" style="border:0px; margin:0px;"&gt; &lt;/iframe&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USBala.C
    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. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow can I stop the second tab from being automatically selected in EasyTabs?
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POHow can I stop the second tab from being automatically selected in EasyTabs?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHow can I stop the second tab from being automatically selected in EasyTabs?
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. This table or related slice is empty.
 

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