bravo14 Posted October 11, 2011 Share Posted 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? Quote Link to comment Share on other sites More sharing options...
AyKay47 Posted October 11, 2011 Share Posted October 11, 2011 what does firebug or inspect element say about the javascript? Quote Link to comment Share on other sites More sharing options...
bravo14 Posted October 11, 2011 Author Share Posted 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 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.