jQuery UI tabs

bravo14 · October 11, 2011

Hi

I have the following code that has been rendered using php, but I am trying to use the jquery ui tabs, I have used the same code and files that are used on the demo of the tabs from the jquery site, but the tabs do not display.

<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
<html>
<head>
       <title>Trade-Bidz</title>
       <link href="style/trade-bidz.css" rel="stylesheet" type="text/css" />
       <script src="js/jquery-1.6.2.min.js"></script>
<script src="js/jquery.ui.core.js"></script>
<script src="js/jquery.ui.widget.js"></script>
       <script src="js/jquery.ui.tabs.js"></script>

               <script>
$(function() {
	$( "#tabs" ).tabs();
});
</script>

</head>
<body>
<table>
<tr>
<td colspan="2">
<div id="header">

<div id="login_form">
<a href="logout.php">Logout</a></div>
<img src="images/logo.jpg" width="300" /></div>
</td>
</tr>
<tr>
<tr>
<td colspan="2">
<div id="nav_head">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="browse.php">Buying</a></li>
<li><a href="sell-vehicle.php">Selling</a></li>
<li><a href="contact-us.php">Contact Us</a></li>
<li><a href="terms.php">Terms</a></li>
<li><a href="my-trade-bidz.php">My Trade-Bidz</a></li>
<li><a href="how-it-works.php">How It Works</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td width="200">
<div class="left_column_box">
  <h3>Search Items</h3>
  <form method="post" action="browse.php">
  <table width="100%">
  <tr><td>Make:</td>
  <td><select name="make" onchange="reload(this.form)">
    <option selected="selected">Please select...</option>
    <option value="MG">MG</option><option value="RENAULT">RENAULT</option>    </select></td>
  </tr>
  <tr><td>Model:</td><td>
  <select name="model">
  <option>Select Make</option>  </select>
  </td></tr>
  <tr><td>Style:</td><td></td></tr>
  <tr><td></td><td><input type="submit" name="make_model_search" value="Search"/></td></tr>
  </table>
  </form>
  </div>
  <div class="left_column_box">
  <h3>Ending Soon</h3>
  There are no lots completing today  </div>
  <div class="left_column_box">
  <h3>Other Selected Lots</h3>
  <div class="mini_lot">
        <h4>RENAULT SCENIC EXPRESSION 16V A</h4>
	<img src="photos/22.jpg"/><br/>
	Current Bid: £2133<br/>
	Time Left: Countdown will go here<br/>
	<a href="lot.php?lot_id=41">View Lot</a><br/>
        </div><div class="mini_lot">
        <h4>MG ZR</h4>
	<img src="photos/21.jpg"/><br/>
	Current Bid: £1213<br/>
	Time Left: Countdown will go here<br/>
	<a href="lot.php?lot_id=40">View Lot</a><br/>
        </div><div class="mini_lot">
        <h4>MG ZR</h4>
	<img src="photos/"/><br/>
	Current Bid: £12<br/>
	Time Left: Countdown will go here<br/>
	<a href="lot.php?lot_id=37">View Lot</a><br/>
        </div>  </div>
</td>
<td valign="top">
      <div id="tabs">
<ul>
	<li><a href="#tabs-1">Buying</a></li>
	<li><a href="#tabs-2">Selling</a><span class="count">6</span></li>
	<li><a href="#tabs-3">Watching</a><span class="count">0</span></li>
        <li><a href="#tabs-4">Messages</a></li>
        <li><a href="#tabs-5">Profile</a></li>
</ul>
<div id="tabs-1">
        	</div>
<div id="tabs-2">
        <div class="">Active</div>
<h2>Items You are Selling</h2>
<table><tr><td>Reg Number</td><td>Make Model</td><td>End Date</td><td>Reserve</td>Current Bid</td><td>Current High Budder</td></tr><tr><td>0</td>
<td>RENAULT SCENIC EXPRESSION 16V A MPV</td>
<td>2011-09-20</td>
<td>3344.00</td>
<td>3434</td>
<td>42</td></tr></table><div class="">Ended</div>
You currently have not vehicle available for auction.  To sell a vehicle click <a href="sell-vehicle.php">here</a>	</div>
<div id="tabs-3">
        You are currently not watching any items	</div>
    <div id="tabs-4">
        	</div>
    <div id="tabs-5">
        <table>
<tr>
<td>Trader Name:</td><td>New Dealer</td></tr>
<tr><td valign="top">Address:</td><td>17 Stonehenge Croft<br/><br/><br/>Birmingham<br/>West Midlands<br/>B14 5PL</td></tr>
<tr><td>Phone Number:</td><td>01214745928</td></tr>
</table>

<h1>Feedback</h1>
Feedback will appear here	</div>
</div>
</td>
</tr>
<tr>
<td colspan="2">

</td>
</tr>
<tr>
</body>
</html>

Any ideas why the tabs do not display?

AyKay47 · October 11, 2011

what does firebug or inspect element say about the javascript?

bravo14 · October 11, 2011

It appears to be calling the javascript with no errors.

The page that I am trying to look at is www.trade-bidz.co.uk

Login name [email protected]

Password secret

I have set up a test account for people to login and see what happens, but I can't see any errors with the code.

Sign In

jQuery UI tabs

Recommended Posts

bravo14

Link to comment

Share on other sites

AyKay47

Link to comment

Share on other sites

bravo14

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information