PDA

View Full Version : Working with jQuery



hitechinfosoft
25 Oct 2010, 06:50 AM
just to give an Idea:

there is a setting wizard made in asp.net.

sidebar has 10 links like:

1. user
2. floor
3. inventory
4. and so on..........


No in the right main area there are many tabs linking with these sidebar links. e.g.

if you click on user, you will be seeing 3 tabs.
1. user type
2. create user
3. user permission

then for second link and so on........

I have also put next and previous button as it will be from wizard by default. Now I want to disable all the tabs in each link and put the next and previous button instead to click and switch tab. then in you complete one link with all 3 tabs. then the main Next button of Asp.net will be shown and can click and navigate to second link.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link type="text/css" rel="stylesheet" href="theme/ui.all.css" />
<script src="jquery-1.3.1.js"></script>
<script src="jquery-ui-personalized-1.6rc6.js"></script>
<script>
$(document).ready(function() {
$("#example").tabs();
});
</script>
</head>

<body>

<div id="example">
<ul>
<li><a href="#first-tab"><span>Content 1</span></a></li>
<li><a href="#second-tab"><span>Content 2</span></a></li>
<li><a href="#third-tab"><span>Content 3</span></a></li>
</ul>

<div id="first-tab">
This is the first tab.
</div>

<div id="second-tab">
This is the second tab.
</div>

<div id="third-tab">
This is the third tab.
</div>

</div>

</body>
</html>

No Iwant to disable all the tabs and activate it by clicking next button anyone can help me out. for that I have put 10 link on sidebar and each link has 3-5 tabs.

Pls suggest me some script.

Thank you.