Witajcie.
Mam zrobione zakładki (tabsy) dynamiczne za pomocą html, css i jQuery:
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #3D3D3D;
border-left: 1px solid #3D3D3D;
width: 687px;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px;
border-left: none;
background: #606060;
overflow: hidden;
position: relative;
}
ul.tabs li a {
text-decoration: none;
display: block;
padding: 0 10px;
border: 1px solid #3D3D3D;
outline: none;
}
ul.tabs li a:hover {
background: #3D3D3D;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
background: #3D3D3D;
}
.tab_container {
border: 0px solid #999;
border-top: none;
clear: both;
float: left;
width: 100%;
}
.tab_content {
padding: 20px;
padding-top: 0px;
padding-bottom: 5px;
padding: 10px;
font: 12px Tahoma, sans-serif;
<script type="text/javascript"> $(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
<li><a href="#tab1">Tab1
</a></li> <li><a href="#tab2">Tab2
</a></li> <div class="tab_container"> <div id="tab1" class="tab_content">tresc tab 1
</div> <div id="tab2" class="tab_content">tresc tab 2
</div>
Chodzi mi to to, że w zakładce tab2 mam sobie, np. formularz. I gdy go wyślę to przechodzi mi na pierwszą zakładkę i żeby zobaczyć odpowiedź to muszę ręcznie przełączyć na drugą. W jaki sposób mogę to zrobić, tak aby po wysłaniu formularza automatycznie aktywna była druga zakładka - ta z której został wysłany formularz?
Pozdrawiam.
Ten post edytował arkos 8.10.2011, 19:49:46