Jump to content

jQuery UI tabs


bravo14
 Share

Recommended Posts

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?

Link to comment
Share on other sites

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 phpfreaks@trade-bidz.co.uk

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.

 

 

Link to comment
Share on other sites

This thread is more than a year old.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.